Rabu, 18 April 2012


Cara Membuat Tombol Share fb,tweet dll Melayang


By on 07.17

kali ini mastony.co.cc akan berbagi tips mengenai Share fb,tweet yang tampil Melayang.kok, jadi lucu ya ...
Anda bisa Lihat Contohnya disini
Langkah-langkahnya sebagai berikut :
1. Login Ke Blog Anda
2. Klik Rancangan
3. Klik Tambah Gadget
4. Terus Pilih HTML/Java Script
5. Masukkan Kode dibawah ini

<!--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="Share This With Your Friends">
<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='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;"></div></div>


6. Simpan dan Lihat Hasilnya
Demikian Cara Membuat Tombol Share fb,tweet  Melayang untuk dipasang di blog.
Semoga Bermanfaat,,

Tukang Coding
Judul: Cara Membuat Tombol Share fb,tweet dll Melayang
Review oleh: Tukang Coding | Template TreTans 1.0
Update pada: 07.17 | Rating: 4.5

Comment for "Cara Membuat Tombol Share fb,tweet dll Melayang"

0 komentar

Posting Komentar