Home
Writed by
On
10:52 AM , 
Saturday, June 12, 2010
Setelah sekian lama k'ian tidak lagi aktif dengan dunia blogging, kali ini k'ian mau share sebuah info baru yang k'ian dapat. Yaitu "Format comment blog baru dengan facebook comment", yang menampilkan seri kotak komentar dengan menggunakan pola komentar di account Facebook selama ini. Dimana selama ini kita sudah pernah mendengar format kotak komentar dengan menggunakan form dari situs pihak ketiga lainnya.
Kita akan langsung mulai untuk tutorial yang akan kita kerjakan pertama kali,
Next Step
Nb : Kembali ke menu Pengaturan dan pilih komentar.
Selanjutnya klik tanda sembunyikan pada default komentar. agar kotak komentar yang muncul tidak jadi 2.
Untuk DEMO lihat disini "Comentar baru"
Kita akan langsung mulai untuk tutorial yang akan kita kerjakan pertama kali,
- klik link berikut facebook developer
- Kemudian isi form yang tertera disana, seperti Nama dan URL situs --> klik Create Aplication / buat aplikasi.
- Jika berhasil maka akan muncul informasi mengenai no ID yang kita buat, selanjutnya klik menu Dashboard pengembangan / Dashboard development.
- Kemudian klik menu edit settings/sunting pengaturan. kemudian klik lagi menu "Terhubung/connect".
- Selanjutnya isi form Base domain/ basic domain dengan = blogspot.com ( ingat hanya blogspot.com saja )
- kemudian klik lagi menu "simpan perubahan / save setting".
- Catat no ID APLIKASI yang sudah kamu buat tadi lihat contoh
Next Step
- Masuk ke account blog kamu, kemudian klik menu "Edit HTML" dan beri tanda ceklist pada kota "Expand widget template".
- Selanjutnya copy kode dibawah ini dan letakkan tepat didalam <html
- Kamu tidak usah bingung cukup meletakkan saja kode yang berwarna orange tersebut seperti contoh yang k'ian buat.
- Selanjutnya copy lagi kode dibawah ini, dan letakkan sebelum kode </head> :
- Kemudian copy lagi kode dibawah ini tepat dibawah kode <body>
- Selanjutnya cari kode <data:post.body/>, copy kode dibawah ini :
- Jika sudah kamu pasang klik menu "Simpan/save"
xmlns:fb='http://www.facebook.com/2008/fbml'Hasilnya akan seperti ini :
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA BLOG KAMU' property='og:site_name'/>
<meta content='http://i355.photobucket.com/albums/r455/sheve_anssver/bannerfans_67836562-1.jpg' property='og:image'/>
<meta content='ID APLIKASI KAMU' property='fb:app_id'/>
<meta content='article' property='og:type'/>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'ID APLIKASI KAMU',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><img alt='' class='icon-action' height='51' src='http://i355.photobucket.com/albums/r455/sheve_anssver/bannerfans_67836562-1.jpg' width='331'/></p>
<div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='570'/></div>
</b:if>
Nb : Kembali ke menu Pengaturan dan pilih komentar.
Selanjutnya klik tanda sembunyikan pada default komentar. agar kotak komentar yang muncul tidak jadi 2.
Untuk DEMO lihat disini "Comentar baru"
Related Post :
Aplikasi%20blog
- cara download video dari Youtube, Metacafe, Dailymotion
- Cara menempatkan Text didalam gambar
- Widget Recent Post dengan Gambar
- Award persahabatan dari K'ian buat Sobat tercinta
- Cara Pasang icon "Like this" Facebook di Blog Kamu
- New Menu Navigasi Ubah tampilan Blog jadi lebih elegant
- External Link, Compres CSS code jadi lebih baik pada Blog
- Modifikasi tampilan Image dengan efek shadow (bayangan)
- Efek zoom pada gambar dengan JQuery Magnify
- Cara Pasang Random post disidebar Blog
- Cara memasang kode HTML,CSS,Javascript didalam postingan
- Cara membuat efek scrol pada kotak komentar sahabat
- Cara Mendapatkan External link dari Google Sites
- Cara pasang Pagenavigation number
- Join with Zorpia site, take your Dollar
techno
- April,AMD Rilis Kartu Grafis Dual Core
- Facebook Kembangkan Aplikasi Melacak Teman
- Koneksi Internet Indonesia Paling Lambat Di Asia
- Google Drive Siap Rilis Pekan Depan di Windows, Mac, Android, serta IOS
- Opera 12 Beta Siap Dirilis
- Kenapa harus BB yang dipilih??
- Kecepatan Internet Indonesia Bisa Kalahkan AS
- Asus Zenbook, Produk Baru dari Asus Yang Menawan
- "Remote Desktop" Fitur Baru dari Chrome, Telah di Rilis
- Tips Sukses Berjualan di Media Online
- Kiat Mengajarkan Si Kecil akan Komputer Aman
- Panasonic Ciptakan Robot Pencuci Rambut
- Adobe Flash Player 11, Sekarang Sudah Bisa diUnduh
- Booting Windows 8 Ternyata Jauh Lebih Cepat dari Monitor
- Bos Mozilla Pertahankan Siklus Baru Peluncuran Firefox
- Komunitas Blogger Indonesia Dalam Faceblog
trik
- Cara Membuat Kolom Widget Sejajar (Sama Tinggi)
- CSS3 : Efek Transisi Rotasi dengan simple dan sederhana
- Cara pasang gambar pada judul Gadget / Widget Blog
- Maaf teman, k'ian tidak bisa membalas Blogwalking saat ini
- Program Adsense Chitika dalam blog berbahasa Indonesia
- Setting tampilan CSS agar sama diseluruh Browser dengan CSS reset
- Cara buat kolom text magazine dengan CSS3
- Supaya kinerja situs atau blog lebih cepat
- Mengenal kode Box Shadow dengan CSS3
- Simple Tooltips dengan CSS & Jquery trik
- Efek dan style untuk Gambar pada Blogspot
- Setting domain blogspot dengan script Mobile blog otomatis
- Cara Pasang Sliding Post dengan disertai gambar (Thumbnails)
- modification of the text with CSS 3 Text shadow
- Posting widget kategori tertentu dengan tambahan Thumbnails
- Show All total post dan Comment post pada blog
wah mumet nih, pake yg orig aja dah pusing...!! tapi g pa apa deh yg penting bisa gaya... ...Replay
@vhei : kalau mau di praktekin dan di jalankan dengan teliti g bakal bikin pusing kok, yg pntg sekali apa yg di instruksikan dijalankan dengan teliti...
Btw, tq y da comment...!!!! ...Replay
wah manatf nih,,,,,akan saya coba jika ada waktu,, ada2 saja idenya,,,,maju terus yah,,,salam sukses ...Replay
ka...pas aku masukan alamat blog aku pada URL SITUS, koq jawaban nya Invalid url.mohon penjelasan nya ya...sekali lagi saya ucapkan terima kasih atas reply comment yang kemarin di kirim ke djwelthan@gmail.com. jawabannya betul2 sangat membantu. ...Replay
aq masih lebih suika pakai bawaan blogger sob, oy awardnya dah aq pajang silakan cek ...Replay
@Rizky : sebenarnya sama sob, soalnya bahaya juga takut Blogger nge-banned..kan bisa berabe jadinya...!!! haaaa haaaa haaaa
TQ da comment sob disini...!! ...Replay
@mlailie Lailie sebelemunya aq minta maaf, aq kurang jelas dengan pertanyaan kamu...!!! mungkin kalau kamu bisa perjelas lagi, aq usahain untuk aq bantu...
so thank's da comment...!!! ...Replay
ka ..maksud aku invalid url itu, pas aku masuk di facebook develover...kalau kaka masih belum ngerti, cuba liat screenshot di
http://img337.imageshack.us/img337/9668/52277488.jpg ...Replay
Sayang FB comment tidak mensupport URL pemberi komentar ya.. ...Replay
@Dev Salah satu kelemahan yg dimiliki aplikasi ini tentu saja tidak bisa mensupport URL si pemberi komen, tp sbg aplikasi gadget ini cukup keren....!!!
tq da comment.... ...Replay