Cara memasang komentar facebook di blog

Gaya-bebas'er kali ini saya akan memberikan tutorial memasang widget social plugin, dalam contoh ini saya akan membeberkan teknik memasang kotak komentar facebook di blogger, untuk cara yang biasa anda bisa menagambil code widget di developer.facebook.com silahkan cari dibagian social plugin, tetapi biasanya code tersebut akan error jika dipaste langsung dibawah post.body sehingga dalam tutorial ini saya akan membongkar bagaimana supaya widget tersebut bisa dipasang dimana saja tanpa error.

Pertama yang diperlukan untuk memasang code widget komentar facebook adalah carilah kode dibawah ini

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

Disetiap template biasanya terdapat 2 buah kode diatas, jadi pemirsa, silahkan pilih yang paling bawah,
kalau anda memilih yang bukan paling terahir, saya tidak tahu apa yang akan terjadi pada blog anda (^,^)a dan jika anda sudah menemukan kode diatas, copy kode diabawah ini kemudian paste tepat dibawahnya kode diatas

<!-- FB commnet --> <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='9' width='520'/> </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='FACEBOOK ID ANDA' 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: #f5f5f5;} #blogger-comments-page { padding: 0px 5px; display: none;} .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f5f5f5;} .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #f5f5f5;} .inactive-select-tab { background-color: #f5f5f5;}</style> <!-- FB commnet -->

Hallo , jangan lupa untuk mengganti pada bagian 'FACEBOOK ID ANDA' , gantilah dengan ID Facebook milih anda sehingga jika nanti ada yang komentar maka notifikasi akan diberitahukan kepada anda (^,^)
Semoga bermanfaaat.  Oh iya kalau mau lihat hasilnya silahkan lihat dibagian bawah blog ini (^,^)