Tampilan kotak komentar blog lumrahnya hanya memiliki satu kotak. Namun dengan sedikit mengotak-atik kita dapat merubahnya menjadi tiga kotak berdampingan untuk para netter berkomentar di blog kita.
Langsung saja penampakannya :
Inilah yang saya maksudkan. Jadi komentar kita terdapat 3 item berbeda didalamnya. Ada Komentar untuk blog itu sendiri, ada komentar twitter, dan ada juga komentar dari Facebook. Menarik bukan..??
Bagaimana cara membuatnya ? sangat mudah. langsung saja :
Untuk mengaktifkan fitur ini, sebelumnya kita harus mempunyai API KEY yang bisa didapatkan setelah membuat applikasi twitter. , masuk ke akun twitter lalu buat aplikasi baru di sini (Mudah, hanya tinggal ikuti langkah"nya). Sedangkan untuk mengaktifkan fitur komentar facebook, kita tidak harus mempunyai APP ID.
Walaupun begitu, supaya kita bisa memoderasi komentar dan mendapatkan
pemberitahuan setiap ada komentar baru, kita harus memiliki APP ID yang bisa didapatkan setelah kita membuat aplikasi facebook di sini (Mudah, hanya tinggal ikuti langkah"nya). Tutorial Pemasangan:
- Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Ceklis 'Expand Template Widget'
- Tekan tombol Ctrl+F lalu cari kode <head>
- Masukkan kode berikut tepat di bawah kode <head>:
<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'/>
4. Perhatikan kode tulisan yang berwarna :
5. Berikutnya, cari kode class='comments' - Ganti tulisan Profile_ID dengan ID profil atau username facebook kita. ID profil bisa berupa angka atau huruf. Cara mengetahui ID profil kita adalah dengan membuka halaman profil dan lihatlah kolom alamat (address bar). Jika alamat profil Paman adalah www.facebook.com/RioAnderta, maka ID profil adalah RioAnderta
- Ganti tulisan App_ID dengan ID Aplikasi facebook kita
- Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter yang kita buat
6. Masukkan kode berikut tepat di bawah kode 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'/> Comments
</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='630'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
7. Perhatikan kode berwarna merah:
9. Selamat mencoba, semoga berhasil, semoga bermanfaat..- Kita bisa mengganti kata Comments dan Tweets dengan kata lainnya yang diinginkan
- Kita bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
- Kita bisa mengganti angka 630 dengan ukuran lebar kotak komentar yang diinginkan
Mudah bukan....
tulisan blog ini direferensi dari blog kugykugy. Donasi Ngerapik Blog, Please Klik START..
Read latest headlines
0 komentar:
POST A COMMENT