Cara Membuat Kotak Komentar Facebook Dan Blog Berdampingan

 Bagaimana Cara Membuat Kotak Komentar Facebook dan Blog Berdampingan.? nah kali ini kami akan berbagi tips sederhana cara menabahkan kotak komentar facebook di blogspot berdampingan. sebagai contoh kita bisa lihat kotak komentar pada Blog Karocket ini. bagaimana..... apakah tertarik untuk membuat kotak komentar facebook di blogspot.......? oke langsung saja pada cara pemasangan nya.

Caranya :

• Masuk Ke Akun Blogger
• Kemudian Pilih Template
• Klik Edite HTML
• Setelah Script Terbuka Lebar Tekan ( CTRL+F )
• Kemudian Cari Script atau Paste Pada Pencarian <div class='comments' id='comments'> Klik Enter
• Sudah ketemu kan.? Silahkan Copy Paste Script Di Bawah ini <div class='comments' id='comments'>

Screenshoot Pemasangan klik untuk Memperbesar .

Script Facebook Coment :

<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='YOUR_FACEBOOK_FANSPAGE_ID' 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>

Silhakan Copy Paste Script di atas pada template agan, kemudian Sesuaikan Height dan Width nya, jangan lupa Ganti Tulisan YOUR FACEBOOK FANSPAGE ID dengan ID FANSPAGE agan kalau tidak punya pakai ID Profil saja ;) tapi lebih bagus buat aja dulu. selamat mencoba, jika kurang jelas atau masih perlu penjelasan lebih rinci tentang Cara Pasang Kotak Komentar Facebook Agar Bisa Berdampingan Dengan Kotak Komentar Blog, Silahkan Bertanya " Kami Siap Membantu ;) "