Home  ·  About  ·  Privacy  ·  Contact  ·  Cbox

Cara Membuat Tombol Share di Samping Blog



Pada postingan sebelumnya telah kita bahas cara membuat tombol share di posting blog serta manfaatnya, tapi kali ini kita akan membahas cara membuat tombol share di samping blog.

Agak berbeda dengan postingan sebelumnya, dimana pada posting sebelumnya tombol share yang kita pasang pada blog terletak diatas/bawah posting, untuk tombol share yang akan kita bahas ini nanti terletak disamping blog. Anda penasaran ingin segera memasangnya di blog, berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode berikut pada HTML/JavaScript.
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:right; 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='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://id-pemula.blogspot.com/">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>
Keterangan :
Jika Anda menginginkan tombol share di kiri blog ganti right dengan left.
4. Kemudian Simpan.

Nah, sekarang pengunjung blog Anda dapat dengan mudah membagikan halaman blog Anda ke social media.

18 komentar:

  1. matur nuwun kang...
    http://elmakrufi.blogspot.com/

    ReplyDelete
  2. oke mas brooo. http://malesmelas.blogspot.com yaa

    ReplyDelete
  3. sipp dah :D
    gw jadi ngerti sekarang.

    Oh iya, tolong ikutin blog saya http://gasellakeyshawol.blogspot.com/

    ReplyDelete
  4. matur suwu
    http://bengkel-vitalitas.com

    ReplyDelete
  5. gan kalo disamping tombol kiri blog agan ini gimana cara nampilinnya..
    Mohon berguru suhu

    ReplyDelete
  6. keren makasih mas
    http://m-barsal.blogspot.co.id/

    ReplyDelete
  7. wiiihh keren sekali, mksih
    kangunyuu.blogspot.co.id

    ReplyDelete
  8. wah keren tapi saya punya trik yang bisa di katakan lebih mudah dipahami bisa di cek disini
    http://n-panduan.blogspot.co.id/2016/10/cara-pasang-widget-tombol-share.html

    ReplyDelete
  9. mnatap bisa di coba ni pagi pemula kek ane

    http://www.berkahberbagi.info

    ReplyDelete
  10. thanks min http://kangilmi.bogspot.com

    ReplyDelete
  11. sangat bermanfaat skli trimksih sekedar info buat tahbhn usah liht blog and https://trade79.blogspot.co.id

    ReplyDelete

 
Copyright © . Info Blog Indonesia · Powered by Blogger