Cara Memasang Tombol Share di Samping Blog

Cara Memasang Tombol Share di Samping Blog - Pada kesempatan ini kita akan membahas cara memasang tombol share di samping blog, setelah sebelumnya pernah kita bahas cara memasang tombol share facebook, twitter, dan G+ di blog.

Sedikit berbeda dengan postingan sebelumnya yaitu yang sebelumnya tombol share terletak diatas posting blog dan tutorial kali ini disamping blog.

Berikut langkah-langkah cara memasang tombol share di samping blog :
  1. Login akun blogger 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript,
    <style type="text/css">
    *{margin:0;padding:0;}
    * html #z33sHare{
    position: absolute;
    }
    #z33sHare{
    right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
    position:fixed;
    top: 20%;
    }
    #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="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><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
    </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>
    <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>
    Keterangan :
    right : tampilannya berada disamping kanan blog, jika menginginkan di kiri ganti dengan left 
  4. Kemudian klik Simpan
Sekian postingan cara memasang tombol share di samping blog, semoga bermanfaat bagi kita semua.




  • Baca Juga