0 Widget Share Berbentuk Telur

oke malam ini saya kembali memposting di blog Cyber-jm ini. nah kali ini tentang widget share yang unik bentuknya dan keren abis tentunya, nah sekarang kita lihat screenshot dan live demonya oke.

[DEMO]

nah sekarang ke cara pembuatannya

Loggin Blogger > Rancangan > Edit Html

Cari kode </head> lalu pastekan kode berikut diatasnya

<!-- Start  gadget telur share dari http://www.cyber-jm.blogspot.com/ -->
<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'/>
<!-- End  gadget telur share dari http://www.cyber-jm.blogspot.com/  -->

Selanjutnya cari kode </body> dan pastekan ini diatasnya juga yo

<!-- gadget telur share dari http://www.cyber-jm.blogspot.com/ -->
<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>
<!--  gadget telur share dari http://www.cyber-jm.blogspot.com/  --> 

kude yang saya kasi warna kuning adalah posisi widget tersebut

Simpan template anda dan lihat hasilnya

Artikel Terkait :