Cara membuat komentar blogspot seperti wordpress

Membuat komentar blogspot seperti wordpress ini saya maksudkan komentar admin yang menjorok kedalam. jika ingin melihat contoh, silahkan menuju blog ngawur saya http://martajasa.blogspot.com

Sedikit curhat, awalnya saya tertarik sama artikel yang di rekomendasikan oleh Mas Doyok, lalu saya masuki link di posting itu satu persatu dan alhasil saya temukan beberapa penampakan blogger cerdas di dunia maya seperti akang beben koben, tien nguyen, dan empunya blog artistutorial, entah mas apa namanya.

Tapi sejujurnya memang dari dulu saya pengen juga punya kolom komentar seperti wordpress ini, yang komentar admin nya menjorok ke dalam. tapi berhubung otak saya bukan penganut i hate slow, jadi selalu belum tergerak untuk menuju kesana. Selalu ada permasalahan dari setiap penemuan, saya mempunyai masalah dengan warna komentar admin yang tidak berbeda dengan visitor / pengunjung, padahal saya ingin warnanya berbeda. Lalu mulailah mengeluarkan jurus andalan yang super ngawur dan akhirnya ketemu juga caranya.

Cara membuat warna komentar admin blogspot berbeda dan seperti wordpress

Bagi teman-teman penganut aliran gak mau repot seperti saya, disini saya berikan kemudahan dalam editing warna komentar admin supaya berbeda dengan komentar visitor / pengunjung. Tapi bagi yang belum mengetahui sama sekali, saya sarankan untuk ikut dulu dalam tutorial berikut:

Rekomendasi pertama: Artis Tutorials

Rekomendasi kedua: Tien Nguyen
NB: untuk rekomendasi kedua ini caranya adalah dengan memasukkan ID blog anda ke kotak create yang mbak tien sarankan.

Rekomendasi ketiga: Beben Koben
NB: bagi yang gak mau repot karena bahasa yang di gunakan kita banget.

Rekomendasi keempat: Armin Kobain (hehee)

Setelah anda mempraktekkannya, barulah template hack jurus ngawur ini saya bagikan kepada anda, caranya:

1. Pertama cari kode ]]></b:skin> lalu letakkan kode CSS berikut di atas nya:

.comment-body-admin {
   background: #fff;
   margin-left:0;
   margin-right:20px;
   padding:7px;
   }

Silahkan modifikasi sendiri kode css di atas.

2. lalu cari kode <p><data:comment.body/></p> dan letakkan kode seperti di bawah ini:

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/> 
<p><data:comment.body/></p>

</b:if></dd></b:if>

(kode berwarna hijau adalah kode yang harus di tambahkan)

3. Save template dan lihat hasilnya.

NB: Mohon masukan nya buat para master, karena saya hanya menampilkan solusi standard untuk perubahan warna dari kotak komentar ini, dan tutorial ini masih jauh dari sempurna..hehee..

Tapi minimal tutorial ini sudah membuat anda mempunyai kolom komentar yang sama dengan wordpress, dan warna komentar admin nya yang berbeda pula.