TRANSLATE THIS PAGE

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Wednesday, April 7, 2010

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(http://1.bp.blogspot.com/__LzE4TwGFEU/S7w-ugMg0gI/AAAAAAAAAcM/Y9oT4uhTXjw/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



8 comments:

Suja said...

saya pk triknya tapi tek edit seesai tema,trimakasih nice blog. sukses bu..

softwarebali said...

thanks tips nya ya...langsung di coba ah...........

Anak Indonesia Harapan Masa Depan said...

ulasan yang informatif Sob..lanjutkan..sukses selalu!

Beauty Blog said...

tutorial yang sangat cantik buat kotak komentar

Steve said...

wah mantabb nih, tapi bisa untuk blog wordpress nggak ya?

savalia said...

ndak suport di wordpres

Steve said...

yaaa... sayang banget, padahal saya pengen deh ada background nya...
terima kasih banyak ibu guru jawabannya

QSEW said...

info yang bagus sekali, perlu dicoba nih..trims :)

SILAHKAN TINGGALKAN KOMENTAR DISINI NO SPAM..NO PORN... KRITIK DAN SARAN YANG MEMBANGUN SANGAT DIBUTUHKAN DAN BERMANFAAT.KOMENTAR YANG MENGHUJAT ATAU DENGAN KATA KATA KOTOR AKAN TERHAPUS DENGAN SENDIRINYA TERIMA KASIH

KOMENTAR TERAKHIR


MY FRIEND


ARAHKAN MOUSE KE IMAGE AKAN BERHENTI

Blogger templates


MAU SEPERTI DIATAS KLIK DISINI

CATEGORY

POSTING TERBARU

 
Back To Top - GURU PKn SMP PGRI 02 BATU - Template By Blogger Edited By Savalia