#Membuat Komentar Facebook Di Blogger

Razord   Rabu, Mei 29, 2013   Blogger, Editing Blogger, Komentar Blogger   Comment  

Berikut tutorial cara pembuatan Komentar di blogger menggunakan Akun Facebook, fitur ini sebenarnya lebih memudahkan user untuk memberikan komentar di blogger seseorang, tanpa harus terhubung terlebih dahulu dengan Akun Google.

Simak Beberapa Step yang dapat anda gunakan untuk pembuatan Komentar Facebook pada Blooger

1. Masuk akun blogger anda lalu pilih TEMPLATE, EDIT HTML (Jangan Lupa Backup template dulu dengan copy semua dan pindahkan ke notepad atau download template lengkap sebelum ikuti langkah ini.
2. Jangan lupa centang tulisan EXPAND TEMPLATE WIDGET
3. Lalu cari kode ]]></

(Untuk memudahkan pencarian, gunakan CTRL + F

Letakan kode CSS di bawah tepat di atas kode ]]></

.comments-page { background-color: #00BFFF;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

 5. Setelah itu temukan kembali kode /head
lalu anda letakkan kode di bawah ini, tepat di atas kode /head

Copy kode tersebut di Sini

Ubah kalimat ID FB Anda dengan nama ID halaman Facebook yang telah Anda buat. Contoh http://facebook.com/cesusbelli , ingat yang perlu anda cantumkan hanya cesusbelli tersebut, sesuai dengan nama ID Halaman Facebook anda.

6. Untuk tahap terakhir silahkan anda cari kode div class='comments' id='comments' pada dasarnya template standar hanya menyediakan 1 kode tersebut, tetapi jika anda menggunakan template hasil dari kreasri orang lain, Biasanya kode tersebut tidak hanya 1 di dalam template tersebut.

Setelah anda menemukan kode tersebut yaitu div class='comments' id='comments' ,Copy kode dibawah ini tepat di bawah Kode  div class='comments' id='comments'

Salin Kode tersebut di sini

Lalu simpan template anda, dan lihat hasilnya seperti gambar di bawah ini.

Note: Jika penempatan Kode terakhir yang anda Paste dibawah div class='comments' id='comments' tidak mem-buahkan hasil, silahkan anda cari lagi Kode "div class='comments' id='comments'" dan tempatkan di bawahnya, sebab saya telah menjelaskan kepada anda mungkin saja kode "div class='comments' id='comments' terdapat lebih dari satu dari pada template yang anda gunakan.