Cara Memasang Tombol Share Diatas Posting Blog

 

Assalamualaikum wr.wb. Kali ini saya akan posting tentang Cara Memasang Tombol Share Diatas Posting Blog. Tombol share ? ya, tombol yang gunanya membantu para pengunjung untuk lebih mudah membagikan artikel kita hanya dengan menekan tombol-tombol ini. Ada berapa tombol ? jika kita melihat  sumber script maka akan ada 4 tombol yaitu  g+, facebook, twitter, dan pin it tapi saya ubah hanya menjadi tiga yaitu

• google +
• facebook
•  twitter

Kalau anda ingin melihat hasilnya anda bisa lihat di bagian atas tepatnya dibawah judul artikel ini. Nah kalau andaingin memasangnya silahkan ikuti langkah yang berikut ini

• 1.buka blogger > blog anda
• 2.template        > edit html
• 3.cari kode <div class='post-body entry-content'> atau kode class='post-body entry-content' lalu pastekan kode ini diatas salah satu kode diatas
  
  

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'> <div style='float:left;padding-left:0px;font:normal 12px Georgia;'> share on  : </div> <div style='float:left;padding-left:10px;'> <a name='fb_share' type='button_count'/> <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'> </script></div> <div style='float:left;padding-left:10px;'> <a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </div> <div style='float:left;padding-left:10px;'> <!-- Place this tag where you want the +1 button to render --> <g:plusone size='medium'/> <!-- Place this render call where appropriate --> <script type='text/javascript'>   (function() {     var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;     po.src = &#39;https://apis.google.com/js/plusone.js&#39;;     var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);   })(); </script> </div> </div> </b:if>

• 4. ubah tulisan share on dengan kata pembuka yang anda inginkan
• 5.pratinjau,jika sudah pas klik simpan

jika ada yang ingin agan tanyakan  silahkan berkomentar/mengcontact saya di fb yang bisa anda lihat urlnya di bagian contact us.assalamualaikum wr.wb.