Read more: http://hzndi.blogspot.com/2012/07/cara-memasang-widget-sosial-bookmark.html#ixzz2AH26hYkA

follow me

Rabu, 24 Oktober 2012

Cara Memasang Floating Share Button Melayang Pada Blog

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.
Jangan lupa share artikel ini ke teman teman ya.

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Read more: http://hzndi.blogspot.com/2012/07/cara-memasang-widget-sosial-bookmark.html#ixzz2AH2Je6mm