Bingung mau bahas apa, kebanyakan tugas yang numpuk nih,sebelumnya sih saya udah pernah share Pasang Social Bookmark di Bawah Postingan,, tapi sekarang lain lagi judulnya, padahal hampir sama, tapi saya share aja, daripada mubazir, judulnya "Cara Memasang Floating Share Button Melayang Pada Blog" udah tau bukan ? tuh ada di blog ini :
Untuk posisinya bisa diganti dengan "right" jika ingin di kanan.
- Login aja langsung ke Blogger.
- Cari Rancangan -- Tata Letak -- Add WIdget -- Html/Javascript
- Copy paste kode ini kedalamnya :
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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="Get this from khamardos.blogspot.com">
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">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="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a></div>
<div class="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>
</div>
Untuk posisinya bisa diganti dengan "right" jika ingin di kanan.
- Kemudian Save.
Post a Comment
Thanks