Tombol Share Untuk Blogger 1

Menu sosial bookmark adalah salah satu komponen penting untuk sebuah blog anda. Selain untuk mempercantik tampilan blog, juga untuk mempermudah pengunjung blog anda untuk membagikan / share ke jaringan sosial yang lain.

Kali ini akan berbagi tutorial cara membuat tombol menu share sosial bookmark berbentuk slide telur yang bisa membuka dan menutup berada di pojok bawah blog anda (seperti dalam gambar). Slide telur terbuka berisi tombol bookmark untuk pembaca anda untuk share posting di Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble dan Email.

Sebelumnya Back Up Template Anda terlebih dahulu.

Step 1: Masuk ke Dashboard blog anda lalu klik Template, kemudian pilih Edit HTML dan klik "Expand Template Widget".

Step 2: Cari kode </head> di blog anda (tekan Ctrl+F untuk mempermudah pencaraian)

Step 3: Copy paste kode dibawah ini tepat diatas / sebelum kode </head>

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.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 Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->

Step 4:  Lalu cari kode </body>

Step 5: Copy paste kode dibawah ini tepat diatas / sebelum kode </body>

<!-- Start Heart Share Code From http://www.spiceupyourblog.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><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->

Tombol share tersebut sudah diatur berada di sudut kiri bawah blog anda, Namun itu bisa dengan mudah anda rubah. Anda hanya perlu merubah kode berwarna kuning diatas bottom: 2%; left: 2%;. Ubah bottom menjadi top jika anda ingin merubahnya ke posisi atas blog anda dan ubah left menjadi right jika anda ingin merubahnya ke sebelah kanan blog anda.

Step 6: Kemudian simpan Template anda.