Cara membuat tombol share facebook, tweeter, google+ melayang di blog dengan mudah.

Hallo sob’s yang masih setia ngikutin postingan saya.. makasih ya atas kesempatannya ngunjungi diamondliem.blogspot.com, banyak yang bisa didapat dari blog ini meskipun saya tergolong masih pemula selain tips&tutorial saya juga berbagi lokasi wisata seperti Keindahan Alam bawah laut Raja Ampat dan Taman Nasional Bunaken di Sulawesi Utara dan bagaimana menuju ke lokasi tersebut. Jujur saya berharap sekali semua orang yang mengunjungi blog ini bisa mendapat manfaatnya dan bukan hanya tulisan yang berisi pepesan kosong.. heheh.. sob’s sebagai pendatang baru di dunia blogger tertunya kita ingin memiliki banyak pengunjung. Akan tetapi bagaimana mungkin kalau anda hanya menulis dan menulis tanpa berusaha mempromosikan blog anda kepada publik. Banyak cara mempromosikan blog anda supaya dengan mudah dikenal orang lain, apalagi bila artikel anda menarik dan orang yang membaca merasa nyaman dengan blog anda, tanpa anda minta mereka akan berusaha menunjukkan blog anda kepada temannya. Okey yang jadi permasalahannya sekarang adalah. Bagaimana caranya biar orang bisa like dan read artikel anda di social media? Caranya gampang kok.. ikuti langkah-langkah dibawah ini ya..

• Masuk ke blog anda.

• Pilih Layout/tata letak.

• Pilih add a gadget > Pilih HTML/Java Script

• Copykan kode dibawah ini

 <!--SideBar Floating Share Buttons Code Start-->

<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; 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="Share This With Your Friends">
<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: 12px;text-align:center;"><a href="http://goo.gl/l9x2Ye" target="blank"><font color="black">Get This<font></font></font></a></div></div>

• Pastekan di HTML/Javascript

• Klik “Simpan”
• Klik "perbaharui" pada tombol kanan atas

Okey deh.. sekarang tinggal lihat blog anda. sudah ada muncul di blog.