Cara Memasang Facebook Comments Plugin di Blog

Memasang Facebook Comments Plugin di Blog tentunya dapat membantu para pembaca untuk memberikan tanggapan atau komentar mengenai postingan di blog anda. Kali ini saya akan berbagi tips Cara memasang Facebook Comments Plugin di Blog seperti gambar dibawah ini.

Cara memasang Facebook Comments Plugin di Blog
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></b:skin>

.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;}

5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas kode </head>

<div class="comments-tab" id="fb-comments" onclick="javascript:commentToggle(&quot;#fb-comments&quot;);" title="Comments made with Facebook">
<fb:comments-count expr:href="data:post.url"> Comments</fb:comments-count></div>
<div class="comments-tab inactive-select-tab" id="blogger-comments" onclick="javascript:commentToggle(&quot;#blogger-comments&quot;);" title="Comments from Blogger">
<data:post .numcomments=""> Comments</data:post></div>
<div class="clear">
</div>
<div class="comments-page" id="fb-comments-page">
<b:if cond="data:blog.pageType == &quot;item&quot;"></b:if>


<div id="fb-root">
<fb:comments expr:href="data:post.url" num_posts="5" width="450"></fb:comments></div>
</div>
<div class="comments comments-page" id="blogger-comments-page">
</div> 

7. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Anda akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut

<span class="tag">&lt;pre</span><span class="pln">
 </span><span class="atn">class</span><span 
class="pun">=</span><span 
class="atv">"prettyprint"</span><span 
class="tag">&gt;</span><span class="pln">
</span><span
 class="pln">.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;}
</span><span class="tag">&lt;/pre&gt;</span>

10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template jika sudah selesai.
Semoga Berhasil :D