Cara membuat Tooltip Gambar dalam link di blog

Cara membuat Tooltip Gambar dalam link di blog,
Tooltip adalah sebuah tool yang melekat pada sebuah link dan berfungsi memberikan keterangan atau petunjuk kepada pengunjung mengenai isi suatu dokumen atau sebuah halaman web atau blog yang akan dituju sebelum link tersebut di klik.
dan dalam artikel ini Tooltip yang dimaksud adalah tooltip ketika didekatkan dengan mouse akan memunculkan keterangan gambar.

Untuk cara membuat Tooltip gambar dalam link ini dapat anda simak sebagai berikut :

• Log in ke blog anda
• Klik Rancangan
• Klik Edit HTML
• Cari kode </head>
• Simpan kode di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script src="http://sites.google.com/site/zyztem33/js/tooltip%20gambar.js" type="text/javascript"/> <style type="text/css"> #screenshot{ position:absolute; border:1px solid #ccc; background:#090; padding:5px; display:none; color:#fff; overflow: hidden } </style>

• kemudian klik simpan template
• dan sekarang cara menggunakannya yaitu dengan menambahkan atribut rel dan juga class ke dalam link seperti di bawah ini :

<a class="screenshot" href="URL Link" rel="URL Link Gambar" title="Disini Judul">Disini Nama Link</a>

Jadi Gunakan kode itu, silahkan gunakan dimana saja anda mau. Itulah sedikit cara membuat tooltip gambar dalam link di blog