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 blogger2. Masuk ke edit HTML --> Centang 'Expand Template Widget'
3. Masukkan kode berikut tepat di bawah kode
<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://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&v=1'/>
- BLOGGER_ID (pada blogger)
- APP_ID (pada facebook)
- API_KEY (pada twitter)
4. Masukkan kode berikut tepat di bawah kode <div class='comments' id='comments'>
Keterangan :
<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>5. Selesai
<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='500px'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
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:
Jangan lupa untuk memberikan komentar supaya situs ini terus update, terima kasih.[/update]
keren gan
BalasHapusoke thanks :-d
Hapusthanks gan info dan tutorial nya, nanti ane coba di blog ane :D
BalasHapusoke silahkan :D terima kasih sudah berkunjung
Hapuskenapa kalau di blog saya komentar blognya tidak bisa di klik ya gan
BalasHapustidak bisa di klik seperti apa gan?
Hapuskalau di wordpress gmna kak ?
BalasHapus