Bagikan artikel ini ke :
Caranya adalah jika ada salah satu pengunjung yang mengomentari postingan kita lewat kotak komentar facebook, maka akan muncul di dinding facebooknya komentator tadi halaman postingan blog kita. Dan kalau nggak salah juga akan tampil di beranda facebooknya si komentator tadi. Jadi boleh di bilang, cara ini seperti membagikan halaman postingan blog kita ke situs jejaring sosial facebook. Tampilan kotak komentar facebook nya seperti ini :
Sudah tahu kan fungsinya kotak komentar facebook ini. Kalau sudah tahu apakah anda tertarik untuk memasangnya di blog anda? jika jawabannya ya, ikutilah langkah-langkah cara Membuat Kotak Komentar Facebook di blog ini.
1.Log in ke blogger dengan akun yang anda miliki.
2.Masuk kerancangan » edit HTML » centang kotak Expand Template Widget.
3.Cari kode yang mirip seperti kode di bawah ini :
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>
4.Tambahkan kode di bawah ini di atas kode </b:inculdable> yang berwarna biru di atas :
<b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>
Jadi kalau sudah di tambahkan hasilnya seperti ini :
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/><script src='
http://connect.facebook.net/en_US/all.js#appId=xfbml=1'/><fb:comments
expr:href='data:post.url' num_posts='2' width='477'/></b:if></b:includable><b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>
Keterangan : kode yang berwana merah adalah lebar widget kotak komentar facebooknya, jadi sesuaikanlah dengan lebar kolom postingan anda.
5.Save template anda dan lihat hasilnya.
Sekian tutorial singkat dari saya yag membahas tentang cara Membuat Kotak Komentar Facebook di blog. Mudah-mudahan bisa bermanfaat bagi kita semua.
Description: Membuat Kotak Komentar Facebook
Rating: 5 dari 5
Reviewer: Yuda dan 99,9% Pembaca
Item reviewed: Membuat Kotak Komentar Facebook
No comments:
Post a Comment