Cara Membuat Tombol Share Facebook Twitter Dan Google Plus di BLOGSPOT

Sebenarnya membuat Like Facebook, Share Twitter dan Google Plus (G+) button lebih dikategorikan dalam SEO Optimisasi OFFpage karena lebih pada menyebarkan link artikel kita. Namun karena kita mengedit blog kita maka saya masukkan dalam kategori Onpage saja.

Kali ini kita akan fokuskan memasang Tombol Like Facebook, Share Twitter dan Google Plus di Bawah Judul Postingan. Karena biasanya padah akhir postingan / bagian bawah banyak tombol serupa yang sama yang telah disediakan blogger, jadi kita mengoptimisasikannya dengan menaruh dibagian atas postingan (seperti pada blog MkZHackers ini.

Oke, langsung saja ikuti langkah-langkah dalam memasang Tombol Share Facebook, Twitter dan Google Plus di Bawah Judul Postingan / Artikel kita (di Awal Artikel) untuk mendongkrak traffic blog kita:

Silahkan masuk ke blog anda

Klik Template
untuk menjaga-jaga terjadinya kesalahan klik Cadangkan/Pulihkan, lalu masuk ke Edit HTML
Centang Expand Template Widget
Carilah kode berikut <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama

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='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"></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>

"MAAF SOB,GAK BISA DI BLOK YA,,NIH TAK KASIH TAU CARANYA =>baca DISINI

semoga bermanfaat ^_^

sumber : http://sauki14.blogspot.com/2013/02/cara-membuat-tombol-share-facebook.html

Artikel Terkait