How To Make Cute Tooltips

by - Oktober 26, 2017

Gambar terkait
Halo! Aiz baru blogging lagi nih! Tapi Aiz cuma punya waktu sebentar. Mumpung masih ada waktu, Aiz mau posting tutorial cara memasang tooltips. Kalian tahukan tooltips? Itu lho, yang kalau cursor kita menyentuh gambar atau link, terus otomatis di dekat panah cursornya ada tulisannya. Masih nggak ngerti? Ikutin tutorial ini aja.. Ups! Sorry, hampir lupa. Credit dari kak Chiaki ya...

Itu tooltips. Klik untuk mempperbesar gambar.

Kalau kamu minat, ikuti step by step ini ya! 

Untuk Denim dan Simple Template :
  • Masuk ke akun kalian
  • Ke Dashboard >> Template
  • Lalu pilih Edit HTML
  • Cari kode dibawah ini
]]></b:skin>


Untuk Classic dan Blogskin :
  • Masuk ke akun kalian
  • Dashboard >> Template
  • Edit HTML
  • Cari kode dibawah ini
</style>


  • Copy lalu paste kode dibawah ini DIATAS kode yang kamu cari tadi.
#s-m-t-tooltip {background: url(URL BACKGROUND);font-size: 9px;line-height: 11px;font-family: arial;letter-spacing: 2px;text-transform: lowercase;color: #fff;text-align: center;padding: 5px 10px 5px 10px;display: block;border-radius: 5px;margin: 24px 14px 7px 12px;}


  • Tulisan yang warnanya merah Kalian ganti dengan URL Background yang kalian inginkan.

  • Kemudian, cari kode </head> untuk Denim dan Simple Template. Untuk Classic dan Blogskin, cari: </html>
  • Copy Paste kode di bawah ini, DIATAS kode </head> atau kode </html> yang kamu cari tadi.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>    (function($){        $(document).ready(function(){            $("[title]").style_my_tooltips();        });    })(jQuery);</script>

Note :
Untung pasang di link :
<a href="http://seizzaishaworld.blogspot.co.id/" title"Seizza" />
Ganti dengan yang kalian inginkan ^^
Untuk pasang pada gambar :
<img src="http://blablabla.com/" title="terserah kalian" />

You May Also Like

0 ice cream lover(s)

Ongoing Challenge