Animasi Tombol Share Telur

Menambahkan Icon Share di Bawah Postingan dengan Animasi

Mungkin kita akan senang jika suatu Artikel yang kita buat di Blog, kemudian di lihat oleh orang lain, kemudian Artikel kita di Share ke Media Sosial. Ntah itu Facebook, Twitter, atau yang lain nya.
Namun, bila kita melihat dari Template bawaan dari Blogger kebanyakan, fasilas Share artikel ke Media Sosial jumlah nya terbatas dan tidak lengkap.

Nah, disini saya ingin berbagi info dari MKR-Site, "Bagaimana Membuat Icon Share di Bawah Postingan" menggunakan Animasi Telur.

Contoh nya seperti di bawah ini :

Cara nya yaitu :

1. Pilih Blogger >> Design >> Edit HTML.
2. Cek kotak disamping "Expand Widgets Template" (Itu untuk versi yang lama, kalau sekarang sudah tidak perlu).
3. Lalu cari kode </HEAD>, (Gunakan Ctrl+F).
4. Copy dan Paste kode yang ada di bawah, di atas </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: &quot;
bea50586-2b9f-448d-947a-01385f28e305&quot;, 
onhover:false}); 
</script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Kemudian :
1. Cari kode </BODY>
2. Copy dan Paste kode yang ada di bawah, di atas </BODY>
.

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/></div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39; <data:blog.url/>&#39;,theme:&#39;shareegg&#39;});
</script>

Lalu tinggal di Simpan deh.




Artikel : Slide Open Egg Bookmarking Gadget untuk Blogger