1. Login ke blogger
2. Masuk ke edit HTML --> Centang 'Expand Template Widget'
3. Masukkan kode berikut tepat di bawah kode <head>
<meta content='Profile_ID' property='fb:admins'/>Keterangan :
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&v=1'/>
- BLOGGER_ID (pada blogger) pada Address Bar (angkanya)
- APP_ID (pada facebook)
- API_KEY (pada twitter)
4. Masukkan kode berikut tepat di bawah kode <div class='comments' id='comments'>
<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>Keterangan :
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Comments Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Comments Facebook
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='auto'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
- Ganti kata Comments dan Tweets dengan kata lainnya yang sobat diinginkan
- Angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
- Angka 500 dengan ukuran lebar kotak komentar yang diinginkan
NOTE :
[*] 3 kotak komentar (fb,twit,blog) akan muncul jika ada 1 komentar saja, contohnya dalam blog anthzo ini, coba komentar artikel yang tidak ada kometnarnya sama sekali dan lihat tampilan kotak kometnarnya setelah di berikan komentar :D
Oh gitu, nyimak dulu deh sob, agak susah sepertinya. Ane pakek komen default bawaan blogger dulu.
BalasHapushahaha woke sob gpp
Hapuswihh, keren tutornya sob.. saya nyimak ajh dah, males utak atik html.. hehe..
BalasHapuscome back
wkwkwkwk dasar, woke deh
Hapussaya sudah perna coba gan, tapi karena bisa menambah berat loading blog jadi ane copot..
BalasHapussaya sukses follow gan,
http://danforblogg.blogspot.com/
ouh gt sob. ok deh hehehe
beda2 sih
Hapuswow mantapp blognya
BalasHapusthanks sob
Hapus