Cara Membuat warna kotak komentar admin berbeda dengan pengunjung teryata sangat mudah , walau mudah tapi baru hari ini aku membuatnya atau menerapkanya pada blog auto blog site ini . Langsung saja sob...nie caranya,aku buat simple aja ya..semoga faham!!
- Masuk ke akun Blogger Sobat.
- Klik Rancangan > Edit HTML.
- Klik Download Template Lengkap untuk berjaga-jaga
- Beri tanda centang di Expand Template Widget.
- Cari kode ]]></b:skin> Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.
- Copy kode di bawah ini lalu paste di atas kode tersebut.
.comment-body-author {
background: #fee6e6; /* Warna Background */
border:2px dotted #d31111; /*Border*/
margin:0;
padding:0 0 0 0px;
}
#fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.
- Cari kode seperti di bawah ini.
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<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>
<dd class='comment-footer'>
- Letakkan kode berikut dibawah kode
<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/>
- Dan letakkan kode </b:if> dibawah kode
<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>
- Sehingga hasilnya semuanya menjadi seperti di bawah ini.
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<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'>
Kode yang berwarna hitam adalah tambahanya,itu yang perlu diingat.
- SIMPAN TEMPLATE.
naiz share gan,,,
BalasHapus@Briyant : Ok..Thanks dah mampir
Hapusthanks
BalasHapusMampir sbntar gan... baca artikelmu..hehehe
BalasHapus@MarceloDJ:ok sob..Thanks dah mampir :D
Hapusyang ini ni lho saya perlu banget,, :) bisa tu nanti2 saya coba,, heheh
BalasHapusbalas komenter ke blog ku ya gan,,
@musyari:ok gan..thanks dah mampir :D
Hapus