Friday, November 13, 2009

Tooltips

wuih sejak ganti template facebook jadi doyan ngeblog lagi nieh......kali ini BLOGGOA negposting tentang tooltip.......tapi bukan sejarahnya, untuk sejarah tooltip silahkan aja ke wikipedia sebagai perpustakaan online....wkwkwkwkwkwkw

pada postingan kali ini telah menerapkan efek tooltip pada link yang ada....kalo ngga percaya klik aja link...link...yang ada pada postingan ini.......eh ampir lupa tooltip merupakan kotak informasi kecil jika cursor kita arahkan ke link (kalo ngga salah).

untuk membuat efek seperti diatas silahkan klik ini

kalo dah baca link yang tadi nieh cara memasukkan di blog..........
pertama masuk ke edit html dan letakkan script di bawah ini persih dibawah ]]></b:skin> 


<SCRIPT language="JavaScript1.2" src="http://sites.google.com/site/toejoeh124/main.js"
type="text/javascript"></SCRIPT>   



kedua download style.js file kemudian edit sesuai yang sobat bloger inginkan......

misalnya pada kasus ini BLOGGOA mengubah beberapa text

Text[1]=["BLOGGOA","Click here to go to my Blog."]
Text[2]=["Baca ini","Mungkin Membantu Sobat Bloger?"]

dan lain sebagainya silahkan diubah sesuai keinginan sobat semua......

setelah file style.js ini sudah sobat bloger edit...upload di hostingan sobat bloger semua setelah itu masukkan persis di bawah <BODY> dengan contoh sbb :

 <DIV
id="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100;"></DIV>


<SCRIPT language="JavaScript1.2" src="alamat hosting file style.js" type="text/javascript"></SCRIPT>


setelah semua itu sudah dilakukan untuk penulisannya kedalam postingan kita hanya memberikan beberapa sentuhan pada link ...misalnya

dukung aku dalam Launching BeBlog dengan memasang link Launching BeBlog ini dibloger anda.

cara penulisan link + effect tersebut adalah :

<a href="http://toejoeh124.blogspot.com/2009/11/launching-beblog.html" onMouseOver="stm(Text[8],Style[5])" onMouseOut="htm()"><strong>Launching BeBlog</strong></a>

ingat harus menggunakan unsur stm(Text[8],Style[5]), untuk stm(Text[8]sobat bloger yang edit sendiri sebelum sobat upload file tersebut

selamat melakukannya......wkwkwkwkwkwkwk

9 comments:

Poskan Komentar

 
Labels

Blogumulus by Roy Tanck and Amanda Fazani

Followers

Reccent Comments

© Free News Template Copyright by BLOGGOA | Template by Fanchon0706 | Blog Trick at BLOGGOA