Headlines News :

Daftar Blog Saya

Membuat Komentar Facebook dan Blog Bersanding

Selamat Malam semuanya . . . . , malam ini saya akan membahas tentang Komentar  . . . Tentu teman-teman semua udah tau kan apa itu komentar?  Biasanya kita melihat diblog-blog ada Dua Komentar , yaitu komentar default blogspot , dan satunya lagi komentar dari plugin facebook. Untuk lebih jelas nya bisa kamu liat pada gambar dibawah ini .


Dari gambar diatas pasti kalian sudah sangat mengerti apa yang ingin saya share disini . . . Lansung saja ikutin cara-caranya step by step :)

1. Login ke akun blogger kamu - kemudian klik Template - Edit HTML - seperti gambar dibawah ini
 Jangan Lupa untuk centarng Expand Template Widgetnya . . . . .

2. Cari Code ]]>
(Tips : Gunakan Ctrl + F untuk memudahkan pencarian)
3. Copy - Paste kan script ini tepat di atas code ]]>

.comments-page { background-color: transparent;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #33FF00;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #FF33CC;}
.inactive-select-tab { background-color: #FFFFFF;}

Keterangan :
  • .comments-page { background-color: transparent;} ini adalah Background nya. disini saya memilih transparan.
  • cursor: pointer; background-color: #33FF00;} untuk Warna tab yang aktiv
  • .comments-tab:hover { background-color: #FF33CC;} untuk Warna Ketika Cursor diarahkan ke tab coments
  • .inactive-select-tab { background-color: #FFFFFF;} untuk warna pada tab yang tidak aktiv / belum dipilih

4. Kemudian cari Code
5. Copy - Paste script dibawah ini tepat di atas Code




Tapi sebelum nya di ganti dulu Tulisan yang berwarna Merah silahkan ganti dengan ID Facebook dan App ID kamu. Ini fungsi nya sebagai pemberitahuan / notification Ketika ada seseorang yang mengomentari Postingan kamu dengan menggunakan akun facebook. Sehingga notificationnya nanti akan muncul seperti hal nya Pemberitahuan yang ada pada Facebook ketika seseorang mengomentari Wall kamu, kok jadi ribet gini yaa.. . . Pokoknya di coba dulu deh, nanti kamu juga tahu sendiri fungsi nya :D 

Note : bagi kamu yang belum mempunyai ID Facebook dan App ID bisa ikutin langkah-langkah dibawah ini
1. Login Akun Facebook kamu.
2. Buat lah applikasi dengan klik Link https://developers.facebook.com/apps
Jika sebelumnya belum pernah membuat Applikasi maka Registrasi lah terlebih dahulu.
Urut-urutannya kurang lebih seperti pada gambar dibawah ini . . . .
3. Selanjutnya baru lah kita bisa membuat applikasi. Klik pada +Create New App
Buat nama Applikasi dan App Namespace
Setelah selesai berarti Kamu sudah mendapatkan ID Applikasi (App ID)
lihat gambar yang saya lingkari :D

Untuk App Domain saya menggunakan domain dewady.com (domain saya) dan pada Website with Facebook Login masukkan URL Website kamu. Example : http://www.dewady.com/
Note : Jika Kamu menggunakan blogspot, maka pada App Domain ketikkan blogspot.com dan pada Website with Facebook Login masukkan URL blogspot kamu. Example : http://adykernz.blogspot.com/
Kemudian di SAVE.

4. Selanjutnya klik https://developers.facebook.com/tools/explorer untuk mendapatkan ID FACEBOOK
yang saya tandai diatas ada ID FACEBOOK nya. 
5. Kemudian Agar pemberitahuan masuk ke akun facebook kamu, jangan lupa memasukkan nama kamu sebagai moderator untuk applikasi ini. Caranya masuk ke alamat ini developers facebook bisa klik disini https://developers.facebook.com/tools/comments
klik pengaturan yang ada di sebelah kanan atas.
Dialamat ini juga kita akan melihat kumpulan komentar pengunjung, sekaligus tempat moderasi komentar.
Sebagai tambahan, dengan app ini kita juga bisa mengontrol/memoderasi komentar yang masuk. Misalnya tidak boleh ada komentar yang mengandung kata-kata tertentu. Jangan Lupa Klik SIMPAN

6. Kita Kembali ke akun blogspot. Selanjutnya cari Code
7. Copy Paste Script berikut tepat dibawah
Biasanya
ada dua, Copy - Paste Code diatas di kedua
(ingat dibawahnya lho yaaa)


Comments


Comments








posts='5' merupakan jumlah komentar yang akan ditampilkan
width='500' merupakan lebar kotak komentar facebok (disesuaikan dengan template kamu)
Biasanya 
ada dua, Copy - Paste Code diatas di kedua 
(ingat dibawahnya lho yaaa)

8. Kemudian Klik Save dan lihat hasilnya. Ini saya terapkan juga di blog saya silahkan klik disini untuk preview



Note : 
Jika memiliki struktur template yang berbeda Code Nomor 7 cukup di masukkan di bawah 
yang kedua.

Semoga Berhasil

 

shalatsempurna

Trending Topik

">Index »'); document.write('

?max-results=10">Label 6

');
    ?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Tips dan Trik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger