cara membuat share botton pada blog

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>

<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-->

sumber: http://www.cerdaskom.com/2012/06/tips-share-button-blog-melayang.html#ixzz2AiNb9faD

Bagikan Artikel Ini :