Cara Membuat Kotak Komentar Facebook dan Twitter di Blog

Cara Membuat Kotak Komentar Facebook dan Twitter di Blog 06:27

Lagi nyari-nyari tutor di gugel eh nemu tutor ginian , Widget Komentar Facebook ,Twitter dan Blog jadi satu . Kabarnya widget satu ini bisa nambahin trafik blog 20% ... bagus kan ? Makanya langsung ane comot materinya dari blog aldofahreza . langsung aja kita ke point utama kita hari ini yaitu Membuat Widget Komentar Facebook , Twitter Dan Blog jadi satu .
nih screenshotnya

Untuk membuatnya ...
1. masuk ke blogger
2. pilih "template"
3. klik "cadangkan atau pulihkan" buat jaga-jaga kalo ada yang salah gan ! lalu UNDUH...
4. klik "edit Html"
5. CENTANG EXPAND WIDGET TEMPLATE gan !
6. cari kode <head>

7. letakkan kode di bawah ini tepat di atas kode <head> .
<meta content='USER_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=CONSUMER_KEY&amp;v=1'/>

USER ID = isi dengan Username FB agan ...
CONSUMER_KEY = isi dengan kode App twitter . untuk membuatnya >>> BUAT CONSUMER_KEY
 APP_ID= isi dengan kode App Facebook kita . untuk membuatnya >>>> BUAT APP _ID

8 . Cari kode <div class='comments' id='comments'> lalu masukkan kode di bawah ini tepat di BAWAH kode tersebut :
<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'/>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'/> Komentar</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='650'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

*kode warna ijo adalah kode-kode yang bisa di ganti.
TWEETS , KOMENTAR DAN COMMENT = bisa di ganti dengan kata-kata agan
10 = total komentar yang di tampilkan
650 = lebar komentar.

Trus simpen template , abis itu liat posting yang ada komennya ...

Share this Article

Related Posts

Previous
Next Post »

Arahkan Kursor dibawah ini untuk memberikan komentar.
No HyperLink dan Komentar Hit&Run akan diacuhkan . Berkomentarlah dengan bahasa yang baik dan benar EmoticonEmoticon