Cara membuat tooltip melayang keren

Selamat datan kawan semua, kembali lagi sama saya di sini dalam kesempatan kali ini saya akan memposting cara membuat tooltip melayang keren... pasti sudah tidak sabar kan gmn caranya untuk membuat tooltip tersebut baiklah langsung saja:

DEMO

Langkah-langkahnya :
     1.     Seperti biasa masuk ke akun sobat

2.     Cari template, klik HTML, lalu cari kode </body> ( ingat gunakan Cntr + F agar mudah )

3.     Copy kode di bawah ini tepat di atasnya

<script src='http://www.alprasite.cc.cc/js/tooltip.js' type='text/javascript'/>

<script type='text/javascript'>

$(&quot;.bonce a[title]&quot;).tooltip({effect: &#39;bouncy&#39;});

$(&quot;.bonce img[title]&quot;).tooltip({effect: &#39;bouncy&#39;});

$(&quot;.download&quot;).tooltip({ effect: &#39;slide&#39;});

$(&quot;.fade img[title], .fade a[title]&quot;).tooltip({offset: [10, 2], effect: &#39;slide&#39;})

.dynamic({ bottom: { direction: &#39;down&#39;, bounce: true }

});

</script>

4.     Kemudian cari Kode ]]></b:skin>

5.     letakkan Kode di bawah tepat di atasnya

tooltip{display:none;border: 5px solid #2379d7; background:url(http://i1202.photobucket.com/albums/bb372/alprablog/others/bluegrad.png) top left repeat-x; font-size:12px;width:200px;padding:10px;color:#fff;outline: 1px solid #777;outline-offset:0px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 0px 20px rgba(125,124,250,.9);-moz-box-shadow:0px 0px 20px rgba(125,124,250,.9);-webkit-box-shadow:0px 0px 20px rgba(125,124,250,.9);filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=7);

font:12px Georgia;font-weight:bold;text-shadow:.2em .2em 0.2em #000000;}

6.     Save Template

Untuk memasang tooltipnya bagaimana ikuti langkah di bawah ini

Tooltip untuk link teks

<div class="bonce">

<li><a href="http://nakayasimaruya.blogspot.com/" target="_blank" title="Alprablog™">Alprablog™</a></li>

</div>

Tooltip untuk link gambar

<div class="bonce">

<a href="http://nakayasimaruya.blogspot.com/" target="_blank" title="Alprablog™"><img src="http://i1101.photobucket.com/albums/g430/uchiha57/hj.jpg"/></a>

</div>

ganti kode warna merah dengan url blog sobat dan gambar sobat semoga cara membuat tooltip melayang keren bisa bermanfaat