Dengan memasang Tombol Share ini kita akan mempermudah pengunjung blog untuk membagikan artikel blog yang dibaca ke jejaring sosial seperti facebook, twitter, maupun Google+.
Dengan memasang tombol berbagi ini, akan membawa manfaat bagi blog kita. Semakin banyak artikel yang di share pengunjung ke media jejaring sosial, maka semakin banyak pula pengunjung yang datang ke blog kita. Berikut langkah -langkah cara memasang tombol share di bawah postingan blog.
1. Loggin ke blogger dengan akun blog anda.
2. Klik menu
Tata Letak >
Edit HTML > Centang
Expand Template Widget.3. Cari kode
<div class='post-body entry-content'> atau
class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
4. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode
<div class='post-body entry-content'><b:if cond='data:blog.pageType == "item"'>
<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('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</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"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>
5. Simpan Template dan silahkan lihat hasilnya...
Gimana sobat mudahkan membuat Tombol Share tersebut, Sekian atas postingan saya kali ini dan semoga bermamfaat bagi sobat semua.
