+ -

Pages

Friday, December 23, 2011

Cara Mudah Membuat Tombol Share Melayang di blog

Button Share adalah salak satu hal yang sangat penting dalam mendatangkan pengunjung, karena Button Share ini terdiri dari beberapa Jejaring sosial yang ada di dunia dan Button Share ini adalah untuk berbagi antara temen yang satu dengan teman yang lainnya di jejaring sosial, Oke langsung saja sob kita buat,,
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

<!-- Tombol Share Melayang Start-->
<style>
#pageshare {position:fixed; bottom:35%; margin-left:750px; 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 tips blogbego.blogspot.com">
<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='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 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='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://tips-blogbego.blogspot.com/">widget</a></div>
</div>
<!-- Tombol Share Melayang End -->

6. Simpan dan Lihat Hasilnya
Keterangan :
Untuk mengatur Posisi Tombol Share dan ukuran tinggal Rubah angka yang berwarna Biru.


-==  Gimana…?? mudah kan caranya ==-
-=* Selamat Mencoba *=-
5 Alul Stemaku: Cara Mudah Membuat Tombol Share Melayang di blog Button Share adalah salak satu hal yang sangat penting dalam mendatangkan pengunjung, karena Button Share ini terdiri dari beberapa Jejar...

1 comment:

  1. Thanks sudah berbagi ilmunya, sukses selalu...

    ReplyDelete

Silahkan Komentar
Karena komentar Anda sangan berguna untuk perkembangan blog ini. Trimakasih...

< >
Maaf.. sebagian file di blog ini ada yang terhapus, saya akan segera perbaiki