Random Post

Trending Topik

Popular Post

Ping your blog, website, or RSS feed for Free

Recent Post

CONTENT BLOGGER HERE
CONTENT TWITTER HERE
CONTENT FACEBOOK HERE

Comments

Blog Berkah. Diberdayakan oleh Blogger.

Search This Blog

Cara Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot


Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot Senang sekali sobat, setelah sebelumnya saya posting tentang Membuat Tombol LIKE Pada Blogspot, kali ini saya akan mencoba berbagi tips dan tutorial tentang cara Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot dengan sedemikian rupa sehingga tampilannya menjadi lebih menarik lagi.

Nah, buat sobat yang mungkin sudah gak sabaran lagi, silahkan ikuti tutorial kali ini tentang cara Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot.

  1. Lahkah pertama jelas sobat harus Login ke akun blogger sobat;
  2. Pilih menu Rancangan;
  3. Kemudian klik Tambah Gadget, terserah mau yg dimana, tapi sebaiknya letakkan di bawah posting;
  4. Pilih HTML/JavaScript;
  5. Kemudian Copy kode berikut ini dan pastekan pada bagian konten, untuk judul sebaiknya dikosongkan saja;

<style type="text/css"> #rizkishare {      position:fixed;      top:27%;      margin-left:-67px;      float:left;      border-radius:5px;      -moz-border-radius:5px;      -webkit-border-radius:5px;      background-color:#fff;      padding:0 0 2px 0;      z-index:10;      } #rizkishare .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='syacom' title="Bagikan Tulisan ini"> <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='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></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='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 align='center'> <small><a href="http://www.wakrizki.net/2011/12/membuat-tombol-share-facebook-twitter.html" target="_blank" title="Widget by MasTer Q">MasTer Q</a></small> </div> </div>

6. Kemudian klik Simpan;

7. Atau mungkin sobat ingin memodifikasinya, silahkan. Itupun jika sobat mengerti dengan koding tersebut (bukan maksud meremehkan).

8. Untuk mengatur posisinya, silahkan sobat rubah kode warna merah dan sesuaikan dengan kondisi template yang sobat gunakan
9. gampang kan sob, jangan lupa kalo berhasil likenya yah..:D
Anda baru saja membaca artikel yang berkategori trik blogger dengan judul Cara Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot. Anda bisa bookmark halaman ini dengan URL http://blogberkah.blogspot.com/2012/06/cara-membuat-tombol-share-facebook.html. Terima kasih!
Ditulis oleh: rini agustini - Senin, 25 Juni 2012

1 Komentar untuk "Cara Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot"

  1. infonya bermanfaat gan.. makasih dah share ilmunya..

    BalasHapus