Cara Membuat Tombol Share Pada Blog | Tutorial Blogger

Hallo sobat,udah lama juga saya ga posting lagi nih sekitar 2 harian maklum lah wekeend buang streess hehe,oke kali ini saya mau share tentang tutorial blog lagi setelah postingan saya yg lalu yaitu Cara Membuat Widget "YOU MIGHT ALSO LIKE" Pada Blog | TUTORIAL BLOGGER

Kali ini saya mau bahas tentang Cara membuat Tombol share di bawah judul posting seperti ini :

Okee langsung aja :

1.Login Blogger dulu

2.Lalu pilih rancangan

3.Klik Edit HTML di menu Edit Tata Letak

4.Centang "Expand Template Widget" bila perlu

5.Tekan CTRL + F pada Browser Sobat

6.Cari kode berikut ini <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
7. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'> berikut adalah kode nya :

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

8.Lalu Simpan Template sobat

9.Maka hasilnya akan seperti ini ,horeeeee

 (Klik lagi sob kalo mau jelas)

SELAMAT MENCOBA SOBAT GAMERS AKUT

INFO : Ikuti terus update - update terbaru dari Gamers-Akut karena masih banyak posting2 yang tertunda dan akan di post di waktu yang akan datang nanti pokoknya kalo berkunjung ke Blog saya jangan lupa tekan CTRL + D dulu gan ;)