Ads by BuzzCity

Rabu, 10 Agustus 2011

Home » , , » CARA MEMBUAT LINK EFEK WINNDOW OPENER

CARA MEMBUAT LINK EFEK WINNDOW OPENER



Dalam dunia perblogeran(halah opo iki....)banyak cara untuk memvariasi tampilan link mulai dari yang sederhana sampai yang penuh dengan inovatif nah disini [ER] ingin berbagi ilmu yang di dapat dari sobat bloganol siapa tahu bisa berguna dan bermanfaat dimana dalam hal ini kita tidak mengutak-atik html cuma memasukkan java script dalam rancangan tutor ini disebut ANIMASI WINNDOW OPENER..nah lho puyeng gak ?gampang kok sob cara bikinnya,untuk contoh bisa diklik/ditekan/dinutnut kotak dibawah ini:




google



bagaimana tertarik atau tersangkut langsung aja kalau terminat alias minat ikuti langkanya.

1.login ke dashbor bloger
2.terus kerancangan-->tambahkan html/java script
3.copas/copi (ga pake gula dijamin pahiiiiiiiiit deh)kode dibawah ini:




<SCRIPT language=JavaScript> <!-- Begin function expandingWindow(website) { var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes' var heightspeed = 2; // vertical scrolling speed (higher = slower) var widthspeed = 7; // horizontal scrolling speed (higher = slower) var leftdist = 10; // distance to left edge of window var topdist = 10; // distance to top edge of window if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) { var winwidth = window.screen.availWidth - leftdist; var winheight = window.screen.availHeight - topdist; var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops); for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) sizer.resizeTo("1", sizeheight); for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) sizer.resizeTo(sizewidth, sizeheight); sizer.location = website; } else window.open(website,'mywindow'); } // End --> </SCRIPT> <!-- set up your links, either via text links or form buttons--> <a href="#" onClick="expandingWindow('http://www.google.co.id');return false">google</a><br> <form> <input type="button" value="Freewarejava" onClick="expandingWindow('http://www.freewarejava.com')"> </form>




4.simpan dan lihat hasilnya


Tidak ada komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...