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
No comments:
Post a Comment