Membuat HTML Tooltip

Demo :

Template Pernak Pernik

Template dengan fitur 2 kolom, warna putih orange dan hitam, sedikit sentuhan JQuery.

---

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Penempatannya
dibawah ]]></b:skin>
........
diatas </head>

<script type="text/javascript" src="http://pagenano.googlecode.com/files/JQuery%201.2.2.js"></script>

<style type="text/css">

div.htmltooltip{
position: absolute;
z-index: 1000;
left: -1000px;
top: -1000px;
background: #111; /*Warna Background*/
border: 10px solid black;
color: white; /*Warna Huruf*/
padding: 3px;
width: 250px; /*Lebar Tooltip*/
}

</style>

<script type="text/javascript" src="http://pagenano.googlecode.com/files/HTML%20Tooltip.js"></script>

Eksekusi

<a href="Link anda" rel="htmltooltip">Teks Anda</a>

<!-- Tempat Tooltip -->
<div class="htmltooltip">Template dengan fitur 2 kolom, warna putih orange dan hitam, sedikit sentuhan JQuery.</div>

---

Credit : JavaScript Kit

Alhamdulillah