Klik Sini Untuk Tambah Ilmu

Recent Post

Floating Share Button

Hi Dude, 1 lagi tutorial saje2 nk share tawu ramai yang da ade button share macam ni, mksud floating share button is, button share ade di sebelah tepi include facebook share button, like  button, and so on nk tahu kena la try, da try jangan lupa klik ads, nnti dapat lagi tutorial untuk akan datang!!!

Mcm biasa, ikut je la step yang agak susah niee!!

Design > Page Elements > Add Gadget > HTML

Copy code dibawah dan paste kan di ruang HTML.
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:right; 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:right;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:48px !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: 9px;text-align:center;"><a href="http://blogeditor009.blogspot.com/" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

Save dan lihat hasilnya!!tak suka delete jerk, dan klik my ads!!
Sebarang pertanyaan boleh hubungi sy di mana2 yang anda suka!!
Good Luck!!

1 comment

January 30, 2013 at 7:00 PM

nak tekan iklan tp mcm x nmpak iklan kuar pun... ;)

Post a Comment