Share Button Tooltip With JQuery

Share button Tooltip

Hallo sahabat blogger, pada kali ini saya akan share sebuah plugin yang bisa dibilang cukup penting dalam sebuah situs yang memiliki konten yang cukup banyak, yaitu sebuah plugin share yang memiliki fungsi tooltip.

tanpa banyak kata lagi langsung loncat saja ke inti topik ini.

Pada plugin ini anda setidaknya sudah memiliki JQuery library v1.10.1 dan kode dibawah ini di blog anda.

<script type='text/javascript' src="//googledrive.com/host/0B22vSZUsgbQfcDJPbGhFZGh5d1U/share-tooltip.js"/>

<div class='share-button'/>

.share-button {
  margin:auto;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}

$(function () {
    $('.share-button').share({
        flyout: 'top left'
    });
});


Sumber referensi - Github - Share Button

8 komentar

keren button sharenya mas... ms mau tanya ,ini http://2.bp.blogspot.com/-qM0eKNrqca8/UvZNLeBgn-I/AAAAAAAAA6M/7g0jz9gt7uo/s1600/FireShot%2BScreen%2BCapture%2B%2523007%2B-%2B%2527Males%2BCode%2527%2B-%2Bmalescode_blogspot_com.png di panngil apa dan di mana mau belajar buat kaya gitu mas......
Reply Delete
itu namanya vertical timeline

kamu bisa memperlajarinya [url=http://tympanus.net/codrops/2013/05/02/vertical-timeline]disini[/url]
wah ada ilmu baru nih, mau obrak abrik dulu mas :W
Reply Delete
Silahkan,
hati-hati ya :D
sip gan... btw script udah diperbaiki noh....
Reply Delete
oke oke,
saya cek sekarang.

Posting Komentar

no Spam :)

Cancel Reply