Tooltip atau yang disebut juga sebagai Infotip adalah sebuah informasi yang langsung muncul saat Kursor Mouse mengarahkan pada suatu Link, dan pada posting kali ini, Saya akan membagikan langkah - langkah membuat Tooltip Otomatis di Blog. Sebagai contoh Kalian bisa lihat di Blog Saya ini, atau pada SS di atas. OK kita masuk ke langkah-langkahnya.
[1]. Pertama pastinya LogIn dulu ke BLOG Kalian.
[2]. Lalu dari Dasbor, cari Template --> Edit HTML.
[3]. Lalu cari Code <body>. (Gunakan CTRL + F atau F3 untuk mempermudah pencarian).
[4]. Kalau sudah ketemu, sekarang CoPas Code di bawah ini tepat di BAWAH Code <body>.
<script src='http://yourjavascript.com/2517140223/1-apitartwork-tooltip.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Blog-JmK </a><script type='text/javascript'>//<![CDATA[[5]. Lanjut, sekarang cari Code </body>, dan tambakan Code di bawah tepat di ATAS Code </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://jmkjs.googlecode.com/files/3.%20ToolTip%20JmK.js'/>
<script src='http://yourjavascript.com/8152401021/apitartwork-tooltip.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>[6]. Dan terakhir tinggal di SIMPAN dan lihat hasilnya.
NB :
- Code yang berwarna BIRU, Kalian bisa menyesuaikanya dengan keinginan Kalian. Code Warna HTML, klik di SINI.
- Kalian hanya boleh mengedit kode yang berwarna BIRU saja, Apabila kalian mengedit code yang lainnya, tooltipnya akan ERROR.
Semoga Berhasil...!!! ^_^
0 Response to "Cara Membuat Tooltip/Info Tips Otomatis Di Blog"
Posting Komentar
- Boleh berupa kritik dan saran
- Usahakan komentar tidak menyinggung
- Tidak mengandung kata-kata kasar
- Tidak berbau porno
- No spam