Kamis, 13 September 2012

Cara Mudah Membuat Tooltip Otomatis di blog.


Assalamualaikum wr.wb.... salam Sejahtera sahabat blogger semuanya,,,Bagaimana dengan blog anda? Apakah sudah anda pasang tooltip,kalau belum tepat sekali anda telah masuk ke blog ! Bakalan-Tlogorejo-City -Ini karena saya akan berbagi Tutorial yaitu Bagaimana Cara Mudah Membuat Tooltip Otomatis di blog. dan apa itu Tooltip,,,,? 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 Dan Bagaimana Cara Mudah Membuat Tooltip Otomatis di blog.>>Ingin Tau Cara Mudah Membuat Tooltip Otomatis di blog>>


Langkah >>> 
Cara Mudah Membuat Tooltip Otomatis di blog.
Pertama >> seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
Kedua >> Masuk ke Rancangan Edit HTML
Ketiga >> Centang Expand Template Widget.
Keempat >> Paste Kode Berikut di bawah kode <body>.
<script src='http://hanjs.googlecode.com/files/wb-tooltipdeejayhan.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Muhammad Hanafi (DeeJayHan) </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://hanjs.googlecode.com/files/wb_tooltips.js'/>
<script src='http://hanjs.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
Kelima >> Kemudian Paste Lagi kode berikut di atas (sebelum) kode </body>
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>
Keenam >> terakhir  Save Template.
NB : 

Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna kuning
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.

Selamat Mencoba... Dan semoga bermanfaat............Artikel Cara Mudah Membuat Tooltip Otomatis di blog.>>Cara Mudah Membuat Tooltip Otomatis di blog.
Terima Kasih......

0 komentar:

Posting Komentar