Selasa, 29 Mei 2012

Cara Membuat Tombol Share Facebook, Twitter ,Google+ dan Digg Di Blogspot

Tombol Share


Cara Membuat Tombol Share Facebook, Twitter ,Google+ dan Digg Di Blogspot.
 dengan menambah fasilitas Tombol Share maka otomatis akan meningkatkan trafict ke blog anda , logikanya bila pengunjung tertarik dengan artikel di blog sobat dan mereka dengan mudah dapat membagikan artikel kita di akun  Facebook, Twitter ,Google+ dan Digg,Oke langsung aja cara   pemasangannya...

Langkah-langkahnya sebagai berikut :


1. Login ke account blogger Anda.
2. Klik tab Rancangan -> Edit HTML.
3. Download template dulu apabila terjadi kesalahan dapat di kembalikan seperti semula.
4. Tekan Ctrl + F untuk memudahkan pencarian.
5. Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
6. Kalau belum ketemu juga biar ga pusing cari kode ini pasti ada <data:post.body/>..saya pribadi Herlan Blog lebih tertarik mencari kode tersebut karena mudah di temukan dan pastinya tipa template mempunyai kode tersebut , biasanya kode <data:post.body/&gt; ada tiga di coba aja satu persatu
7. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>


<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='HerlanLesmana' 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>




7. Klik Simpan Template

Sudah dech beres ...gampang ya  Cara Membuat Tombol Share Facebook, Twitter ,Google+ dan Digg Di Blogspot kalau anda masih susah silakan tinggalkan kommenya selamat mencoba !!
◄ Newer Post Older Post ►