Coba yang ini

Search

Pasang Benner Di Header Blog

Bisakah saya memasang banner di header blog. Jawabannya tentu bisa. Nah dibawah ini ada sedikit trik yang bisa dipakai untuk memasang banner di header blog. Yang pertama yang harus dilakukan adalah membuat sebuah banner menguploadnya / menyimpannya pada hosting lain. Contoh saya mengambil banner yang telah saya upload ke www.photbucket.com dan mempunyai alamat banner seperti di bawah ini :


http://i359.photobucket.com/albums/oo32/can301/Header/h17.jpg

h17

Dan berikut cara pemasangannya :

  1. Sign in di blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
  5. Klik kotak kecil di samping tulisan Expand Template Widget
  6. Tunggu beberapa saat sampai proses selesai.
  7. Tambahkan kode berikut pada style sheet css sobat.Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan
/* Header ----------------------------------------------- */

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
background:url(http://i359.photobucket.com/albums/oo32/can301/Header/h17.jpg)no-repeat top center;
}
}

8. Klik tombol Pratinjau untuk melihat perubahan yang ada
9. Bila sudah OK, klik tombol SIMPAN TEMPLATE
10. Selesai.

Nah itu langkah pertama, langkah kedua adalah :

  1. Klik menu Elemen Halaman
  2. KLik tulisan Edit yang ada pada elemen Header
  3. Tunggu beberapa saat
  4. Pilih radio button yang ada di samping tulisan dari komputer Anda
  5. Klik tombol Browse...
  6. Pilih banner yang telah di buat yang ada pada komputer sobat
  7. Tunggu beberapa saat sampai proses selesai.
  8. Gambar banner sobat akan di tampilkan
  9. Klik tombol SIMPAN PERUBAHAN
  10. Selesai

Selamat Mencoba.

No comments:

Post a Comment