Minggu, 20 September 2009

Membuat ToolTip di Blog


Toolltip adalah kotak yang menampilkan informasi dari link anda ketika cursor mouse berada tepat diatasnya. Kali ini kita akan membuat sebuah tooltip seperti pada gambar disamping ini. Tooltip ini akan menampilkan informasi mengenai url dan judulnya (title) dalam kotak berwarna biru. Jika udah gak sabaran langsung aja dipraktekin...

1. Login ke blogger
2. Pilih Tata Letak
3. Klik Edit HTML
4. Carilah kode <body>
5. Paste kode dibawah ini sebelum kode <body> tadi:


<!-- SweetTitlesTooltips Plugin -->
<link href='http://www.geocities.com/cuitnazz/SweetTitles.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.geocities.com/cuitnazz/ToolTips.js' type='text/javascript'/>
<script src='http://www.geocities.com/cuitnazz/SweetTitles.js'
type='text/javascript'/>

6. Terakhir simpan templatenya

Jika anda memiliki blog di wordpress instal aja pluginnya.....disini

Coba lihat hasilnya pada layar blog anda. Selamat mencoba!!!



0 komentar:

Poskan Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons