Cara Memasang Floating Share Button Melayang Pada Blog

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 :


  • 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.
SELAMAT MENCOBA :)
Share this post :

Post a Comment

Thanks

English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
 
Support : Creating Website | Fiotha Template | Fiotha Template
Copyright © 2012. FIOTHA - All Rights Reserved
Template Created by Creating Website Published by Fiotha Template
Proudly powered by Blogger