Cara Memasang Form Komentar Facebook Di Blog
Cara Memasang Form Komentar Facebook Di Blog
Sobat sebagai admin dengan para pengunjung dapat saling tanya jawab, menyampaikan ide, memberi kritik, atau sekedar mengucapkan terima kasih. Namun sebagian blogger juga ada yang tidak memasang form komentar ini, entah apa alasanya.
Pada Blog Blogspot khususnya, form komentar ini telah disediakan dan bersumber dari Blogspot sendiri. Pada template bawaan Blogspot sendiri sudah terpasang form komentar ini. Pada template yang dibuat oleh sumber lain juga biasanya sudah menyediakan form komentar. Jadi kita tidak perlu repot lagi.
Selain Blogspot, Facebook juga menyediakan form komentar yang dapat sobat pasang di Blog sobat, yaitu Facebook social plugin. Kita bisa memasangnya tanpa menghilangkan form komentar dari Blogspot. Sehingga setelah dipasang, penampilannya berdampingan namun multi tab.
Satu hal yang saya sukai, ada keuntungan yang akan kita dapat dari dipasangnya form komentar facebook ini. Pengunjung yang berkomentar bisa mempostingkan tautan artikel ke dalam kronologi Facebook-nya. Sehingga link menuju Blog kita akan semakin bertambah. Contohnya di bawah ini. Saya telah berkomentar pada salah satu Blog teman saya dengan menggunakan form komentar facebook. Tanpa disadari saya telah membuat sebuah tautan pada kronologi Facebook saya.
OK, setelah membaca basa-basi saya tadi apakah sobat tertarik untuk Memasang Form Komentar Facebook Di Blog? Jika ya, silakan ikuti langkah-langkah berikut.
1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Cari kode <div class='comments' id='comments'> dan masukan kode berikut tepat di bawah kode <div class='comments' id='comments'>. (# Jika terdapat 2 kode di atas, pilih yang kedua)
<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='400'/></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='https://www.facebook.com/mulx.co' 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>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='https://www.facebook.com/mulx.co' 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>
4. Klik Simpan Template.
Selesai. Form komentar Facebook telah terpasang di Blog sobat. Sehingga selain dengan menggunakan akun Google, pengunjung juga dapat berkomentar pada artikel dengan akun Facebook.