Kotak Komentar Admin Berbeda

Akhirnya fakir bisa juga memasang Kotak Komentar Admin Berbeda dengan pengunjung Setelah beberapa kali mencoba dan di bantu agan cayun fakir bisa memasang Kotak Komentar Admin ,Ternyata kesalahan memang ada di dalam kode template fakir yang tidak mengandung kode

.comment-body-author {
border: 1px solid #87CEEB;
background: #ddfeeb;
width: 500px;
margin: 10px 10px 10px 10px;
padding-left: 20px;}

Dan teruntuk anda yang mengalami kesulitan dalam memasang Kotak Admin Berbeda coba cek kembali template anda adakah kode yang kira kira mirip seperti kode di atas tadi

Bila tidak ada kode yang mirip di atas tadi jangan harap bisa memasang Kotak Komentar Admin Berbeda

Tipsnya silahkan anda cari kode yang mirip ini dengan tekan Ctrl + F di edit html anda

.comment-body {margin: 0; padding: 10px 0px 10px 30px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.6em;}

Kalau sudah ketemu silahkan perhatikan ada tidak kode yang seperti ini

.comment-body-author {
border: 1px solid #87CEEB;
background: #ddfeeb;
width: 500px;
margin: 10px 10px 10px 10px;
padding-left: 20px;}

Kalau tidak ada copy saja kode di atas kemudian pastekan di antar kode ini

.comment-body {margin: 0; padding: 10px 0px 10px 30px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.6em;}

Contohnya :

.comment-author a {color: $commentauthorColor; text-decoration: none;}
.comment-author a:hover {color: $commentTimeStampColor; text-decoration: none;}
.comment-author a:visited {color: $commentauthorColor; text-decoration: none;}
.comment-body {margin: 0; padding: 10px 0px 10px 30px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.6em;}

.comment-body-author {
border: 1px solid #87CEEB;
background: #ddfeeb;
width: 500px;
margin: 10px 10px 10px 10px;
padding-left: 20px;}

.comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}

Lihat pada kode yang saya beri warna merah nah kira kira seperti itu lah penempatannya

Kalau sudah silahkan ikuti cara ini agar bisa memasang Kotak Komentar Admin Berbeda

Login ke blogger anda kemudian masuk ke rancangan >> edit html >> beri centang expand template widget

Cari kode Ini ]]></b:skin>

Letakkan kode css berikut,tepat diatas kode tersebut.

.admin-pb-comments{
background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TUOJMHKcmhI/AAAAAAAAArs/AxN8AGyHY6E/s1600/pelajaran%2Bblog%2Bbackground.jpg) no-repeat;
border:1px solid #FF9966;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
margin-left:0;
margin-right:20px;
padding:7px;
color:#ffffff;
}

cari lagi kode berikut ini, anda bisa gunakan Ctrl + F

dd class='comment-body'

kalau sudah ketemu,tepat diatasnya letakkan kode berikut:

<b:if cond='data:comment.author == data:post.author'>
<dd class='admin-pb-comments'>
<p><data:comment.body/></p>
</dd>

sekarang cari kode berikut:

<dd class='comment-footer'>

sekarang cari kode berikut:

<dd class='comment-footer'>

Jika sudah ketemu,tinggal sisipkan kode

</b:if> tepat diatas kode
<dd class='comment-footer'> tersebut.

Save tempalate anda dan lihat hasilnya

Semoga bermanfaat

Artikel Yang Berhubungan