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://kurniasepta.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/AVvXsEjswS5ChR10d949bVbAe3UXuA5lk4q6Uunf2_9gWos2n6cP7imKtV5SK38gXJvfewQjAfRouRmACjCPNCJwUIoRQYB8Qbu0_fGs9737ttgLjGiVlrd3ExhHGIA3YlGUrck2IoCZeF3ZJWU/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://kurniasepta.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/AVvXsEjswS5ChR10d949bVbAe3UXuA5lk4q6Uunf2_9gWos2n6cP7imKtV5SK38gXJvfewQjAfRouRmACjCPNCJwUIoRQYB8Qbu0_fGs9737ttgLjGiVlrd3ExhHGIA3YlGUrck2IoCZeF3ZJWU/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.
Keuntungan memakai kotak komentar facebook adalah bentuknya thread comment, sehingga dapat membalas komentar. Selain itu juga terintegrasi dengan facebook, sehingga komentar bisa dibagikan (share) di facebook si komentator. Keuntungan lainnya dengan kotak komentar facebook adalah lebih menghemat tempat (space).
Tidak ada komentar:
Posting Komentar