Cara Membuat Komentar Facebook dan Blog Berdampingan itulah artikel yang akan saya informasikan buat anda. Memasang komentar facebook merupakan hal yang dapat meningkatkan pengunjung blog kita. Karena dengan memasang komentar tersebut dapat dijadikan sebagai tempat promosi apa lagi berdampingan dengan komentar blog.
 |
| Komentar Facebook dan Blog Berdampingan |
Dengan memasang dua pilihan komentar maka dapat memudahkan pengunjung dalam berkomentar dan menanggapi isi artikel yang kita tulis. Komentar di facebook merupakan alternatif jika pengunjung tidak mengetahui cara berkomentar di blog. Selain itu jika menggunakan facebook untuk berkomentar maka akan membuat artikel yang kita tulis terposting atau terpublish di dinding akun mereka sehingga membuat blog ramai pengunjung.
Cara Membuat Komentar Facebook dan Blog Berdampingan tidak cukup sulit. Mungkin bagi anda yang sudah terbiasa mengotak-atik template blog sudah mengetahuinya. Artikel ini sebenarnya sudah banyak di bahas oleh para blogger. Namun bagi anda yang belum mengetahuinya saya akan memberikan langkah-langkah yang cukup mudah untuk di lakukan. Berikut langkah-langkahnya.
1. Login dulu di akun blog anda.
2. Pilih perancangan template. Cadangkan dahulu template blog anda agar menghindari dari hal-hal yang tidak di inginkan.
3. Setelah itu edit html.
4. Cari kode berikut ]]></b:skin> gunakan Ctrl F untuk memudahkan pencarian. Kemudian copy kode di bawah tepat di atas ]]></b:skin>
.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;}
5. Kemudian cari kode </head> dan masukkan kode di bawah ini di atas </head>
<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 anda' property='fb:admins'/>
<meta content='ID aplikasi facebook anda' property='fb:app_id'/>
<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>
Ket : Ganti kata warna merah di atas dengan id facebook anda contonya https://facebook.com/syahrullah.syam.12 id facebooknya yaitu syahrullah.syam12. Ganti warna biru di atas dengan id aplikasi facebook anda. Cara mendapat id aplikasi facebook silahkan baca artikel cara membuat id aplikasi facebook
6. Setelah itu cari kode <div class='comments' id='comments'> lalu pindahkan kode berikut tepat di bawahnya.
<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='10' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
Ket: Bila terdapat 2 kode maka pindahkan kode di atas tepat di bawah 2 kode tadi. Jadi masing-masing <div class='comments' id='comments'> terdapat kode di atas. Perhatikan warna merah dan biru di atas. Warna merah merupakan berapa banyak komentar yang muncul dan biru lebar kotak komentar. Silahkan ganti sesuai keinginan anda.
7. Simpan template anda dan lihat hasilnya.
Langkah-langkah di atas telah saya praktekkan dan berhasil seperti yang anda lihat pada kotak komentar di blog ini. Silahkan anda berkomentar dengan akun facebook anda sesuai isi artikel. Jika terdapat kesulitan tinggalkan komentar anda.
Itulah tentang Cara Membuat Komentar Facebook dan Blog Berdampingan semoga bermanfaat buat anda.
