Mengetahui Jumlah Komentar Facebook v.2

Hallo Sobat Mafia Hacker, kali ini saya akan memposting tentang " Mengetahui Jumlah Komentar Facebook v.2 " . Sebenarnya sama seperti di Postingan Sebelumnya " Jumlah Komentar Facebook " Hanya saya ini lebih simple , dan gampang dilihat . . Bagaimana Caranya? Silahkan disimak :)

DEMO

Caranya :

1. Masuk Ke Blogger > Template > Edit HTML
2. Backup kode Template kamu
3. Centang kode "Expand Widgets Templates"
4. Cari kode dibawah ini, atau cari kata kunci " Comment-link " tanpa tanda kutip

<a class='comment-link' expr:href='data:post.addCommentUrl' 
expr:onclick='data:post.addCommentOnclick'><b:if 
cond='data:post.numComments == 1'>1 
<data:top.commentLabel/><b:else/><data:post.numComments/>
 <data:top.commentLabelPlural/></b:if></a>

5. Biasanya kode tersebut ada 3 , pilihlah pada kode pertama . Lalu, ganti kode itu dengan kode dibawah ini

   <br/>      
<div style='border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0px; text-align:right;'>       
<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5GZmFD_0OlLWeKCGux_88JPABFq4WFFcSB2dIyvJl9f82x2GxTOIJDWPyr13ve_LNo2leoY60s8hoBjNrehalqNYmwmpwh336VWYyWkpofvY-pyEZE2oC93iVG6Ej3Cn0cj3yLViraJk/s400/fb.png'/>       
<a
 class='comment-link' 
expr:href='data:post.addCommentUrl'><fb:comments-count 
expr:href='data:post.url'/> Comments</a>

    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/>
 <a class='comment-link' expr:href='data:post.addCommentUrl' 
expr:onclick='data:post.addCommentOnclick'><b:if 
cond='data:post.numComments == 1'>1 
<data:top.commentLabel/><b:else/><data:post.numComments/>
 <data:top.commentLabelPlural/></b:if></a>

    </div>

6. Cari kode ]]></b:skin> Lalu taruh kode dibawah ini di atas kode ]]></b:skin>

.comments-tab-icon { height: 14px;  width: auto;  margin-right: 3px;} 

7. Simpan Template

Cara Lain ..!

Hanya Memasang Tampilan Kode Komentar Facebook Saja? Mudah kok ..

1. Pasang kode dibawah ini , setelah kode <data:post.body>

<div id='Facebook-Comments'><span class='Yandi-comments'>Jumlah Komentar Facebook Kamu adalah : <a class='comment-link' 
expr:href='data:post.addCommentUrl'><fb:comments-count 
expr:href='data:post.url'/> Comments</a></span></div>

2. Lalu pasang kode dibawah ini, diatas kode ]]></b:skin>

#Facebook-Comments{color:#000;background:#fff;padding:5px 0;position:relative;z-index:9;font-size:11px;font-family:Tahoma,arial,sans-serif;}
span.Yandi-comments {font-size:11px;font-family:Tahoma,arial,sans-serif;}

Gimana? Mudah kan? Selamat Mencoba :)