Cara Mudah Membuat Tombol Share Melayang Di Kiri Blog

Tombol Share berfungsi mempermudah pengunjung untuk menyukai maupun membagikan artikel melalui media sosial baik itu facebook, twitter maupun gmail dan media sosial lainnya. Tombol share umumnya terdapat di bawah postingan, namun pada kesempatan kali ini Kang AP akan memberikan trik bagaimana cara mudah membuat tombol share melayang di kiri blog. Wiiih...pasti kelihatan lebih keren deh!! Jika anda tertarik untuk memasangnya, ikuti langkah-langkah dibawah ini.

Baca juga :
» Cara Mudah Membuat Tombol Share Keren Dibawah Postingan
» Cara Membuat Tombol Share Efek 3D
» Cara Membuat Tombol Share Valid HTML5 Pada Blog

1. Pertama, silahkan login dulu ke Blogger

2. Pilih Tata Letak » Tambah Gadget

3. Selanjutnya, anda pilih HTML/JavaScript

4. Pasang kode dibawah ini pada kolom HTML/JavaScript

<!--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="goo.gl/9A1FCO" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

5. Simpan dan lihat hasilnya

Demikian cara mudah membuat tombol share melayang di kiri blog, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya and happy blogging.

Please Share » » Facebook Google+ Twitter