BACKGROUND PADA FORM KOMENTAR

CARA PERTAMA

Untuk membuat formulir komentar ber background, ikuti langkah berikut:
1. Layout Edit HTML
2. Expand Widget Templates.Periksa Expand Template Widget.
3. 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 di bawah 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 KEDUA IKUTI LANGKAHNYA:

1. Layout Edit HTML
2. Expand Widget Templates.Periksa Expand Template Widget.
3. Cari kode <div class='comment-form'>berikut
4. Setelah Anda menemukan Ganti dengan kode berikut,

<div id='mGm-form'>

5. Sekarang cari kode ]]></ b: skin>

6. copy dan paste kode di bawah ini dan letakkan diatas ]]></ b: skin>

#mGm-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIueAy8kah-3-JlEncOqTyvpxRlo_31_LwW7lOzoSZU4esjwq3gqKyiDq-A6dS2AiPoDnEEDPxyzfp-oLNsR3MBXGdqS3K5jF9fGYxU08mEsRJi6o6JyjcUc9monwCMchq_M4ZA-8llU/s320/385512.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mGm-form iframe:hover{
background:#000000 url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_t227107477_72238_7.gif);
border:7px solid #999FFF;
}
#mGm-form a{
color:#7EB2AC;
}

7. Kemudian simpan


contohnya seperti di bawah ini atau lihat pada form komentar blog ini

Artikel Lainnya Dibawah ini