Created (c) by Princexells Seyka (Princelling Saki)

Kamis, 09 Mei 2013

Cara Membuat Tooltip Otomatis di Blog



Kali ini ane akan posting tentang Cara Membuat Tooltip Otomatis di Blog. Demo ya bisa anda lihat di blog ini oke Langsung aja Kita bahas tutorial ya!! Cekidot
Berikut Langkah-Langkah  Cara Membuat Tooltip Otomatis di Blog 
1. login ke akun blogger sobat.
2. Masuk ke Rancangan - Edit HTML
3. Centang Expand Template Widget.
4. Copy kode dibawah 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'>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'>
 

5. Copy Lagi kode di bawah ini dan letakkan di atas kode </body>

 </div><!-- penutup  warungbebasautotooltip --><script  
type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script> 

6. Klik Simpan Template & Saya Saran Kan sobat pertinjaukan dulu...

Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top