Memperindah Kotak Comment Blogger/Blogspot Dengan CSS

Cara ini saya dapat setelah sedikit belajar otak-atik CSS dengan teman karena pengen banget membuat kotak comment (yang sebelumnya terkesan "biasa" di dalam template Blogger ini) terlihat lebih "berwarna" dan "senada" dengan warna template blog ini.
Akhirnya kita menggunakan konsep frame untuk menghias sekeliling kotak comment tersebut. Caranya pun sangat sederhana
dan mudah. Berikut langkah-langkah dan kodenya:

1. Masuk ke dashboard Blogger anda => Design => Edit HTML.

2. Jangan lupa anda backup dulu template yang lama untuk berjaga-jaga apabila ada kesalahan dalam editing.

3. Centang expand widget template di sebelah kanan.

4. Cari kode => ]]></b:skin> (Gunakan Ctrl+F untuk mencari)

5.Copy kode CSS dibawah ini dan letakkan tepat sebelum/diatas tag tersebut.

#comment-form iframe{
background:#7f9db9;
border:7px solid #eeeeee;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#000000;
width:95%;
height:250px;
}
#comment-form iframe:hover{
background:#7f9db9;
border:7px solid #bababa;
}

6. Setelah itu save dan coba dilihat hasilnya

Mungkin yang anda Cari:

turorial blog

Tidak ada komentar:

Posting Komentar

CARA DOWNLOAD :

Klik Link Download/Adf.ly
Tunggu 5 Detik
Klik Kanan Tulisan Skip Ad (bukan klik kiri)
Pilih Copy URL/Link
Paste di Browser > Enter

NB : Skip Ad di klik kanan yah bukan diklik kiri yang seperti biasanya
: Adfly sedang tidak rukun dengan mediafire

Tulis "kolursari DX" di google jika kamu lupa blog ini.

Sabtu, 19 November 2011