Cara Membuat Tombol Share pada Blogger

2:33 AM in Blogger, Tutorial

Rasanya tidak lengkap kalau di blog gak ada tombol share, tombol ini sangat berguna bagi pengunjung atau kita sendiri untuk share link / artikel di blog kita dengan mudah. Apalagi kalau anda men share link artikel blog anda ke jajaring sosial, pasti dari sekian banyak teman anda di jejaring sosial pasti beberapa orang tersebut akan meng klik link yang anda share tadi, ini berarti blog anda akan makin di kenal oleh teman di jejaring sosial. Tombol share ini sangat bergunakan? Bagi anda yang ingin membuat tombol share di blog anda silakan ikuti langkah - langkah dibawah ini :

1. Login ke Blogger 

2. Kemudian Klik Template dan klik EDIT HTML

3. Centang Expand Widget dan cari kode dibawah ini dengan CTRL + F

<div class='post-body entry-content'>

4. Copy kode dibawah ini tepat diatas kode <div class='post-body entry-content'>

<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:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>
Share this history 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='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</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='ID TWITTER' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</b:if>

NOTE :

Ganti text berwarna merah dengan id twitter anda

5. Kemudian Simpan Template

Semoga Bermanfaat :))