Agar tidak berlama-lama lagi sekarang mari kita bahas Cara Membuat Tooltip Otomatis Semua Title di blog sobat.
1. Masuk ke akun blogger sobat.
2. Pada Dasbor klick Rancangan ➨ Edit HTML.
3. Jangan lupa Centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.
4. Selanjutnya dalam Edit Template sobat cari kode <body> Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.
5. Jika sudah ketemu sekarang sobat copy kode berikut dan paste atau letakkan di bawah kode tadi.
<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
6. Selanjutnya sobat cari kode </body> lalu letakkan kode di bawah ini di atasnya.
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>
7. Simpan template.
Sekarang lihat sendiri hasilnya pada blog sobat.
http://wawasanfadhitya.blogspot.com/2012/08/cara-membuat-tooltip-otomatis-semua.html
1 komentar:
Oke banget tooltipnya, di coba dulu.