Cara Pasang Icon Share Social Network di Blog

Cara Pasang Icon Share Social Network di Blog - Social Network merupakan salah satu faktor penting penunjang trafik ke blog. Saya rasakan hal tersebut berdampak positif, dan saya selalu share postingan yang sudah saya buat ke social network yang saya punya. Okey, kali ini saya mau bagikan Cara Pasang Icon Share Social Network di Blog.


Preview :

Cara Pasang Icon Share Social Network di Blog

1. Login terlebih dahulu ke blogger.com
2. Masuk ke Template -> Edit Template, okey setelah  lakukan sedikit edit pada template kamu

<div class='post-body entry-content'><b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>  

3. Letakkan kode dibawah ini setelah kode berikut <b:if cond='data:blog.pageType == &quot;item&quot;'> 

<!-- Kolom Share Fb, Twitter, G+ -->
<div style='background:#f9f9f9;border-top:1px solid #bbb;border-bottom:1px solid #bbb; padding:6px 0px;margin:30px 0px 8px 0px;width:100%;float:left;height:20px;'>

<div style='float:right;'>
<a class='twitter-share-button' data-count='horizontal' data-via='borneotemplates' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

<div style='float:right;padding-right:5px;'>
<!-- Place this tag in your head or just before your close body tag -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='medium'/>
</div>

<div style='float:right;padding-right: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:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#333'>
Share <strong>on</strong> :
</div>
</div>
<br/>
<!-- End Kolom Share Fb, Twitter, G+ -->

4. Okey, langkah terakhir adalah simpan. Selamat mencoba dan semoga bermanfaat :)