Cara Membuat Egg Share

Halo netter semuanya.. Kali ini Bangiz akan membahas tentang telur (egg). Telur yang berikut ini bukanlah telur sungguhan yang keluar dari induk ayam tapi merupakan sebuah widget untuk blog khususnya untuk Anda yang menggunakan platform blogger. Untuk yang menggunakan wordpress atau yang lainnya saya belum tahu akan berfungsi atau tidak.

Share egg ini fungsinya untuk berbagi pada sosial media yang ada di dalamnya seperti facebook, Twitter, Google+, LinkedIn, Blogger, stumbleupon dan Share This. Jadi ketika kursor mouse didekatkan pada 'egg' ini maka otomatis 'egg' tersebut akan terbuka ke pinggir.

Jika Anda tertarik untuk menggunakan widget tersebut, ikuti saja langkahnya berikut ini:

1. Masuk Dasbor Blogger > Template > Edit HTML.

2. Cari kode </head> (gunakan Ctrl+F untuk memudahkan).

    Copy-Paste kode berikut dan letakkan diatas / sebelum kode </head>

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "a24ff27f-9f78-47f2-964b-0ff1c6637032", onhover:false}); </script><link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

3. Cari kode </body>

    Copy-Paste kode berikut dan letakkan diatas / sebelum kode </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>

Note: yang berwarna merah adalah posisi egg share tersebut,  silahkan ganti sesuai posisi yang Anda inginkan.

  4. Simpan Template dan lihat hasilnya.