Sunday, December 29, 2013

Cara Memasang Tombol Share FB, Digg, Twitter, Google+ di Blog


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.


Tombol Share


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

No comments:

Post a Comment

Jika ingin berkomentar silahkan ikuti aturan di bawah ini :
1. Berkomentarlah dengan sopan.
2. Komentar tidak mengandung unsur SARA.

Boruto: Naruto Next Generations Episode 24 Subtitle Indonesia

Boruto: Naruto Next Generations Episode 24 Subtitle Indonesia Boruto Episode 24 Subtitle Indonesia Download Boruto Subtitle Indone...