.....:::::Di blog MU'ALIM banyak trik yang sangat menarik dan gampang untuk di pelajari, apabila ada kesulitan tanyakan saja pada MU'ALIM . Terima kasih::::....


.

MU'ALIM LOVE WINDA FOREVER
Blogger newbie yang masih belajar tentang CSS dan HTML. Kadang suka ngutak ngatik HTML sendiri. Walau gagal, tetep coba dan gak mau menyerah sampai bisa.
Blogger yang satu ini bukan master, jadi jangan nanya yang macem sama dia.
Avenged Sevenfold, Linkin Park, Muse, Big Bang, Chris Brown dan Suigetsu Hozuki jadi favoritnya.
Jangan lupa Add Facebook Blogger ini, Follow Twitternya juga, dan ini :Deezclan Komunitas orang kreatif.

Sabtu, 17 September 2011

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.



Artikel Terkait:




Sebarkan Artikel ini :

DiggGoogle BookmarksredditStumbleUponTechnoratiYahoo! BuzzDesignFloatDeliciousBlinkListFurl

0komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

thank to visit


MY BANNER

 
copy right © MU'ALIM TIM SAR