Cara Membuat Tombol Share Social Media di Sidebar

halo sahabat blogger, tau sosial media facebook dan twitter dong. kedua sosial media ini sangat lah membantu para blogger dalam mengembangkan blognya seperti blogeraceh contohnya. kali ini blogeraceh akan berbagi tutorial tentang cara membuat tombol share social media yang tentunya menarik pengunjung untuk mengklik karena tampilan dan posisinya yang strategis.
ayo kita mulai sobat blogger.

• buka edit template
• (alt+f) cari kode " </body> "
• copy paste kode scipt tepat diatas tag " </body> " tersebut atau juga bisa menggunakan Add widget Css/Html

<!--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:#fafafa;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'/><fb:like font='' layout='box_count' show_faces='false'/></div>
<div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div>
<div class='sbutton' id='su'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'/><a class='DiggThisButton DiggMedium'/></div>
<div class='sbutton' id='fb'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div><br/><div style='clear: both;font-size: 7px;text-align:center;'><a title="pasang seperti ini" href='http://blogeraceh.blogspot.com/2013/01/sharebuton.html/' target='blank'><font color='black'>Tech Blog<font/></font></a></div></div>

Jika sudah lakukan pratinjau dan Save template sobat, lihat hasilnya apakah udah tampil dibagian kiri posting seperti blogeraceh? jika belum mungkin sobat perlu mengaktifkan dulu fitur share bawaan blogger yang ada di posting, biasanya pada bagian bawah.
jika artikel cara membuat tombol share social media di sidebar ini bermanfaat toong kira sudinya sobat mengklik salah satu tombol disamping ya ^^
happy blogging.