CARA MEMBUAT TOMBOL SHARE FACEBOOK, DIGG, TWITTER DAN GOOGLE + DI BLOGGER

Assalamualaikum sobat sekalian,,,

Cara membuat tombol share facebook, Digg, Twitter dan G+ pada atas posting. Seperti yang sobat lihat pada atas postingan ini, yaitu terdapat tombol/button share untuk facebook, digg, twitter dan google +, fungsinya adalah agar pembaca juga bisa mengshare postingan kita pada jejaring sosial tersebut, nah cara membuatnya adalah sebagai berikut :

1. Silahkan masuk ke blogger > Dasbor

2. Klik Pada tab Rancangan

4. Klik Edit HTML

5. Backup dulu templat sobat, untuk menghindari terjadi kesalahan yang ada, jadi nanti jika terjadi kesalahan, template bisa di unggah/restore lagi. caranya  klik Download Template Lengkap.

6. Tekal ctrl + F, untuk memudahkan pencarian

7. Cari kode <div class='post-body entry-content'> 

8. Setelah ketemu, copy dan pastekan syntak di bawah ini tepat diatas <div class='post-body entry-content'>

Kodenya sebagai berikut:

<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='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>

9. Klik simpan template, setelah itu lihat hasilnya,

Semoga bermanfaat,, 

Tweet