Sebuah blog tanpa kotak komentar, rasanya menjadi bukan 100 persen blog. Karena sejatinya blog adalah sebuah interaksi atau percakapan. Di Blogspot sendiri, sudah disediakan kotak komentar yang bisa disematkan di bawah postingan. Sehingga lebih mudah untuk pembaca blog untuk memberikan komentar. Walau dari segi fungsi kadang sedikit membingungkan karena harus memilih akun (atas nama) untuk berkomentar.
Ada beberapa situs yang memberikan layanan penyedia kotak komentar. Salah satunya facebook, situs jejaring sosial yang sangat populer itu menyediakan widget atau plugin untuk kotak komentar yang bisa dipasang di blog kita. Tampilan kotak komentar itu sangat facebook banget.
Cara membuat kotak komentar facebook di blog ini lebih mudah dibanding sebelumnya. Ini bisa menjadi salah satu alternatif kotak komentar blog yang bisa lebih ramah dan mempermudah pengguna atau pembaca untuk meninggalkan komentar. Seperti yang kita tahu, hampir semua orang punya akun facebook daripada akun blog.
Cara Membuat Kotak Komentar Facebook yang Mudah
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode <b:includable id='status-message'> dan di atas kode tersebut, kita akan menemukan kode </b:includable>
5.Taruh kode yang berwarna merah di atas </b:includable> seperti berikut:
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://taufikspork.blogspot.com/2012/09/cara-mudah-membuat-kotak-komentar.html' target='new'><img border='0' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5oPVVxzEv4xO_BhlhACruvC0BPtlogVl_SeW9eyd614ea0036bioIxZxw1s7hCBDK9FgI1MtqFNFGzTSurobLz4yEnoFGSlrRYmxzmEBMpklA5UuNMYZvp6J5F0EqNFritiGgmy2hpk/s1600/comment.gif' width='200'/></a></p>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='7' width='470'/>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
<p align='left'><a href='http://taufikspork.blogspot.com/2012/09/cara-mudah-membuat-kotak-komentar.html' target='new'><img border='0' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5oPVVxzEv4xO_BhlhACruvC0BPtlogVl_SeW9eyd614ea0036bioIxZxw1s7hCBDK9FgI1MtqFNFGzTSurobLz4yEnoFGSlrRYmxzmEBMpklA5UuNMYZvp6J5F0EqNFritiGgmy2hpk/s1600/comment.gif' width='200'/></a></p>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='7' width='470'/>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
6. Kita dapat ganti 7, yaitu banyak komentar yang akan ditampilkan dan 470 adalah lebar dari kotak komentar facebook.
7. Simpan Template jika sudah selesai.
0 komentar:
Posting Komentar