Pages

Cara menambahkan Tombol Like Facebook dan Twitter Pada Postingan Blog



Pada kesempatan kali ini, saya akan kembali sharing tentang dunia bloging. Ini  merupakan postingan pertama saya diawal tahun 2012 tentang tips dan trik blog. Saya akan sharing  tentang bagaimana kita menambahkan tombol like facebook dan twitter yang akan muncul di setiap postingan blog kita. Nah, mungkin ada yang bertanya untuk apa kita memasang tombol like facebook dan twitter ke postingan kita...??? Selain untuk mempercantik tampilan, tombol-tombol tersebut mempunyai fungsi yang bisa meningkatkan jumlah pengunjung blog kita.

Ok...!!!
Ikuti langkah-langkahnya dibawa ini:
1.  Login ke dashboard -> Desain--> Edit HTML
2. Klik pada "Expand Template Widget"
3. Cari "Ctrl + F" dan temukan code berikut:

<b:if cond='data:post.title'>
<h2 class='art-postheader'>
4. Sekarang paste kode berikut setelah kode diatas:
<!-- Twitter button Start -->
<div style='float:right;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;User Name&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>
<!-- Twitter  button End -->

<!-- Facebook Like button Start -->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden;float:right; width:50px; height:65px;'/>
<!-- Facebook Like button End -->
 Catatan: ganti tulisan User Name pada tulisan yang berwarna merah diatas dengan user name twitter anda.

5. Simpan template anda

The end.
Semoga bermanfaat
.


15 komentar:

  1. wah,,ini yg ane Cari kawan...ijin nyimak...n follow 15 sukses...follback y...salam kenal.....

    BalasHapus
  2. @mrofiuddinSelamat mencoba kang....
    Sukses.......

    BalasHapus
  3. tipsnya bagus gan..trimakasih..aku mao coba..

    BalasHapus
  4. @Indonesia KuSilahkan memperindah tampilan Blog Indonesia Kita....

    Trims Sobbb.....

    BalasHapus
  5. keren bosss...... patut dicoba ... thankss... tak nanti kunjungan baliknya :D

    BalasHapus
  6. Sip2.. thankz ya boz,
    Mampir ke blog ane juga yach.. hehe
    http://ngengeba-buaya.blogspot.com/

    BalasHapus
  7. @AcHi Silahkan mencoba sob. Thanks uda mampir...

    BalasHapus
  8. koq di blog ane gak bisa gan?, nggak ada jg kode class='art-postheader'> nya, mohon info dan kunjungan baliknya ya gan, bosssouvenir.blogspot.com

    BalasHapus
  9. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  10. @Dedy Murman Maaf ya kang Daddy, saya telat balas karena ada beberapa kesibukan yg harus sy selesaikan.

    Kang daddy, pertanyaan dari akang dan solusinya sudah saya jawab berupa postingan.
    Lihat saja disini ya: Cara menambahkan Tombol Like Facebook dan Twitter Pada Postingan Blog----> Update

    Thanks

    BalasHapus