Cara Pasang Tombol Share Twitter, Digg, Facebook dan Google+ di Blog



Kali ini saya akan membahas bagaimana memasang  tombol share dari Facebook,Digg,Twitter,Google Plus+ saya yakin anda tahu semua jejaring sosial tersebut sangatlah besar, nah kalau sobat ingin  memasang tombol share tersebut mungkin blog sobat sedikit bisa menjadi ramai pegunjung dan kelihatan lebih professional. Untuk memasangnya mari kita bahas satu persatu.

 

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;'>
Bagikan Yuk :
</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 Bagikan Yuk : dengan selera sobat masing-masing.
4. Kemudian Simpan TEMPLATE
Share this on :

Artikel Terkait:

4 komentar:

Jacob Silitonga mengatakan...

Bos tak da tombol dig nya tu broo

hitz4blogger mengatakan...

Koq bisa...

Putri Anantha mengatakan...

sharenya mo yg kyk agan punya gimana??

Unknown mengatakan...

saya udah coba tapi koq gak berhasil ya ?. dimana kesalahannya ?

Posting Komentar

google.com, pub-4102239544909854, DIRECT, f08c47fec0942fa0