Cara Menambahkan Kolom komentar Facebook Pada Blog dan Website
Plugin Komentar Facebook- Jika melihat pengguna akun sosial
facebook di Indonesia bahkan dunia menggunkan plugin Kolom Komentar facebook sangat
besar manfaatnya bahkan bisa di bilang wajib untuk memakai di blog, website
bahkan web toko online .
Di Indonesia pengguna aktif bulanan facebook mencapai
88 juta di tahun kemarin (tekno.kompas). Bagi pelaku bisnis online memasang
plugin Facebook akan sangat membantu terutama bagi para pengunjung walaupun
hanya sekedar menanyakan, intinya rata-rata pengguna akun facebook lebih
dominan dari pada google plus, email dan lainya.
Manfaat Kolom komentar Facebook
Pada Blog dan Website:
1. Fast respon
2. Mudah digunakan
3. Menjalin komunikatif
4. Loading plugin ringan
5. Keuntungan direct trafik
6. yang terpenting Lebih memanjakan
pengunjung dengan kemudahan memberikan tanggapan
Berikut cara menambahkan Kolom
komentar Facebook pada Blog dan website :
Langkah-langkah yang harus
dilakukan adalah :
1. Masuk pada bagian Dasbor
blog klik bagian Template, Lalu pilih Edit HTML
3. cari <div
class='comments' id='comments'> jika sulit gunakan control + F untuk mencari
dan pastekan
4. Copy atau salin Kode
Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode :
<div class='comments' id='comments'>
5. Biasanya ( <div
class='comments' id='comments'> ) terdapat dua bagian PILIH yang PERTAMA
<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='550'/></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='XXXXX' 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>
Catatan:
a. Ganti XXXXX dengan Id
Fans Page Facebook yang saudara punya.
b. Cara melihat Id Fans Page
adalah: Masuklah ke Halaman Facebook Anda, lalu masuk lagi ke Pengaturan, Lihat
Info Halaman, lalu lihat paling bawah ID Halaman Facebook : 10026565009xxxx
atau copy alamat di Url Fans page saudara.
c jika saudara tidak punya
Halaman Facebook saat ini, Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK
di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode
Script di atas apa adanya.
d. Ukuran atau panjang
Kolomo Komentar Face book sesuaikan dengan Ukuran Blog saudra sendiri. Silahkan
ganti angka yang berwana Ungu di atas. (width='550')
6. Klik Save dan lihat blog
Sekian Cara Menambahkan Kolom komentar Facebook Pada
Blog dan Website, semoga bermanfaat salam MASYIS Your Dreams and Spirit
Sumber pendukung :
Bos-tutorial
0 Response to "Cara Menambahkan Kolom komentar Facebook Pada Blog dan Website"
Posting Komentar