Cara Membuat dan Menampilkan Komentar Facebook id Blog Blogspot

Salam ngadubanteng masbro!!

Ngeblog itu asik masbro kita ga perlu bayar kita bisa bereskspresi menyimpan data gratis!! Blogspot dan wordpres dan lainya fasilitas gratis bisa buat blog masbro!

Oke kali ini kita akn buat komentar facebook muncul di blog kita, pentingnya apa sih? ga ada pentingnya juga tapi membuat pengunjung masbro bisa berinteraksi dengan blog masbro yah melayani pengunjung gitu masbro!!

Langsung saja masbro masuk blogspot dan login sesuai dengan akun masbro kalau belum punya blog bikin dulu masbro Login Template terus Edit HTML masbro

Cari kode seperti di bawah ini dengan cara cepatnya Ctrl + F

<div class='comments' id='comments'> 

Kalau sudah ketemu masbro letakan kode berikut  di bawah kode tadi

  <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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'>

 Kemudian cari kode berikut ini  /* Comment  atau kode #comments
Lalu letakan kode berikut di bawahnya

.comments-page { background-color: #f2f2f2;} .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;} }


Yang terakhir cari kode  </head> dan letakan kode berikut tepat di atas kode   </head>

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

 Pada Ngadubanteng masbro bisa ganti dengan id facebook masbro!

Jangan lupa save dan lihat masbro gampang kan!