Cara Membuat Share Button Berbentuk Hati

Hai.. sobat blogger,, selamat bermalam minggu.

kali ini saya akan share tentang cara membuat share button berbentuk hati.

oke,, tutorial ini saya dapatkan dari http://ut2a-4down.blogspot.com.

langkah pertama silahkan login ke blogger sobat

klik template, kemudian edit HTML, klik lanjutkan

kemudian cari kode </head> , tekan ctrl+F untuk lebih mudah menemukan kodenya, lalu letakkan kode berikut di atas kode </head>.

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script> <link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

selanjutnya silahkan cari kode </body>, lalu letakkan kode berikut di atasnya.

<div style='position: fixed; bottom: 2%; left: 2%;'> <div class='shareEgg' id='shareThisShareHeart'/> </div> <script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://ut2a-4down.blogspot.com/">Blogger Gadgets</a>

preview blog terlebih dahulu, apabila tidak ada masalah klik smpan.

demikian tutorial kali ini semoga bermanfaat ya!