Komentar Author Berbeda Warna
Banyak yang salah kaprah dengan menulis postingan dengan judul komentar admin berbeda warna se[eri saya dahulu. Namun sebenarnya yang berbeda warna adalah penulisnya dan bukan pemilik blog. Pelajari lebih jauh....
Ada trik lagi yaitu membuat komentar author dan pengunjung berbeda warna. Fungsinya jelas, jika author menjawab pertanyaan pengunjung maka akan langsung ketahuan. Jika masih sama warnanya dan ada puluhan comment pengunjung bisa saja melewatkan jawaban admin. Untuk membuatnya lakukan trik berikut ini:
1. Tata Letak
2. EDIT HTML
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin>
5. Tambahkan script berikut di atasnya
.comment-body-author {
background: #A9D0F5;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}
GAnti warna background sesuai keinginan anda. Sedangkan kata dotted yang diikutikode warna menunjukkan modelgaris terputus-putus dan warna garis. 4 Buah kode dotted menunjukkan garis atas, bawah samping kanan dan kiri.
6. Cari kode berikut ini
7. Tambahkan script berikut di atas kode berwarna hijau
8. Tambahkan script berikut </b:if> di bawah kode yang berwarna hijau tadi
9. Simpan Template Anda dan semoga berhasil....
Ada trik lagi yaitu membuat komentar author dan pengunjung berbeda warna. Fungsinya jelas, jika author menjawab pertanyaan pengunjung maka akan langsung ketahuan. Jika masih sama warnanya dan ada puluhan comment pengunjung bisa saja melewatkan jawaban admin. Untuk membuatnya lakukan trik berikut ini:
1. Tata Letak
2. EDIT HTML
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin>
5. Tambahkan script berikut di atasnya
.comment-body-author {
background: #A9D0F5;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}
GAnti warna background sesuai keinginan anda. Sedangkan kata dotted yang diikutikode warna menunjukkan modelgaris terputus-putus dan warna garis. 4 Buah kode dotted menunjukkan garis atas, bawah samping kanan dan kiri.
6. Cari kode berikut ini
<dd class='comment-body'>
<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 cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
7. Tambahkan script berikut di atas kode berwarna hijau
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
8. Tambahkan script berikut </b:if> di bawah kode yang berwarna hijau tadi
9. Simpan Template Anda dan semoga berhasil....
hmm.. boleh juga artikel ini.
BalasHapuscoba dulu.. ^_^
siip deh sobaaaaaaaaat
BalasHapusthanks sob... tutorial ini telah saya gunakan di blog saya...
BalasHapussemula aq g ngerti, pas di coba seperti itu ya.jd yg berwarna khusus komentar yg punya blog he..he.. thank ya mas doyok atas tips nya.tambah cantik dech blog aq.
BalasHapusmas doyok btw gimana cara memuncul kan foto yg ada di komentar seperti punya mas doyok ini.
BalasHapus@herry oh ini pake avatar mas, nanti saya posting deh untuk mas :D
BalasHapussudah saya coba ternyata berhasil,,,
BalasHapusthankz sob infonya,, :D
langsung rizky coba mas doy
BalasHapuslamgsung cba mas doy mga berhasil
BalasHapusmantab! tengs!
BalasHapusberhasil!berhasil! berhasil! hore
sip semuanya semoga suksesss
BalasHapusYap... aku berhasil,,, makasih ya mas....
BalasHapussangat membantu untuk membedakan admin....
BalasHapusterimakasih bnyk sobat...
wah scrip ini kagak berhasil di blogku........
BalasHapusaduh! rupanya banyak yang buat blog blogger ya. padahal dulu waktu saya ngeblog diblogger nyari buat blogger susah. lagi-lagi ketemu ama tutorial wp. Sekarang pas aku udah pindah ke wp, kok nyari highlight comment author buat wp susah banget ya. masa sih harus pindah lagi ke blogger. kan enakan di wp :D
BalasHapusKurang script < /b:if > yaa masdoy..?
BalasHapusSalam, terima kasih atas artikelnya.
BalasHapusMakasih mas doy..
BalasHapusdah bisa..
tapi haarus tambah
makasih artikelnya ya sgt berguna...
BalasHapusane gak bisa mas....!!!
BalasHapusnapa tuh..???
makasih infona
BalasHapus