Monday, 11 June 2012

Cara memasang floating share button


Floating share button merupakan satu widget yang amat menarik kerana ia amat unik,malah ia akan sentiasa tampil walaupun blog discroll.Jika korang berminat,turuti sahaja langkah dibawah.

Langkah 1
Pergi ke Dashboard > Layout > Add gadget >Html/javascript.

Langkah 2
Copy kod dibawah kemudian pastekan kedalam Html/javascript yang korang buka tadi.
<!-- floating page sharers Start -->
<style>
#pageshare {position:fixed; bottom:17%; margin-left:-61px; float:left;
-moz-border-radius:5px 0px 5px 0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
background-color:#ffffff;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;/*bs-fsmsb*/-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">
<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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></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='gplusone'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div></div>
Tukarkan angka -61 untuk menyesuaikan kedudukannya mengikut lebar blog korang.
Semoga berjaya.:)

No comments:

Post a Comment

Jangan malu2 untuk meninggalkan komen~:D