Cara memasang kotak komentar Facebook dan Twitter di blog New

Keunggulan yang sekarang adalah backgoundnya transparan jadi menyesuaikan dengan background tempaltenya :D jadi lebih rapih dan indah untuk diliat pengunjung

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'/>
<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&amp;v=1'/>
Keterangan :
4. Masukkan kode berikut tepat di bawah kode <div class='comments' id='comments'>
<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<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 == &quot;item&quot;'>
    <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'> 
Keterangan :
  • 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 
5. Selesai !!!

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:http://www.anthzo.com/2013/08/cara-memasang-kotak-komentar-facebook.html
Jangan lupa untuk memberikan komentar supaya situs ini terus update, terima kasih.[/update]

Posting Komentar

  1. Oh gitu, nyimak dulu deh sob, agak susah sepertinya. Ane pakek komen default bawaan blogger dulu.

    BalasHapus
  2. wihh, keren tutornya sob.. saya nyimak ajh dah, males utak atik html.. hehe..

    come back

    BalasHapus
  3. saya sudah perna coba gan, tapi karena bisa menambah berat loading blog jadi ane copot..

    saya sukses follow gan,

    http://danforblogg.blogspot.com/

    BalasHapus
    Balasan
    1. ouh gt sob. ok deh hehehe :D beda2 sih

      Hapus

[blogger][facebook][disqus]

Image 1 Title

Image 1 Title
Sesuatu yang sangat berharga

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.