Memasang Komentar Facebook Responsive Terbaru Di Blogger

Mac 12, 2017

Memasang Komentar Facebook Responsive/Membuat Komentar Facebook
Hallo shobat blogger, selamat pagi, kali ini saya akan coba membagikan sedikit pengetahuan saya tentang Memasang Komentar Facebook Responsive Terbaru Di Blogger. nah manfaat langsung dari pemasangan komentar facebook ini mungkin agar pengunjung bisa memberikan komentar langsung menggunakan akun facebook pada artikel/postingan yang sedang ia baca tersebut.
Nah bagaimana untuk pemasangannya silahkan liat tutorialnya di bawah ini.

Memasang Komentar Facebook Responsive Terbaru Di Blogger

1. Masuk terlebih dahulu ke Blogger>Tema>Edit Html
2. Tambahkan Meta Tag di bawah ini tepat sesudah kode <head> atau sebelum kode </head>, namun biasanya di simpan di bawah markup kode <head> untuk Meta Tag, untuk mempercepat pencarian markup silahkan kamu klik
CTRL
+
F
<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>
Jika Meta Tag di atas sudah ada pada template kamu, kamu bisa melewati tahap di atas.
3. Tambahkan kode di bawah in tepat sebelum markup kode </body>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>
4. Selanjutnya silahkan kamu cari kode <data:post.body/> dan pastekan kode berikut tepat di bawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>
5. Silahkan Kamu simpan Template
Nah mungkin kamu ingin menampilkan jumblah dari komentar facebook kamu di setiap postingan contoh pada gambar di bawah
Memasang Facebook Count atau Jumblah Komentar facebook
Untuk memasang facebook count di halaman index atau post kamu silahkan kamu tambahkan kode di bawah ini pada markup kode Post meta atau Post info, karena Masing-masing template memiliki markup kode yang berbeda.
<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>

Baca juga : Memasang Meta Tag Terbaru Seo Friendly Valid HTML5 Di Blog

Nah mungkin sampe di sini tentang tutorial Memasang Komentar Facebook Responsive Terbaru Di Blogger ini.
Untuk menampilkan komentar facebook di halaman Statics Page kamu bisa mengikuti langkah pemasangannya di sini Membuat Kotak Komentar Facebook Di Halaman statics Tertentu.

Artikel Terkait

Previous
Next Post »

# Saya akan coba merespon komentar baru secepatnya.
# Harap berkomentar dengan bahasa baku tanpa singkatan.
# Komentar promosi, spam, dan komentar satu kalimat yang tidak bermutu akan saya hapus langsung.
# Jangan menggunakan nama pengomentar dengan nama yang berbau porno, judi, dan yang negatif lainnya.
# Setiap komentar akan dimoderasi secara manual sebelum muncul. EmoticonEmoticon