Cara membuat Share Button Di atas Postingan terbaru

Share on :

Tweet

Selamat malam agan-agan pengunjung blog Boem Bethem, sekarang saya mau nge-share yang pasti-nya menarik deh buat sobat seklaian. sekarang farhan mau ngejelasin gimana cara pasang Share Button Di atas Postingan. apa sih share button di atas postingan? yaitu tombol jika pengunjung kita mencet tombol tersebut, artikel di blog kita akan langsung ke share ke jejaring sosial mereka, efektif dan menarik bukan? dengan sarana ini kita juga bisa memperluas jaringan blog kita, kenapa? karena semakin banyak orang nge-share aritkel blog kita ke jejaring sosial mereka masing-masing, maka akan semakin banyak orang yang mengetahui blog kita. langsung aja deh ini dia langkah-langkahnya :

1. Login ke Blogger.

2. Pilih Template

3. Edit HTML

4. Download full template terlebih dahulu mencegah bila ada kesalahan dalam meng-edit HTML.

5. lalu selanjutnya sobat cari kode di bawah ini.

<div class='post-body entry-content' expr:id='&quot;post-body-&quot

6. Lalu sobat tambahkan kode di bawah ini persis di bawah <div class='post-body entry-content' expr:id='&quot;post-body-&quot.

<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='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='Username' 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>


7. Lalu selanjutnya anda rubah Tulisan 'Username" yang berwarna merah menjadi username twitter anda.

8. Selanjutnya Klik "Save" dan selesai.

Selamat mencoba.