Cara Memasang Kotak Komentar Facebook Di Blog

- Juli 25, 2014
Kali ini saya akan memposting Cara Memasang Kotak Komentar Facebook Di Blog Dan saya juga akan memberi penjelasan tentang kode gadget-nya.
Facebook comments box
Sebenarnya memasang kotak komentar facebook itu mudah tapi yang bikin susah adalah malas apalagi cari kodenya itu wah... susah banget, tapi itu khusus untuk orang-orang masih pemula. Tapi walaupun begitu saya ajarkan caranya cukup dengan ketik Ctrl + F dan kemudian tulis kode yang akan kamu cari mudah bukan. Saya harapkan pembaca sekalian untuk membaca postingan ini sampai habis terlebih dahulu karena anda( maksud saya pemula ) mudah salah.
Dah langsung saja dech saya share postingannya :

1. Login ke blogger di www.blogger.com
2. Template kemudian klik Edit HTML
3. Cari kode <div class='comments' id='comments'> 
4. Salin alias di copas kode di bawah ini tepat di bawah kode <div class='comments' id='comments'>

<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='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/></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='URL FACEBOOK-mu ' 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>

* Penjelasan :
Ganti  URL FACEBOOK-mu  dengan url facebook mu

Jika di Blog terdapat 2 kode  <div class='comments' id='comments'> pilih yang kedua.

5. Klik Pertinjau, jika sudah sesuai yang kamu inginkan klim Simpan

Mungkin ini saja yang bisa saya sampaikan tentang Cara Memasang Kotak Komentar Facebook Di Blog semoga bermanfaat dan berhasil !!!!
Jonni Mulyawan

Menulis adalah salah satu cara saya menggunakan waktu luang.

RELATED POSTS

Next article
« Prev Post
Previous article
Next Post »

2 Komentar

Anonim 09 Mei, 2015

Weeesshhh.. mantap Min.. berhasil di blog saya...
salam sukses selalu..

Jonni 09 Mei, 2015

Salam kenal Muhammad Isra.

Harap tidak memasang live link maupun no live link. Jika komentar Anda mau di tampilkan !
Emoticon