Membuat Komentar Bertingkat Seperti WordPress V.2

Membuat Komentar Bertingkat Seperti WordPress V.2 - Pada postingan terdahulu, saya membuat tutorial tentang Cara membuat komentar bertingkat seperti WordPress. Akan tetapi banyak komentar yang menyatakan bagaimana membuat komentar tersebut tanpa "pop up".

Sistem komentar hack ini saya beri nama WP Style Blogger Threaded Comment. Beberapa kelebihan yang terdapat pada V.2 ini antara lain :
  1. Tanpa Pop up
  2. Installasi lebih mudah
  3. Bisa menampilkan kode, gambar dan file youtube.
  4. Smiley / Emoticon
hack blogger threaded comment


Installasi WP Style Blogger Threded Comment


Sebelum melakukan installasi astikan Backup dulu template, untuk menghindari error pada installasi

1. Masuk ke Blogger
2. Klik Template --> Edit HTML, centang Expand Template Widget
3. Ganti semua kode <b:include data='post' name='threaded_comments'/> dengan
<b:include data='post' name='comments'/>
apabila tidak ditemukan, lanjut ke langkah berikutnya.

4. Ganti semua kode antara <b:includable id='comments' var='post'> dan </b:includable>, gambarannya seperti ini :
<b:includable id='comments' var='post'>
KODE PANJANG YANG HARUS DIGANTI
</b:includable>
ganti dengan kode berikut :
Kode:

5. Simpan Template.

Untu mengganti warna pada blok komnentar Admin, pada CSS .comment_admin .comment_name  ganti background:#ECF3F7 sesuai background yang sobat suka.

Pesan Komentar


Untuk menambahkan catatan di atas form komentar, seperti yang terlihat di bawah ini :

pesan formulir komentar

1. Klik Template --> Setelan --> Pos dan komentar, klik "Tambah" pada Pesan Formulir Komentar

pesan formulir komentar

2. Tulis catatan Anda
3. Klik Simpan (pojok kanan atas)

Apabila ingin merubah tampilan seperti warna garis, background, warna teks dll, temukan dan edit kode ini :
.comment-form p {
background: white;
padding: 7px 10px 7px 10px;
margin: 5px 0 5px 0;
border: 1px solid #C3D7E2;
color: #888;
font-size: 13px;
line-height: 20px;
width:94%;
}

Semoga bermanfaat....