Kamis, 18 September 2014

Cara Membuat Komentar Facebook di BLOG

Gambar By : http://tukang-coding.blogspot.com
Saat sedang blogwalking ke blog orang lain komentar itu penting, karena dengan kita meninggalkan komentar disana kemungkinan blog kita untuk dikunjungi balik oleh orang lain atau si empunya blog itu bisa terjadi. Bayangkan ketika dalam sehari kita berkomentar di puluhan bahkan ratusan blog teman-teman, maka... Ah sudahlah bukan itu juga bahasan ku pada artikel kali ini.

Baca Juga : Jangan Mematikan Fungzsi Klik Kanan di BLOG

Pada saat ingin berkomentar di blog "Blogspot", kita diharuskan masuk dulu menggunakan akun gmail. Bisa juga pake Open ID dan lain sebagainya. Dan itu menurutku masih agak ribet sih, hehehe...

Namun ada cara komentar yang cukup mudah karena hampir setiap orang suday punya akunnya yaitu "Facebook". Yaitu melakukan komentar facebook di BLOG. Enak bukan? gak usah login pake gmail dulu.

OKE, langsung ke inti pembahasan, cara membuat komentar facebook di BLOG.
  • Pertama login dulu ke blogger.
  • Kemudian pilih template, lalu klik "Edit HTML"
  • Setelah halaman edit HTML sudah terbuka, lalu carilah code html berikut : (disarankan menggunakan ctrl + F biar lebih cepat)
<div class='comments' id='comments'>
  • Kemudian silahkan copy script dibawah ini, kemudian paste tepat dibawah "<div class='comments' id='comments'>" yang sudah anda cari tadi.
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

  • Pada bagian IDFANPAGEFACEBOOK silahkan diganti dengan id Fan Page Facebook Anda.
  • Kemudian klik Simpan Template, kemudian liat perubahannya di blog Anda. Jika masih belum ada perubahan, silahkan cari lagi script "<div class='comments' id='comments'>" di Edit HTML nya. Kalo pengalaman pribadi sih aku menemukan 2 script <div class='comments' id='comments'>, jadi aku paste kode diatas dibawah keduanya.

Happy Blogging.....

Sumber Script : http://freezon88.blogspot.com/2013/12/komentar-facebook-dan-blog-model-tab.html

Artikel Terkait

Cara Membuat Komentar Facebook di BLOG
4/ 5
Oleh

1 komentar:

8 Februari 2015 pukul 05.01 delete

Keren om


Mampir juga ya di aritutorial.blogspot.com

Reply
avatar