| About this Post : | |
| Post Title | >> Otomatisasi Tooltip V2 (Link, Gambar, Akronim) |
| Date | >> January 24, 2012 |
| Author | >> Mr. Lam3rs |
| Link | >> http://31337day.blogspot.com/2012/01/otomatisasi-tooltip-v2-link-gambar.html |
| Labels | >> Javascript |
Dan untuk menerapkannya di blog anda, silahkan ikuti petunjuk di bawah ini:
Note: jika anda pernah memasang tooltip yang pernah saya posting sebelumnya membuat tooltip jQuery di blogger sebaiknya silahkan anda hapus terlebih dahulu.
1. Login ke akun blogger anda
2. Pilih Design » Edit HTML
3. Lalu copy kode di bawah ini dan letakkan di bawah kode <body>
<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Warung Internet</a><script type='text/javascript'>//<![CDATA[Note: ganti kode warna yang saya tandai dengan warna orange, dengan kode warna sesuai dengan tampilan blog anda.
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 #008000;background:#004000}#ttcont{background:#004000;color:#00cc00}"
};
//]]></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'>
4. Selanjutnya simpan kode di bawah ini, dan letakkan di atas kode </ body>
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>5. Simpan template anda dan lihat semua link, gambar, akronim secara otomatis kini telah terdapat tooltip
Baik sekian penjelasan saya mengenai otomatisasi tooltip v2 (link, gambar, akronim), dan untuk yang merasa belum jelas dengan penjelasan saya di atas silahkan berkomentar di bawah postingan ini. Insya Allah akan saya respon secepatnya.
Terima kasih, semoga bermanfaat :)
Resources: http://www.warungbebas.com/2011/02/otomatisasi-tooltip-link-gambar-akronim.html
0 komentar:
Post a Comment