Share Gadget dengan Efek Hati Terbelah

Gadget ini sebenarnya kurang lebih sama dengan share button atau bookmarking widget lainnya, namun tampilannya terbungkus dalam hati yang dapat terbelah dengan efek split. Tampilan hati akan terbelah ketika cursor diarahkan pada hati tersebut dan akan membuka tampilan share button dengan dilengkapi efek hover, sehingga terlihat lebih atraktif dan lebih keren. Selain itu cara pemasangannya cukup mudah alias gak bikin pusing. Intinya widget ini dikemas dalam bentuk hati. Jadi ingat broken heart flying widget, yah anggap saja sebagai widget sakit hati...hehehheee :D. Baiklah sekarang mari kita bahas cara pasang share gadget dengan efek hati terbelah. Ikuti langkah berikut.

Log in ke blog
Klik Rancangan
Klik Edit HTML
Masukkan kode berikut di atas kode </head>
Catatan: Kalau mau mudah mencarinya tekan CTRL+F nanti akan keluar kolom pencarian. Copy kode yang ingin di cari dan masukkan ke dalam kolom pencarian, lalu tekan enter.

<!-- Start Heart Bookmarking Gadget  -->
<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: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget -->

Selanjutnya masukkan kode berikut di atas kode </body>

<!-- Start Heart Share Code -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><br/><a href="http://blogonol.blogspot.com/" target="_blank">by blogonol</a>
<!-- End Heart Share Code -->

Klik Simpan dan lihat hasilnya
Demikian tutorial cara membuat Share Gadget dengan Efek Hati Terbelah, selamat mencoba dan sukses selalu.

"keep spirits and do the best"