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
http://www.facebook.com/sepzsahabatsetia
2. APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, Buat Disini
3. APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, Buat Disini
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'/>
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 'comments'
<div 'comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div 'comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span 'js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div 'js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div 'clear'/>
</div>
<div 'comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div '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 '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
jangan lupa masukin komentarnya ya bagi anda yang kurang tahu..hhe
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
http://www.facebook.com/sepzsahabatsetia
2. APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, Buat Disini
3. APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, Buat Disini
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'/>
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 'comments'
<div 'comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div 'comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span 'js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div 'js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div 'clear'/>
</div>
<div 'comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div '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 '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
jangan lupa masukin komentarnya ya bagi anda yang kurang tahu..hhe
RSS Feed