CARA MEMASANG TOMBOL SHARE FB, DIGG, TWITTER, GOOGLE+ DI BLOG

3:41:00 PM  Blogger Kreatif  No comments

Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog | Cara Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog | Cara Memasang Tombol Share diatas Postingan Blog | Cara Memasang Tombol Share dibawah Postingan Blog- Kali ini saya akan membahas sebuah tombol share dari Facebook,Digg,Twitter,Google Plus+ mungkin anda tahu semua jejaring sosial tersebut sangatlah besar.nah mungkin dengan memasang tombol share tersebut mungkin blog sobat sedikit bisa menjadi ramai pegunjung terus.Bagaimana Cara Memasang Tombol Share FB, Digg, Twitter, Google+ di Blog berikut tips dan langkah-langkahnya.

1. Login ke Blogger
2. Pilih Template > Unduh Template Lengkap > EDIT HTML > Expand Template Widget
3. Cari kode <data:post.body/> ,bila sobat sudah Memasang Read More di blogbiasanya kode tersebut ada dua sobat bisa pilih kode yang kedua dan copy kode di bawah ini di bawah kode <data:post.body/>.

<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 this 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'/>
<!-- Place this render call where appropriate -->
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

• Sobat bisa ganti tulisan Share This On : dengan selera sobat masing-masing.

4. SIMPAN TEMPLATE