> > Cara membuat tooltip otomatis untuk semua link

Cara membuat tooltip otomatis untuk semua link

Unknown

: 02.42 2 comments

T
anpa sengaja waktu jalan jalan ke blog warung bebas aku tertarik dengan tampilan tooltip nya yang aku heran tooltip tersebut berfungsi untuk semua link termasuk gambar nya ..waaah keren gimana cara membuat nya yach....hampir sebulanan aku coba di blog demo ku selalu gagal tapi aku coba terus dalam hati aku berkata maju terus pantang mundur...maju tak gentar membela yang bayaaaarrrr...kw kwkw kw kaya kampanye aja...akhirnya aku berhasil....dan ingin aku share buat sobat blogger semua.Gimana Cara membuat tooltip otomatis untuk semua link, masih penasaran ok dech kita langsung aja menuju ke blok demo nya disini arahkan cursor ke semua link yang ada he he he he keren kan nah untuk cara membuat nya
  1. Login ke blogger 
  2. masuk ke dasbor/dasboard
  3. lalu menuju ke EDIT HTML.......jangan lupa download lengkap dulu template nya takut nya ada kesalahan 
  4. Cari kode <body>lalu taruh kode di bawah ini tepat di bawah kode <body>
    5. berikut kode nya
    <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. Setelah itu cari kode</body>lalu letakkan kode di bawah ini tepat di atas kode </body>
    6. berikut kode nya
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>
  1. Lalu Save templte dan lihat hasil nya
Oke selamat mencoba kawan  semoga berhasil........jika postingan ini bermanfaat tolong masukan nya di colom komentar

Judul Artikel :Cara membuat tooltip otomatis untuk semua link
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara membuat tooltip otomatis untuk semua link Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih
Label:

2 komentar

avatar
Balas
admin delete 9 Mei 2012 pukul 10.00

KUNJUNGAN PAGI..
:)
Nice share kawan..

FOLLBACK DITUNGGU..

avatar
Balas
Erna Ayuning Nareswari delete 12 Maret 2014 pukul 20.07

bray ko ga work di blog aku ya <3 Ash Princess Kawaii

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>

Konversi