Cara Membuat Auto Tooltip Di Blog



Hai sobat blogger pada kesempatan kali ini saya akan menjelaskan tentang "Cara Membuat Auto Tooltip Di Blog" , posingan ini memang sudah dipostkan oleh blogger sebelah dan saya ingin menyebar luaskan lagi artikel ini karena menurut saya artikel ini lumayan bermanfaat bagi kalian semua. Untuk screen shootnya anda bisa lihat sendiri gambar dibawah. Untuk demonya anda bisa juga melihat blog ini sebagai contohnya. Daripada kebanyakan ngomong mending langsung saja kita simak bersama yukk

1. Taruh kode dibawah ini dibawah kode <body>
<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'/><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{background:#B2C40A;border-radius:20px 20px 20px 0;-moz-box-shadow: inset 0 0 10px #000000;-webkit-box-shadow:inset 0 0 10px #000000;box-shadow:inset 0 0 10px #000000;}#ttcont{background:transparent;color:#fff;font-size:30px;}"};//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/><script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><div id='warungbebasautotooltip'>
Pemberitahuan kode yang berwarna merah Bisa Kalian Ubah Sesuka Kalian

Lalu taruh kode dibawah ini diatas dode </body>
</div><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>
Lalu simpan template anda

Sekian postingan saya kali ini mengenai "Cara Membuat Auto Tooltip DI Blog"
Kalo ada kesulitan anda bisa menanyakannya kepada saya dengan berkomentar dibawah :v
Semoga Bermanfaat -_-

sumber kode : WarungBebas dan reza31.blogspot.com

6 komentar untuk "Cara Membuat Auto Tooltip Di Blog"

  1. Perasaan Ini Kan Punya nya Web www[.]warungbebas[.]com/2011/02/otomatisasi-tooltip-link-gambar-akronim[.]html Dan www[.]warungbebas[.]com/2010/10/cara-pasang-tooltip-keren-di-blog[.]html . Kok Sumber Kode Reza Aturan Sumber Postnya Reza Baru -_-

    Komeng Back Ya kxmadagascar.blogspot.com

    BalasHapus
    Balasan
    1. saya hanya ngepost ulang, jadi kode diatas dapetnya darimana tanya langsung saja sama yg buatnya : http://reza31.blogspot.com/

      Hapus
  2. Blog walking :D
    comment back http://sky-street.blogspot.com/

    BalasHapus
  3. Artikelnya Super Sekali
    Dinanti Kunbalnya
    catatanabcd.blogspot.com

    BalasHapus
  4. Artikelnya Super Sekali
    Dinanti Kunbalnya
    catatanabcd.blogspot.com

    BalasHapus

Untuk menyisipkan kode, gunakan tag <i rel="code">Kode disini...</i> atau <i rel="pre">Kode disini...</i>
Untuk menyisipkan gambar, gunakan <i rel="image">URL gambar disini...</i>
Untuk menyisipkan catatan, gunakan <b rel="quote">Tulis catatan disini...</b>
Untuk menciptakan efek tebal, gunakan tag <b>Teks anda disini...</b>
Konversi Kode Back to Top

Back to Top