Suatu ketika teman-teman main-main ke suatu blog dan ingin memosting komen,
pas lagi pengen mosting komen kok ngelihat ada warna yang berbeda
yaaa...? Apanya... itunya lho warna dinding komennya ada yang berbeda,
gak seperti warna dinding komen yang lain (ternyata setelah diintip-intip,
ternyata yang punya komen tersebut adalah admin alias server alias empunya
blog), wah gimana nih cara buat yang seperti itu...?
Nah, itu yg ingin kita bahas di dalam postingan kali ini. Kalau teman-teman bertanya apa manfaat membuat warna admin berbeda, jawabannya ya jelas buat mbedain antara komen pengunjung dan admin. Dengan begitu mungkin ada yang pernah mosting komen berupa keluhan atau pertanyaan, maka nanti langsung tahu tuh kalau si admin sudah menjawab (dari sisi warna komen yang berbeda), dengan begitu mempermudah para pengunjung menemukan komen admin, tanpa harus meniliknya satu persatu .
Cara bikinnya simpel, ikuti langkah-langkah berikut.
1. Login ke blogger >> Tata Letak >> Edit HTML
2. Jangan lupa centang kotak "expand widget template"
3. Lalu cari kode: ]]></b:skin> dan pastekan kode berikut di atasnya...
.comment-body-author {
background: #CCCCCC;
border:1px dotted #FF6600;
margin:0;
padding:0 0 0 20px;
}
background: #CCCCCC;
border:1px dotted #FF6600;
margin:0;
padding:0 0 0 20px;
}
Keterangan :
Warna = Adalah warna background kotak komen [cari kode warna di sini]
Warna = Itu adalah border alias garis tepi, semakin besar nilai border maka semakin tebal. Bagi teman-teman yg gak senang garis tepi, maka 1px bisa diubah menjadi 0px
Warna = kalau yang itu adalah warna border/gris tepi [cari kode warna di sini]
4. Selanjutnya carilah kode: <data:commentPostedByMsg/>
5. Nah kalau dah ketemu, perhatikan kode berikut.
<data:commentPostedByMsg/>
</dt>
<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'>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
</dt>
<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'>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
ALTERNATIF LAIN : Kalau tidak ketemu kode <data:commentPostedByMsg/> maka langsung saja cari kode <dd class='comment-body'>, selanjutnya tinggal di tambah kode warna lumut di atasnya, dan jangan lupa di tutup bagian akhir dgn kode </b:if> ==> persis contoh di atas. (lihat contoh di atas dgn baik-baik yaaa...).
6. Sudah memperhatikannya baik2? Kalau begitu tugasnya teman-teman hanya menambahkan kode yang berwarna lumut ke dalam kode seperti di atas (Ingat, kode ijo dan hitam sudah ada di dalam template-nya teman-teman, sedangkan yg lumut adalah kode yg perlu ditambahi).
7. Seperti biasa, simpan hasil kerjaannya teman-taman. Dah itu coba komen sendiri di kotak komen masing-masing.
Ngomong2 admin blog ini menggunakan trik ini juga nggak ya...?
Jawabannya YA.
6. Sudah memperhatikannya baik2? Kalau begitu tugasnya teman-teman hanya menambahkan kode yang berwarna lumut ke dalam kode seperti di atas (Ingat, kode ijo dan hitam sudah ada di dalam template-nya teman-teman, sedangkan yg lumut adalah kode yg perlu ditambahi).
7. Seperti biasa, simpan hasil kerjaannya teman-taman. Dah itu coba komen sendiri di kotak komen masing-masing.
Ngomong2 admin blog ini menggunakan trik ini juga nggak ya...?
Jawabannya YA.
0 komentar:
Posting Komentar