Cerdaskom Tips blog: Sebenarnya tips share button blog ini sudah sangat banyak sekali, bahkan template blog saat ini pun sudah menyertakan sharebutton melayang, tetapi jika rekan blogger masih belum punya boleh mencobanya disini. Gambaran share button blog nya seperti gambar dibawah ini:
Cara sharenya cukup mudah:
1. Masuk ke blogger
2. Pilih tata letak
3. klik tambah gadget lalu klik HTML/JAVA SCRIPT
4. Copy paste kode berikut ini:
<!--Widget
Share Button Melayang Start-->
<style> #pageshare {position:fixed; bottom:10%; right:7px; float:left; border: 0px 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="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>
<style> #pageshare {position:fixed; bottom:10%; right:7px; float:left; border: 0px 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="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='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: 9px;text-align:center;"><a
href="http://www.cerdaskom.com/2012/06/tips-share-button-blog-melayang.html" target="blank" title="Cara
pasang tombol share"><font color="blue">[Psng Widget]<font></font></font></a></div></div>
<!--Widget Share Button Melayang End-->
<!--Widget Share Button Melayang End-->
5. Simpan dan lihat hasilnya!
9 komentar:
Sayacoba dulu gan, thanks
Yah sama-sama silakan saja
bagus juga gan....
boleh donk aku coba....
tp apakah gx ada yg harus di edit gie..??!!
Sebenarbya ada tetapi tidak terlalu penting! yaitu pada bagian 10%, right 7px, border dan widget, disana bisa kita ganti untuk memperbesar ukurannya atau memperkecil tergantung kebutuhan
postingan yang basgusm,,,
makasih gan buat tipsnya, lagsung di coba ..
Silakan saja gan
gan, ane ganti theme blogspot jd wordpress, widgetnya posisinya berubah, codenya kereplace...
cara ngbenerinya utk dprthankan gmn y??
ane kmrn copas code widgetnya dr blog agan...
ane udh sng, eh mlah eror gtu..hehe
sroy msh newbie
Harusnya code cmsnya di backup dulu, jalan satu-satunya kembali ke mode default, agan masuk saja ke blogspot lalu pilih template, ntar klik ubah suaikan lalu pilih template lain, ntar cari lagi tempalte yang ingin anda terapkan.
Post a Comment
NB: Cerdaskom: Silakan sampaikan komentar anda disini!, kami menghargai setiap komentar anda