Membuat Kotak Komentar Facebook dan Blogger Terbaru

Mungkinkah pernah kamu pernah bertanya ke google, bagaimana cara membuat komentar blog ada fb, lalu tips membuat komentar fb di blog.
Dengan cara membuat pilihan di kotak komentar, pengunjung akan semakin mudah untuk berinteraksi kepada admin blog sendiri.

Karena hampir semua orang telah memiliki akun facebook walaupun dia sudah berumur lebih ataupun masih kecil, karena facebook itu untuk semua kalangan baik miskin maupun kaya. :)
Semoga cara kali ini membantu untuk bog sobat
Nah sekarang langsung saja.

Cara membuat kotak komentar seperti diatas berikut. langsung ikutin langkah berikut.
1. Login dahulu keblogger sobat. disini
2. Pilih edit html pada blog sobat.
3. Tekan CRTL + F Untuk memudahkan pencarian.
Cari kode: ]]></b:skin>
4. Setelah dapat, karena kode tersebut hanya satu saja. lanjutkan tahap berikutnya
5. Taruh kode berikut ini tepat diatas kode ]]></b:skin> tadi
6.

.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;}

7. Kemudian cari kode </head>
8. Taruh kode berikut tepat diatas kode berikut tadi(</head>)
9.

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDfacebook' 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>

10. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook).
11. Kemudian cari kode <div class='comments' id='comments'>

12. Setelah sudah ketemua kode tadi, kamu akan menemui 2(dua) kode yang sama.
~Letakkan kode dibawah berikut tepat diatas 2(dua) kode tadi.

13.

<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='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

14. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.

16. Simpan Template jika sudah selesai. !


Kabar terbaru adalah template blog sekarang sudah bisa membuat 2 kotak jenis kotak komentar yang berbeda.
Tips membuat kotak komentar menjadi 2 jenis. kotak komentar fb dengan blog.
Semoga membantu artikel berikut :)