Cara Membuat Tooltip Link Otomatis di Blogspot

Erik Shared - Sobat? Apa kabar nih? Admin baru update lagi karena sibuk sekali saya belajar Coding/Edit Code. Nah sekarang ada kesempatan nih , mau share sesuatu lagi . Yaitu "Cara Membuat Tooltip Link Otomatis di Blogspot". Simak Demo & Tutorialnya.

Berikut adalah tutorialnya :
1. Login Pada Blogger.
2. Pada Dashboard»Template.
3. Pastekan CSS ini tepat diatas ]]><b:skin>
#tooltip { background-color: #000; border: 1px solid #333; border-radius: 5px; color: #fff;display: none; font-size: 13px; position: absolute; padding: 4px 8px; box-shadow : 0 3px 4px black;}
Setelah mempaste CSS tersebut. Tinggal memasang tooltip nya.
4. Pastekan lagi kode berikut diatas </body>
<script src='http://yourjavascript.com/41216612533/tooltip.js' type='text/javascript'></script>
<script type='text/javascript'>
$().ready(function() {
$('[title]').style_my_tooltips( {
tip_follows_cursor: 'on',
tip_delay_time: 100
})
});
</script>

5. Simpan deh.
*Note : Kalau tidak ketemu antara ]]></b:skin> dan </body> . CTRL+F pas template itu, Lihat gambar
. Untuk mencari </body> juga seperti itu.
Berikut adalah tutorial bagaimana Cara Membuat Tooltip Link Otomatis di Blogspot . Semoga artikel ini membantu Anda. Terima Kasih.....

Saya hanya Anak SMP Yang baru Mengenal Dunia Komputer. Saya Newbie. Belum Terlalu Mahir dengan Komputer. Namun Saya Mencoba mengenal Dunia Blogging. Saya Cuma Script Kiddie dan masih pada tahap Pembelajaran :)

Share this

Related Posts

3 komentar

komentar
26 Maret 2015 pukul 12.50 delete

mantap gan tapi ane udh di pasang nih hehehe thnk tipsnya

Reply
avatar
3 Juli 2015 pukul 05.28 delete

Makasih gan , sekarang blog gw udh bisa pasang tooltip
bw nya yaa : hexho-zord.blogspot.com

Reply
avatar

Gunakan Fasilitas dibawah.
Mohon agar tidak berkomentar "Link Aktif"
Komentar Anda Berharga bagi saya.

Terima Kasih Telah Berkunjung....

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
:-?
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
$-)
(y)
(f)
x-)
(k)
(h)
cheer