Cara Paling Mudah Membuat Tooltip Otomatis - Kalau sudah pernah baca-baca di blog ini, apabila pointer di arahkan ke semua Link pasti ada deskripsinya, ya itu yang disebut dengan Tooltip.
Fungsi dari Tooltip ini adalah untuk mempercantik blog sobat. Dan dengan membuat Tooltip di blog, pengunjung akan tertarik dengan blog sobat dan betah dengan blog sobat.
Cara Membuat Tooltip Otomatis :
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; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; color:#00ff00}"
};
//]]></script><script src='http://cj-community.googlecode.com/files/ToolTip-4cJ-1.js'/>
<script src='http://cj-community.googlecode.com/files/ToolTip-4cJ-2.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
Fungsi dari Tooltip ini adalah untuk mempercantik blog sobat. Dan dengan membuat Tooltip di blog, pengunjung akan tertarik dengan blog sobat dan betah dengan blog sobat.
- Login dulu ke akun blogger sobat
- Klik Template > Edit HTML > Centang Expand Widget Template
- Cari kode <body>
- Letakkan kode dibawah ini tepat dibawah kode <body>
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; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; color:#00ff00}"
};
//]]></script><script src='http://cj-community.googlecode.com/files/ToolTip-4cJ-1.js'/>
<script src='http://cj-community.googlecode.com/files/ToolTip-4cJ-2.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
- Kemudian jangan save dulu cari kode </body>
- Pastekan Kode dibawah ini tepat diatas kode </body>
- Kemudian save template
Keterangan :
Semua kode jangan di ganti-ganti kecuali kode yang berwarna merah Anda baru saja membaca artikel yang berkategori Tutorial Blog
dengan judul Cara Paling Mudah Membuat Tooltip Otomatis Di Semua Link . Anda bisa bookmark halaman ini dengan URL http://malang-cyber4rt.blogspot.com/2013/01/cara-paling-mudah-membuat-tooltip.html. Terima kasih!
Ditulis oleh:
Unknown - Saturday, January 5, 2013
Mana contoh tooltipsnya? tadi aku coba sorot beberapa link tapi tidak muncul?
ReplyDeletesaya lupa sob waktu ganti template, cara ini belom saya terapkan.
Deletetapi untuk sekarang sudah saya terapkan dan sorot pointer ke semua link blog ini pasti muncul tooltipsnya. thanks kunjunganya