Cara Membuat Tombol Share Diblog Pada Posisi Kiri Dengan Mudah

4 comments
Catatanernest- Hallo pembaca kali ini Catatanernest akan berbagi Cara Membuat Tombol Share di Blog Pada Posisi Kiri Dengan Mudah.  Ada banyak cara untuk memasang tombol share di blog, anda bisa mencari tuorial lainnya pada blog yang menyediakan tutorial tentang cara untuk membuat tombol share di blog, namun disini saya akan memberikan cara sederhana agar tombol share diblog anda muncul dibagian kiri tampilan blog, tombol share di blog ini sangat penting untuk mengetahui seberapa orang menyukai artikel pada blog kita dan juga sebagai sarana promosi blog kita. Baiklan langsung saja saya bagikan bagaimana cara menambahkan tombol share diblog.
Cara Membuat Tombol Share Diblog

Cara membuat Tombol Share Diblog Posisi Kiri :
Anda copy pastekan kode dibawah ini, Selanjutnya anda buka Tata Letak - Tambah Gaget - HTML/Java scrip - dan anda pastekan kode tadi - save dan lihat tampilan yang muncul.

<style>
#pageshare {
 position:fixed; bottom:15%;
 left:10px; float:left;
 border: 3px solid #009900;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 background-color:transparent;
 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="Bagikan:">
<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='su'>
 <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</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>

4 komentar

Sama2 bang, terimakasih juga sudah mau berkunjung

Sama2 bang, terimakasih juga sudah mau berkunjung

Sama2 bang, terimakasih juga sudah mau berkunjung

----> Berkomentarlah dengan sopan dan sesuai artikel
----> Jangan lupa centang notif
----> No SPAM!!! or LINK AKTIF Gunakan Name/URL
----> Jangan lupa JOIN THIS SITE or G+ n Fanspage