Cara Membuat Widget Share Melayang / Float untuk Blogger

Share

Cara Membuat Widget Share Melayang / Float - Tahuakah anda kalau Widget Share Melayang / Float ini sangat bermanfaat bagi blog kita, widget Share ini memiliki kelebihan yang sangat menguntungkan bagi blog kita, terutama untuk menambah visitor, coba bayangkan, apabila ada 500 UV/day dan 10% dari itu share artikel kita ke teman temannya yang jumlahnya kira kira 1000, dan sekitar 10% mengunjungi, coba pikir, berapa pengunjung yang bakal ada di blog kita, (500 * 10/100) * (1000 * 10/100) = 50 * 100 = 5000 UV, jadi banyak banget bukan, itu kalau anda beruntung, yang kalau kurang beruntung, 'silakan coba lagi'.

Selain itu Widget Share ini juga dimungkinkan dapat menambah backlink di blog kita. Sangat bermanfaat bukan, nah berikut langsung saja cara memasang widgetnya.

1. Masuk ke Tata Letak
2. Kemudian pilih tambah Gadget, dan pilihlah HTML/JavaScript
3. Kemudian masukan kode dibawah ini
   

   <style type="text/css">
   *{margin:0;padding:0;}
   
   * html #z33sHare{
   position: absolute;
   }
   
   #z33sHare{
   left:2%;width: 84px;background:solid white;border:1px solid black;-moz-border-radius:3px;-webkit-border-radius:3px;
   position:fixed;
   top: 25%;
   }
   
   #z33sHare div{
   padding:6px 6px 6px 5px;
   }
   
   #stw{
   margin-left:-2px;
   }
   
   #sfs{
   margin-left:-5px;
   }
   
   </style>
   <div id="z33sHare">
   <div id="ssl-box">
   <div id='pageshare' title="Share AF Sahabat Artikel and Thank U for Coming">
   <div id="stw">
   <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
   </div>
   <div class='sbutton' id='gplusone'>
   <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
   <g:plusone size="tall"></g:plusone>
   </div>
   <div>
   <script type="text/javascript">
   (function() {
   var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
   s.type = 'text/javascript';
   s.async = true;
   s.src = 'http://widgets.digg.com/buttons.js';
   s1.parentNode.insertBefore(s, s1);
   })();
   </script>
   <a class="DiggThisButton DiggMedium"></a>
   </div>
   <div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;">
   </div>
   </div></div></div>

4. Huruf / Angka yang berwarna biru bisa diganti sesuai dengan kebutuhan blog anda
5. Kemudian save

Maka jadinya adalah seperti gambar di bawah ini, atau bisa dilihat di samping sebelah kiri blog ini

Widget Share Float

Demikian lah, semoga bermanfaat. Terima Kasih
____________________
Update

Untuk mengatasi Error silakan baca artikel : Cara Memperbaiki Error Rich Snippet