How To Make Cute Tooltips
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" />
Ganti dengan yang kalian inginkan ^^
Untuk pasang pada gambar :
<img src="http://blablabla.com/" title="terserah kalian" />
0 ice cream lover(s)