Kali ini saya akan memposting Cara Memasang Kotak Komentar Facebook Di Blog Dan saya juga akan memberi penjelasan tentang kode gadget-nya.
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("#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='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 !!!!
TAGS :
Social Media
Tutorial blog
Widged blog
2 Komentar
Weeesshhh.. mantap Min.. berhasil di blog saya...
salam sukses selalu..
Salam kenal Muhammad Isra.
Harap tidak memasang live link maupun no live link. Jika komentar Anda mau di tampilkan !
Emoticon