Home » » Animasi Tombol Share Telur

Animasi Tombol Share Telur

Written By Bayu Winarko on Jumat, 14 Februari 2014 | 20.25

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
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Winarko - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger