Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog

Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog

Sumber Gambar   :  Google Images

Hai Kawan, hari ini Syahroonix akan berbagi pengetahuan dengan kalian. Kali ini Syahroonix akan berbagi tentang Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog. Di artikel ini Syahroonix akan memberi tahu cara membuat kotak komentar yang berada di sebelah komentar blog. Ini adalah salah satu Tutorial Blog dari saya yang mungkin bermanfaat. Kalian pernah melihat kan ada komentar facebook di dekat komentar blog? Bila kalian ingin seperti itu juga, silahkan lihat caranya di bawah ini.

Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog hanya memerlukan 10 langkah yang tidak terlalu sulit untuk dilakukan. Siap? Ok.

Langkah Pertama
Kalian hanya perlu log in lah ke blog kalian atau ke sini http://blogger.com/

Langkah Kedua
Masuk ke menu Template dan klik Edit HTML. Kalau kalian nggak paham, lihat gambar dibawah ini.

1.

2.

Langkah Ketiga

Centang kotak Expand Widget Templates seperti pada gambar dibawah ini.

Langkah Keempat

Silahkan kalian tekan CTRL+F dihidung kalian sendiri. Ehh, Di keyboard kalian maksudnya hehe. Lalu carilah kode ]]></b:skin>

Langkah Kelima

Kalau kalian sudah berhasil menemukan kodenya, simpanlah kode dibawah ini diatas kode ]]></b:skin> tadi.

<!--Facebook Comment Syahroonix Blog--> .comments-page { background-color: #;} #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;}

Langkah Keenam

Setelah kalian selesai memasang kode diatas dengan baik dan benar sekarang carilah kode </head>

Langkah Ketujuh
Kalian letakkan kode dibawah ini tepat diatas kode </head>



<!--Facebook Comment Syahroonix Blog--> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='ID Facebook Kamu' 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>

Langkah Kedelapan

Kawan-kawan jangan terkecoh, gantilah kata ID Facebook Kamu dengan Id facebook asli kalian. Kalau cara mengetahuinya gampang kok. Kalian hanya butuh log in ke Facebook Kalian masing-masing dan masuklah ke Profil kalian. Lihatlah link profil kalian. Misal : http://www.facebook.com/123456

Angka 123456 itulah yang dimaksud ID facebook kalian. Jadi masukkan nomer itu, hanya nomornya jangan dengan linknya yah kawan.

Langkah Kesembilan

Sedikit lagi berhasil nih kawan, sekarang kalian hanya butuh untuk mencari <div class='comments' id='comments'> lalu masukkan kode dibawah ini tepat dibawah kode <div class='comments' id='comments'>

<!--Facebook Comment Syahroonix Blog--> <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'> <img class='comments-tab-icon' alt="Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog" src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png' title="Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog"/> <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='5' width='630'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>

Peringatan :
1. kan ada kode kayak gini di langkah sembilan. <fb:comments expr:href='data:post.url' num_posts='5' width='630'/>
* Angka 5 = banyaknya komentar yang akan tampil dilayar
* Angka 630 = lebarnya kotak komentar Facebook
2. Kalau waktu kalian lagi nyari kode <div class='comments' id='comments'> dan menemukan lebih dari 1, maka simpan kode yang ada di langkah sembilan di bawah semua kode <div class='comments' id='comments'>

Langkah Kesepuluh
Klik Simpan Template atau Save

Taraaaaaaa, kalau semuanya dilakukan dengan benar maka hasilnya akan seperti ini kawan:

Selamat Mencoba.

Mungkin hanya itu yang dapat Syahroonix bagikan tentang Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog. Ingat, ini adalah konten Tutorial Blog asli milik saya, kalian boleh mengcopy-nya tapi jangan mengklaim kalau ini adalah artikel milik kalian. Dan, kalau kamu mengcopy artikel ini jagan lupa memasang link sumber asli blog ini. Biasakan juga untuk menghargai karya orang lain dengan minimal meninggalkan komentar baiknya di bawah dan kalau bisa bacalah artikel lain dari blog ini dan klik iklan yang ada di blog ini untuk mendukung blog ini.

Tags : Memasang kotak komentar facebook, komentar facebook, kotak komentar facebook disebelah komentar blog, komentar blog dan facebook, cara memasang kotak komentar facebook disebelah komentar blog, cara membuat komentar facebook, di sebelah komentar blog, cara membuat komentar facebook di blog, cara membuat kotak komentar facebook di bawah postingan blog, cara memasang kotak komentar fb di blog, cara membuat kotak komentar facebook di blog, cara membuat kotak komentar fb di blog

Sumber  : Syahroonix Blog | Berbagi Segala Hal

Artikel Terkait: