Home > JavaScript Blogger > 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
