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
[update title="Informasi buat sobat" icon="info-circle"]Saat ini sobat sedang membaca artikel Cara memasang kotak komentar Facebook dan Twitter di blog New
Sumber:
Jangan lupa untuk memberikan komentar supaya situs ini terus update, terima kasih.[/update]
Oh gitu, nyimak dulu deh sob, agak susah sepertinya. Ane pakek komen default bawaan blogger dulu.
BalasHapushahaha woke sob gpp :D
Hapuswihh, keren tutornya sob.. saya nyimak ajh dah, males utak atik html.. hehe..
BalasHapuscome back
wkwkwkwk dasar, woke deh :D
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 :D beda2 sih
Hapuswow mantapp blognya
BalasHapusthanks sob :D
Hapus