Cara Memasang Auto Tooltip di Blogger / Blogspot

Minggu, 13 November 2011

Kali ini TreTan ngasih postingan tentang Cara Memasang Auto Tooltip di Blogger / Blogspot yang diambil dari Om Liubenz berikut caranya:

1. Pilih Rancangan
2. Pilih EDIT HTML (centang Expand template widget)
3. Sekarang simpan CSS berikut diatas kode </head>


/* start Tooltip blogger*/

body div#toolTip {
position:absolute;
z-index:1000;
min-width:150px;
background:#000000;
border:2px double #E80101;
text-align:left;
padding:5px;
min-height:1em;
-moz-border-radius:5px;
}

body div#toolTip p {
margin:0;
padding:0;
color:#ccc;
font:11px/12px trebuchet MS,arial,sans-serif;
font-weight:bold;
}

body div#toolTip p em {
display:block;
margin-top:3px;
color:#fff;
font-style:normal;
font-weight:normal;
}

body div#toolTip p em span {
font-weight:bold;
color:#fff;
}

/* End Tooltip blogger*/

4. Sekarang simpan script berikut diatas kode </head>


<script src='http://milikazis.googlecode.com/files/tooltipURL.js' type='text/javascript'/>
<script src='http://milikazis.googlecode.com/files/Tooltipz33s.js' type='text/javascript'/>

5. Simpan template dan Lihat hasilnya