Modifikasi Kotak Komentar

Pengen modifikasi kotak komentar biar kelihatan lebih cakep???nyok ikuti langkah langkah dibawah ini... ada 2 cara lho yang bisa dicoba... gimana cara buatnya?ngintip yuuukkk langkahnya ..



*Cara pertama*



♣ Layout,Edit HTML

♣ Kasih tanda centang pada kotak "Expand Wignet Templates"

♣Cari kode dibawah ini



#comments-block .comment-author {

margin:.5em 0;

}

#comments-block .comment-body {

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}





Kemudian ganti dengan kode dibawah ini:

#comments-block .comment-author {

background:#FFCC66; /* warna text Nama komentator */

margin:.5em 0;

padding:0 0 0 20px;

font-weight:bold;

}

#comments-block .comment-body {

background:#FFFF99; /* warna background komentar pengunjung */

margin:.25em 0 0;

}

#comments-block .comment-footer {

background:#CCCCCC; /* warna background footer komentar */

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

ATAU Cara yang ke 2



*Cara kedua*



♠ Layout,Edit HTML

♠ Kasih tanda centang pada kotak "Expand Wignet Templates"

♠ Cari kode <div class='comment-form'> 

♠ Setelah ketemu ganti dengan kode ini  <div id='mGm-form'>

♠ Sekarang cari kode ]]></ b: skin>

♠ Letakan kode dibawah ini ,diatas kode ]]></ b: skin>

#mGm-form iframe{

background:#ffffff url(http://i858.photobucket.com/albums/ab144/brekhelie_Ea/r38.jpg) ;

border:7px solid #FF0080;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#7EB2AC;

width:450px;

}

#mGm-form iframe:hover{

background:#000000 url(http://i858.photobucket.com/albums/ab144/brekhelie_Ea/r37.png);

border:7px solid #FF0080;

}

#mGm-form a{

color:#7EB2AC;

}

♠ Kemudian disimpan



Hasilnya bisa dilihat pada kotak komentar dibawah ini :)