Tuesday, August 21, 2018

Cara Gampang Memasang Tombol Share di Blog 2018



selamat datang di Sahabat Blog , Kali ini Sahabat Blog akan memberitahukan bagaimana cara memasang tombol share di blog , Berbicara tentang tombol share atau share buttons widget ini sangat banyak di pakai oleh para bloggers salah satunya tentu untuk meningkatkan popularitas web site mereka saya sendiri merekomendasikan kalian untuk menggunakan widget ini pada blog atau website kalian , lalu caranya bagaimana ? sebenarnya caranya sangat lah mudah sekalipun untuk pemula oke langsung saja :






  • Pertama : Masuk ke ke web site https://www.addthis.com/  Kemudian kalian daftar klik tulisan " Get Started For Free " , isi data diri kalian seperti negara asal , bagusnya website ini kalian tidak perlu verifikasi e-mail . 

  •  Kedua kalian klik tulisan  " Share Buttons "  nah selanjutnya kalian tinggal pilih sesuai keinginan kalian semua ada Floating , Inline , Expanding , Saya sendiri menggunakan Expanding , Jika sudah memilih klik tombol Continue -> Activate Tool 

  •  Ketiga : Kalian akan di berikan sebuah kode , kode itulah yang akan kalian gunakan caranya gampang , copy kode tersebut lalu pergi ke akun blog kalian masing - masing klik Tema -> Edit HTML cari </body>  biar gampang gunakan ctrl + f ( sebelum menggunakan ctrl + f klik dulu di bagian kotak Edit HTML baru ctrl + f ) 

  •  Kelima : Letakan kode yang kalian dapatkan tadi diatas </body> . lalu simpan .


Atau jika anda merasa cara di atas sulit buat anda saya masih mempunyai satu cara lagi dan saya sendiri menggunakan cara ini dan hasilnya anda bisa liat di layar sebelah kiri anda , cara ini sangatlah simpel:

Pertama : Copy Script atau kode berikut ini

  • <!--SideBar Floating Share Buttons Code Start-->
  • <style>
  • #pageshare {position:fixed; bottom:15%; left:10px; float:left; 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://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="


2 . Pergi menuju akun blog kalian masing masing , Klik tata letak kemudian klik addwidgets lalu cari edit HTML dan tambahkan 

3 . Kemudian simpan .


Gimana gampang kan ? Jika mengalami kendala atau kesulitan silahkan untuk bertanya bisa kolom komentar atau melalui contact us , Tombol share ini sangatlah penting karena bisa men-share artikel kalian otomatis akan banyak orang yang datang ke blog kalian , Semoga artikel ini dapat membantu , Terimakasih salam Blogger!

loading...

3 comments: