Menampilkan Tombol Share di Blog

Tombol share yang akan saya berikan tutorialnya di sini adalah tombol share yang tampilannya akan melayang di sisi kanan pada blog anda.

Berikut ini adalah langkah-langkahnya:

1. Masuk ke dasbor blog anda
2. Pilih "Tata Letak" --> "Tambahkan Gadget" --> "HTML/Javascript"
3. Copy dan paste-kan kode di bawah ini: (untuk mengatur posisi tombol share dan ukuran, rubah angka yang berwarna merah)

<!-- Tombol Share Melayang Start-->  
<style>
#pageshare {position:fixed; bottom:35%; margin-left:750px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .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='pageshare' title="Get this from tips blogbego.blogspot.com"> <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 class='sbutton' id='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script> </div> <div class='sbutton' id='gb'> <a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script> </a></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 class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script> <a class="DiggThisButton DiggMedium"></a> </div> <div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://tips-blogbego.blogspot.com/">widget</a></div>  
</div>  
<!-- Tombol Share Melayang End -->

4. "Save"

Thank you by copas ^__^