Cara menambahkan background pada form komentar


Banyak cara untuk memperindah blog. Salahsatu diantaranya adalah dengan menambahkan background pada form komentar.
Jika berminat ingin menambahkan, anda bisa ikuti cara2 dibawah ini yang saya dapatkan dari http://savalia2001.blogspot.com .


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 berikut
4. Setelah Anda menemukan Ganti dengan kode berikut,

5. Sekarang cari kode ]]>


6. copy dan paste kode di bawah ini dan letakkan diatas ]]>




#mGm-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_AKagnL0L54JeoWEvZc-gMRTtSm_5VmKU7-zrQ32TTnglgc-4gaovNO23S-aVhuU3Dd7CG_OFZLb1tTAF74JAqRGgXRtBdmzD-7skciBdfhacsuEIhhOjbczMSCqMdeGHev-TSkTIdKo/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





Selamat mencoba.




0 Response to "Cara menambahkan background pada form komentar"

Posting Komentar

Terimakasih telah memberikan komentar disini.

Disclaimer: gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami pada halaman ini.