Cara Mudah Memasang Kolom Komentar Facebook Di Blog Model Tab

Share pengalaman - Membuat kolom komentar facebook di blog sangat mudah, bahkan si pengunjung pun tak berat hati untuk berkomentar karena tidak payah payah lagi, aplagi bagi si pengunjung yang belum memilki akun gmail, yang memiliki cuma akun facebook, dengan itu bisa mudah bagi si beliau untuk berkomentar di blog anda.

Nah, jika blog teman-teman ingin mendapatkan komentar yang banyak, silahkan saja lihat cara memasang kolom komentar facebook di blog dengan tampilan Tab.

• Silahkan login ke akun blog masing-masing
• Pada Menu dashboard blog silahkan klik menu Tema
• Setelah beralih ke halaman tema silahkan klik Edit Html
• Cari kode berikut <div class='comments' id='comments'> tekan ctrl+f untuk mudah mencarinya,kopi kode tersebut ke dalam search yang anda buat tadi.
• Setelah ketemu kode <div class='comments' id='comments'> 
• Copy kode di bawah ini

<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='<b>IDFANPAGEFACEBOOK<b></b></b>' 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>

• Pastekan kode tersebut tepat di bawah kode <div class='comments' id='comments'>
• Lihat di dalam kode tersebut di tulisan "IDFANPAGEFACEBOOK" tanpa tanda petik, harap di gantikan dengan id fanspage facebook kamu sendiri. kalau belum tau lihat cara mengetahui id fanspage facebook.
• Setelah tahap di atas sudah selesai klik simpan dan lihat perubahan nya.

Sampai disini usai dulu artikel tentang cara memasang kolom komentar facebook di blog dengan model Tab, semoga bermamfaat dan selamat berkatifitas kembali.