Minggu, 23 September 2012

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.

Tidak ada komentar:

Posting Komentar