Cara Membuat Tool Share Melayang Pada Blog

Assalamu'alaikum Wr. Wb.
Selamat berjumpa kembali teman-teman, lama tidak pernah ngepost.
Kali ini saya akan memposting tentang bagaimana membuat tool share melayang. Contohnya seperti dibawah ini.

Ok, langsung saja kita praktek, caranya seperti ini:
1. Seperti biasa log in dulu ke blog masing-masing, jangan punya orang lain di masuki, nanti ada yang marah. hehehehe..

2. Masuk desain, pilih tata letak, tambah gadget, pilih HTML/javascript.
3. Lalu copy script di bawah ini dan paste kebagian konten.

<!--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="Get this from tips khandafareeds.blogspot.com">
<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: 12px;text-align:center;"><a href="http://khandafareeds.blogspot.com" target="blank"><font color="black">Get This<font></font></font></a></div></div>

4. kalo sudah, pilih simpan.

5. sekarang blog anda sudah punya tool share melayang.

Sekian Tips dan Trick kali ini. Semoga bermanfaat.
Salam super kepada semuanya.

Wassalamu'alaikum Wr. Wb.

Share on Google Plus

About Unknown