Cara membuat, menampilkan, atau memasang Kotak Komentar Facebook (Facebook Comment Box) di Blog atau Website
Cara membuat, menampilkan, atau memasang Kotak Komentar Facebook (Facebook Comment Box) di Blog Blogspot sangat mudah. Kodenya sudah disediakan, Yuupzz bener sekali ditutorial kali ini lukmancrespo akan membagikan sesuatu yang sangat sederhana tapi pengaruhnya sangat besar untuk peningkatan blog atau website anda. Ini cara paling mudah menampilkan kolom komentar.
Membuat Blog semanarik mungkin adalah keinginan para blogger. Semuanya bertujuan agar blog tersebut disukai dan disenangi dari segi design dan tata letak. Sehingga, penampilan dari blog tersebut bisa menarik perhatian para pengunjung blog. Tidak ketinggalan juga mempercantik tampilan kolom komentar pada blog.
Mungkin anda sudah tahu atau anda sedang mencari tutorial ini, ini adalah tutorial berdasarkan pengalaman yang saya, dan berhasil, MASA SIH? iya beneran lukmancrespo sudah coba. Saya sendiri menggunakan kode ini loh.
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.
Memasang Kolom Komentar Facebook dan Blog secara bersamaan merupakan salah satu cara mempercantik tampilan blog, khususnya tampilan postingan / artikel yang ada pada blog tersebut. Dimana Komentar-komentar dari pengunjung seakan-akan disembunyikan, dan komentar-komentar tersebut akan terlihat kembali apabila kita memilih berdasarkan Facebook atau Blog, bukan sepenuhnya dihilangkan (komentar tetap ada selama tidak kita hapus). Tujuannya adalah agar tampilan isi postingan terlihat ramping dan jelas (Apabila komentar artikel banyak loh).
Nah ini nih yang paling menarik, 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.
Berikut Adalah Cara Memasang Kolom Komentar Facebook dan Blog, Langkah-langkah yang harus dilakukan adalah sebagai berikut:
1. Masuk/login ke akun blogger anda
2. Pada Dasbor blog anda, masuk elemen Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>
Sekarang silahkan Anda cek komentar Facebookdi salah satu postingan blog Anda. Jika Anda mengikuti cara di atas dengan benar, maka seharusnya komentar facebook akan tampil dengan normal.
Mungkin anda sudah tahu atau anda sedang mencari tutorial ini, ini adalah tutorial berdasarkan pengalaman yang saya, dan berhasil, MASA SIH? iya beneran lukmancrespo sudah coba. Saya sendiri menggunakan kode ini loh.
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.
Memasang Kolom Komentar Facebook dan Blog secara bersamaan merupakan salah satu cara mempercantik tampilan blog, khususnya tampilan postingan / artikel yang ada pada blog tersebut. Dimana Komentar-komentar dari pengunjung seakan-akan disembunyikan, dan komentar-komentar tersebut akan terlihat kembali apabila kita memilih berdasarkan Facebook atau Blog, bukan sepenuhnya dihilangkan (komentar tetap ada selama tidak kita hapus). Tujuannya adalah agar tampilan isi postingan terlihat ramping dan jelas (Apabila komentar artikel banyak loh).
Nah ini nih yang paling menarik, 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.
Berikut Adalah Cara Memasang Kolom Komentar Facebook dan Blog, Langkah-langkah yang harus dilakukan adalah sebagai berikut:
1. Masuk/login ke akun blogger anda
2. Pada Dasbor blog anda, masuk elemen Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>
<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='100%'/></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='ID_FACEBOOK_ANDA' 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>
5. Klik Preview untuk melihat hasilnya. jika oke, klik Simpan.
CATATAN PENTING: Ganti ID_FACEBOOK_ANDA dengan Kode / No / Id Fan Page Facebook yang anda punya (saran saya gantilah dengan ID HALAMAN FACEBOOK anda, caranya masuk ke Halaman Facebook anda lalu klik tentang dibagian bawah ada angka yang terdiri dari 15 digit, nah itulah ID_FACEBOOK_ANDA
Sekarang silahkan Anda cek komentar Facebookdi salah satu postingan blog Anda. Jika Anda mengikuti cara di atas dengan benar, maka seharusnya komentar facebook akan tampil dengan normal.
Comments
Post a Comment