CARA MENAMBAHKAN TOMBOL SHARE DI BAWAH POSTINGAN BLOG TERBARU 2014

CARA MENAMBAHKAN TOMBOL SHARE DI BAWAH POSTINGAN BLOG TERBARU 2014

Sebagai media sosial yang mengalami perkembangan dari hari ke hari, banyak hal yang digunakan para blogger untuk meningkatkan traffic blog mereka. Salah satu caranya adalah dengan membuat tombol share pada bagian bawah postingan . Tombol share tersebut berguna untuk menyebarkan artikel yang telah kita posting di media social lainnya seperti facebook.com atau juga twitter.com dan masih banyak lainnya.

Bagaimana langkah-langkah membuat tombol share di bawah postingan?

1. Buka blogger.com dan login setelah itu masuk pada dashboard > template > edit HTML

2. Sebelum editing, backup dulu template anda.

 3. Tekan cntl + F dan cari kode di bawah ini:

<data:post.body/>

4. Taruh Code di bawah tepat di bawah code yang di atas:

<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='left'>
<p style='margin:0; border-bottom:2px solid #333;'><font color='#333' face='Arial Black' size='5'> Share This Post &#187;&#187;</font></p>
<table border='0' cellpadding='5' cellspacing='10'><tbody>
    <tr>
<td style='padding-top:8px;'>
<g:plusone size='tall'/>
<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>
</td>
      <td style='padding-top:8px; '>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>
      <td style='padding-top:8px;'>   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td>
      <td style='padding-top:8px;'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td>
      <td>
<!-- AddThis Button BEGIN mybloggersworld.com-->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></div></b:if>
<div style='clear: both;'/> 

Yang berwarna merah, silahkan ganti dengan kata-kata yang anda inginkan

Sedangkan yang warna hijau #333 itu adalah warna tulisan

Semoga bermanfaat