Cara Membuat Tombol Multi Share Blog Melayang Keren

Apakah anda melihat tombol share / facebook / google+ melayang??? Ingin Membuatnya?? yok mari saya jelaskan

1. Masuk Blogger.com
2. Rancangan >> Element Halaman
3. Klik Tambah Gadget >> Cari "HTML/ JavaScript"
4. Lalu Masukkan kode berikut ini:


 <!-- floating page sharers Start-->  
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F2F2F2;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="Share to Your Friends">
<div style="clear: both;font-size: 16px;text-align:center;">
</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='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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>

<div class='sbutton' id='rw'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d764bd843e747be"></script>
<a href="http://bengkelkisah.blogspot.com/2012/01/cara-membuat-tombol-multi-share-blog.html"/><span style="font-size: xx-small;"><span style="background-color: #eeeeee; color: #eeeeee; font-family: inherit;">&nbsp;Get This</span></span></a>
<!-- floating page sharers End --></div></div>
5. Simpan Gadget Anda dan selesai.
Anda tidak perlu merubah apapun, itu sudah standar dan bagus,, tidak terlalu rumit dan tidak membuat blog kamu lemot ( berat ) pesan saya jangan merubah apapun nanti error,,, nanti bisa keluar GALAT.

Oke Semoga Bermanfaat


Pesan Admin : Jika Suka Klik Like ya. jika ingin mengcopy artikel di atas baca INI dan janga lupa untuk memberikan +1(google+1)yang berada di akhir posting ini

Posting Lebih Baru

Posting Lama

Followers

Categories

Site Info

PageRank Checking IconW3 Directory - the World Wide Web DirectoryYahoo bot last visit powered by MyPagerank.NetMsn bot last visit powered by MyPagerank.Net ping fast  my blog, website, or RSS feed for Free Ping your blog, website, or RSS feed for Free free search engine submission SEO Stats powered by MyPagerank.Net

Kontes SEO


Klik Layar untuk Kembali