Tooltips Sederhana Untuk Blog

Apa Itu Tooltips? Tooltips Adalah Pesan Yang Muncul Ketika Mouse Anda Menunjuk Suatu Link/Kata

tooltips

Cara Membuatnya :

Langkah 1 :

Copy Script Dibawah

<script type="text/javascript" src="http://www.javascriptkit.com/script/script2/jquery-1.2.2.pack.js"></script>

<style type="text/css">

div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}

</style>

<script type="text/javascript" src="http://www.javascriptkit.com/script/script2/htmltooltip.js">

/***********************************************
* Inline HTML Tooltip script- by JavaScript Kit (http://www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

</script>

Paste Diatas Kode

</head>

Langkah 2 :

Copy Script Dibawah

<a href="#" rel="htmltooltip">Teks Biasa</a>


<div class="htmltooltip">Teks Yang Muncul Di Tooltips</div>



Paste Kode Diatas Di HTML/Javascript (Rancangan-Tambah Gadget-HTML/Javascript)

Keterangan :

Teks Yang Bewarna Merah Dapat Anda Ganti