Cara Memasang Tombol Share Dibawah Postingan Blog

Cara Memasang Tombol Share Dibawah Postingan Blog - Halo sobat Blog... kalin ini Kang Maz akan share tentang cara memasang tombol share dibawah postingan blog, tombol share sosmed di post pada blogger sangat berfungsi sekali bagi para pengunjung atau pembaca artikel post untuk membagi konten yang dirasa bagus atau disukai ke jejaringan sosial media seperti Facebook, Twitter, Google+ dan masih banyak jejaringan lainnya.

Baca juga : Cara memasang dan mendaftar DMCA di Blog
                 Cara memasang widget fanspage di blog

Bila pengunjung atau pembaca artikel banyak yang meng share dan mengklik hasil sharenya tadi otomatis banyak juga pengunjung ke blog/website sobat, salah sati meningkatkan traffic pada blog/website memasang tombol share pada postingan blog. gimana tertarik memasangnya? berikut...

Cara Memasang Tombol Share Dibawah Postingan Blog Khusus Blogger

Cara memasangnya cukup mudah sobat tinggal mengikuti cara Kang Maz dan menyisipkan kode ke template blogger sobat. dan jangan bingun atau takut merubah template blogger, InsyaAlloh kode ini working di blog sobat. berikut...

#1. Masuk ke Blogger

#2. Pilih menu Template > Edit HTML

#3. Cari kode </body> lalu copy kode dibawah kemudian letakkan tepat diatas kode </body>

<script>
  window.___gcfg = {lang: &#39;id&#39;};

  (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>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);
</script><div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

#4. Selanjutnya cari  <div class = 'post-footer'> (pilih yang kedua) copy kode dibawah ini dan letakkan tepat dibawanya

<div class='social-buttons-box'>
<div class='social-buttons'>
<div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div>
<div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
<div class='fb-share-button' data-layout='box_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>
<div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div>
</div>
</div>
<!-- <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script>-->
<div style='clear: both;'/>

#5 Yang terakhir cari ]]></b;skin> copy kode dibawah ini kemudian letakkan tepat diatasnya

.social-buttons-box{height: 67px;background: url(https://goo.gl/GxhIkc) no-repeat 150px 0px;margin:20px 0 15px;overflow:hidden;}
.social-buttons {margin:0 0;height:67px;float:left;}
.social-buttons .share {float:left;margin-right:10px;display:inline-block;}
.share-btn {margin:15px 0 25px;height:20px;overflow:hidden;}

#6. Simpan template, dan lihat hasilnya

Gimana mudah bukan. Demikian artikel tentang Cara Memasang Tombol Share Dibawah Postingan Blog, semoga bermanfaat.