Cara membuat
kotak komentar Facebook , Twitter dan Blog
Langsung z sob ke Cara membuat kotak komentar Facebook
, Twitter dan Blog, ikuti langkah mudah ini tapi harus teliti, cepat tepat
kunci keberhasilan, ingat salah tanda baca,
spasi bisa gagal, harus benar2 teliti
ya sob
Sebelum membuat kotak komentar Facebook , Twitter dan
Blog, saudara harus mempunyai
1. Profile_ID (facebook)
2. APP_ID (facebook)
3. API_Key (twitter)
Yang belum mempunyai material di atas silahkan baca di
bawah ini.
1. Profile_ID facebook / Fans Page kamu, contoh
Bila Semua Sudah Disiapkan, Kita cau ke langkah
berikutnya :
1. Masuk ke akun blogger .
Ingat , jangan
lupa backup terlebi dahulu template blog kamu, kemudian ke Rancangan
> Edit
HTML > Centang terlebih dahulu
'Expand Template Widget'
2. Masukan
script di bawah ini tepat di bawah kode <head> . Agar cepat
ketemu tekan Tombol Ctrl + F
<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&v=1'/>
<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'/>
3. Masuk kanProfile_ID kamu , APP_ID facebook
kamu dan API_Key twitter kamu , ke dalam Script warna merah
4. Masuk kan Script di bawah ini tepat di code class='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'/> 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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
5. Amati kode yang berwarna
BIRU
- Comments , Tweets dan Komentar dapat
di ganti sesuka hati kita , karena ini adalah judul dari kotak komentar
- Angka 10 menrupakan
jumlah komentar yang di tampilkan , dapat anda rubah
-
Angka 400 adalah lebar dari
kotak komentar , bisa anda rubah juga.
6. Simpan template blog anda , dan lihat hasilnya ,
mudah-mudahan sukses ya.
Catatan :
1. Yang
dimaksud dengan API_Key = konsumen kunci, dan konsumen kunci yg dipakai adalah
konsumen kunci yg di dapat
setelah kita membuat tanda tangan OAuth.
2.OAuth
hanya bias di dapat setelah anda membuat konsumenkunci