Sunday 13 June 2010

Tips Blogger | Cara memberi background pada form kotak komentar Blogspot

Cara memberi background pada form kotak komentar sebenarnya sudah banyak di posting oleh para sobat Blogger, namun di sini saya hanya ingin memajangnya kembali. Siapa tahu ada dari sobat-sobat Blogger junior seperti saya yang lagi memerlukan Tips ini.

Menurut sumbernya yang saya baca dari Blog-nya Bu Guru, ada dua cara untuk menambahkan background di form kotak komentar, namun kali ini saya hanya mempostingnya satu saja, yakni cara yang paling mudah dan sederhana.

Nanti jika sobat udah sukses melakukannya pada Blog sobat, maka hasilnya akan terlihat seperti gambar screenshot di bawah ini, atau lihat di kotak komentar Blog ini.

background pada form kotak komenta
Mari kita mulai :


1). Pertama-tama login ke Blogger menggunakan akun yang kamu punya! Setelah masuk di Dashbord klik pada Perancang template (kalau dulu namanya Tata letak) ==> Edit HTML lalu beri tanda contreng pada Expand Template Widget.

2). Demi keamanan biasakan Backup terlebih dahulu keseluruhan script template Blog kamu.

3). Cari dan temukan kode di bawah ini :

<div class='comment-form'>



4). Setelah ketemu ganti dengan kode di bawah ini :

<div id='mGm-form'>



5). Nah setelah yang di atas beres, selanjutnya cari dan temukan kode di bawah ini :

]]></b:skin>



6). Letakkan kode di bawah ini tepat diatas kode ]]></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 terakhir simpan template Blog kamu dan lihat perubahannya!



Artikel Terkait:



Languages : English French German Spain Italian Dutch Russian Japanese Korean Arabic Chinese Simplified


12 komentar:

Power Link Generator Reseller said...

Thank you for the information.It will help a lot!!!more power.

Nanda Pratiwi said...

hallo om..

Nanda Pratiwi said...

hallo om..:r:

Anak IT Blog said...

mantapz...

di tunggu kunjungan baliknya kawan...

Unknown said...

thank infonya :D

Nikmaya John said...

Info menarik nih sob,,, thanks

Exo said...

=))

obat batu ginjal tradisional said...

ini backgroundnya hanya di bagian kotak komentar saja gan

tips cepat hamil said...

saya sudah coba. terima kasih

toko bunga said...

Tutorial yang bagus .....

obat lemah syahwat said...

wah keren makasih sudah berbagi.izin copy scripnya ya gan..

baja ringan murah said...

langsung ke TKP gan...

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

loading...