Cara Pasang Kotak Komentar Facebook dan Blog Berdampingan dengan Tampilan Keren

Cara Pasang Kotak Komentar Facebook dan Blog Berdampingan dengan Tampilan Keren - Anthzo Blog. Nah kali ini Anthzo Blog share update an dari Cara memasang kotak komentar Facebook dan Twitter di blog New yang sekarang icon facebook nya jadi terlihat, karena pada postingan sebelumnya icon facebook nya tidak ada alis menghilang. Keunggulan dari kotak komentar isi adalah tampilannya yang rapih dan enak untuk dilihat. Siapa yang mau pasang diblog kesayangannya? Langsung saja ikuti tutorialnya.

Langkah-langkah:
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://anthzo.webs.com/2013/commentspages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://anthzo.webs.com/2014/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='500px'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'> 
5. Selesai

Keterangan :
  • Angka 10 ( jumlah komentar facebook yang ingin ditampilkan )
  • Angka 500 ( ukuran lebar kotak komentar )

[update title="Informasi buat sobat" icon="info-circle"]Saat ini sobat sedang membaca artikel Cara Pasang Kotak Komentar Facebook dan Blog Berdampingan dengan Tampilan Keren
Sumber:http://www.anthzo.com/2014/06/cara-pasang-kotak-komentar-facebook-dan.html
Jangan lupa untuk memberikan komentar supaya situs ini terus update, terima kasih.[/update]

Posting Komentar

  1. thanks gan info dan tutorial nya, nanti ane coba di blog ane :D

    BalasHapus
    Balasan
    1. oke silahkan :D terima kasih sudah berkunjung

      Hapus
  2. kenapa kalau di blog saya komentar blognya tidak bisa di klik ya gan

    BalasHapus

[blogger][facebook][disqus]

Image 1 Title

Image 1 Title
Sesuatu yang sangat berharga

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.