Pasang Banner di Header Blog

Untuk cara penempatannya silahkan ikuti langkah-langkah berikut :

Sign in di blogger


Klik menu Template


Klim menu Edit HTML


Copy seluruh kode HTML yang ada lalu paste pada notepad kemudian save, ini sebagai backup data apabila kita melakukan kesalahan dalam proses edtitting template


Sisipkan kode berikut pada style sheet css sobat. Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan

/* Header ----------------------------------------------- */
@media all {
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
background:url(http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif) no-repeat top center;
}
}

Jika kamu ingin menghapus garis yang berada di tepi banner, sobat harus menghapus kode berikut :

#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #eee; <-- hapus (delete)
border-width:1px 1px 0; <-- hapus (delete)
font-size:200%;
line-height:1.2em;
font-weight:normal;
color:#666;
text-transform:uppercase;
letter-spacing:.2em;
}


#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee; <-- hapus (delete)
border-width:0 1px 1px; <-- hapus (delete)
max-width:700px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

Klik tombol Pratinjau untuk melihat perubahan


Jika sudah OK, klik tombol Simpan Perubahan Template

selamat mencoba......