Cara Membuat Tombol Shar Facebook, Twitter, Google+ dan Stumbleupon Pada Blog

Pada postingan kali ini saya akan shar Cara Membuat Tombol Shar Facebook, Twitter, Google+ dan Stumbleupon Pada Blog. Oke  Langsung ke TKP:....

1.  Login ke akun blogger sobat
2. Pilih menu Rancangan;
3. Kemudian klik Tambah Gadget
4. Pilih HTML/JavaScript;
5. Kemudian Copy kode berikut ini dan pastekan pada bagian konten, untuk judul sebaiknya dikosongkan saja;

<style type="text/css"> #rizkishare {      position:fixed;      top:27%;      margin-left:-67px;      float:left;      border-radius:5px;      -moz-border-radius:5px;      -webkit-border-radius:5px;      background-color:#fff;      padding:0 0 2px 0;      z-index:10;      } #rizkishare .sbutton {      float:left;      clear:both;      margin:5px 5px 0 5px;      } .fb_share_count_top {      width:48px !important;      } .fb_share_count_top, .fb_share_count_inner {      -moz-border-radius:3px;      -webkit-border-radius:3px;      } .FBConnectButton_Small, .FBConnectButton_RTL_Small {      width:49px !important;      -moz-border-radius:3px;/*bs-fsmsb*/      -webkit-border-radius:3px;      } .FBConnectButton_Small .FBConnectButton_Text {      padding:2px 2px 3px !important;      -moz-border-radius:3px;      -webkit-border-radius:3px;      font-size:8px;      } </style> <div id='rizkishare' title="Bagikan Tulisan ini"> <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 class='sbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='sbutton' id='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script> </div> <div class='sbutton' id='fb'> <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 align='center'> <small><a href="http://www.madhi.web.id" target="_blank" title="Widget by Madhi">Madhi Blog</a></small> </div> </div>

6. Kemudian klik Simpan
7. Untuk mengatur posisinya, silahkan sobat rubah kode warna merah dan sesuaikan dengan kondisi template yang sobat gunakan.