Tombol Share berfungsi mempermudah pengunjung untuk menyukai maupun membagikan artikel melalui media umum baik itu facebook, twitter maupun gmail dan media umum lainnya. Tombol share umumnya terdapat di bawah postingan, namun pada kesempatan kali ini Kang AP akan menawarkan trik bagaimana cara gampang menciptakan 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 Praktis 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 instruksi 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/j4vascript"></script></div> <div class='sbutton' id='gplusone'><script type="text/j4vascript" 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/j4vascript'></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/j4vascript"></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 gampang menciptakan tombol share melayang di kiri blog, supaya sanggup membantu dan bermanfaat. Terima kasih atas kunjungannya and happy blogging.
Sumber http://ap-thea.blogspot.com
EmoticonEmoticon