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


0 komentar:

Post a Comment

Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam nyepam dosa tau!!!,mari jadikan bloger indonesia lebih baik!

Related Posts Plugin for WordPress, Blogger...
 
© 2009 Enthik Rulez[ E.R] | Powered by Blogger | Built on the Blogger Template Valid X/HTML (Just Home Page) | Design: Choen | PageNav: Abu Farhan
Suka enthik rulez? Follow @dikutip