Cara Membuat Widget Tombol Share Melayang di Samping Blog

Tutorial Cara Membuat Widget Tombol Share Melayang di Samping Blog

Sepertinya saya share postingan Cara Membuat Widget Tombol Share Melayang di Samping Blog ini sudah sangat terlambat, karena di mesin pencari Google sudah sangat banyak, tetapi tidak apa-apa karena disini saya hanya melengkapi postingan saya saja.

Berikut Cara Memasang Widget Tombol Share Melayang di Samping Blog dibawah ini:

- Pertama-tama login ke Blogger.com

- Langsung menuju menu "Tata Letak/Tambahkan Gadget/Tambahkan HTML/JavaScript"

- Copy kode dibawah ini

<b:if cond='data:blog.isMobileRequest == "false"'><!--Widget Share like FB tweet google plus digg Button Melayang Start--><br /> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solidblack; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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;-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="bagikan ke teman anda"> <div class='sbutton' id='gb'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='sbutton' id='rt'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></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 class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></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='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> <br /> <div style="clear: both;font-size: 8px;text-align:center;"> <a href=" http://k0k0h.blogspot.com/" target="blank"><font color="blue"><font></font></font></a></div> </div> <!--Widget Share like FB tweet google plus digg Button Melayang End--></b:if>

- Ganti "k0k0h" dengan alamat Blog kalian

- Pastekan didalam kolom yang sudah di sediakan.

- Terakhir klik Simpan.