sebenarnya banyak sekali tutorial yang menjelaskan ini seperti Kolum Tutorial
Sebelum menampilkan gambar di header kita harus sudah mempunyai gambar yang sudah disiapkan terlebih dulu, baik itu dibuat dengan Photoshop ataupun dengan Software lainnya.Sekarang ini juga sudah banyak Website yang menyediakan banner untuk header secara gratis seperti www.imagechef.com. OK kita mulai saja untuk membuatnya.
ada beberapa hal yang mesti di perhatikan.
Pertama cari tahu dulu berapa ukuran lebar Header blog kita. agar kita tahu ukuran yang akan kita gunakan dalam membuat header.
caranya masuk ke halaman TEMPLATE pada blog Anda kemudian buka Edit Html, dan akan muncul gambar seperti dibawah ini
Kemudian geser tab scroll ke bawah pelan-pelan, dan cari kode dalam tag Css Seperti di bawah ini. untuk mencarinya klik menu Edit lalu Find
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Pada tulisan di atas terdapat kata width:660 ini merupakan informasi ukuran lebar sebuah header. ( jika di #header-wrapper tidak menemukan ukurannya, bisa saja ukuran Outer-wrapper atau Content-wrapper menjadi patokan ukuran header.)
Kedua setelah mendapatkan ukuran lebar header , maka cari gambar atau buatlah gambar untuk header kita sesuai ukuran tersebut atau kurang dari ukuran tersebut.
Ketiga Jika anda mempunyai sofware Photoshop itu lebih bagus untuk menyimpan gambar dengan resolusi kecil namun berkualitas bagus. ( tentang menyimpan gambar dgn bantuan photoshop selengkapnya baca di sini ).
Setelah gambar untuk header telah siap. tibalah saatnya memajang atau mengirim gambar header ke dalam blog kita.
Pertama
pada halaman TEMPLATE pada blog Anda pilih tulisan Elemen Halaman.
Kemudian tekan tulisan Edit di pojok bawah widget header blog kita.
Setelah itu, maka akan tampil halaman seperti gambar di bawah.
Tekan link tulisan Browse. kemudian cari gambar yang ada di komputer yang telah kita persiapkan untuk gambar header .
setelah memilih gambarnya maka kita melangkah pada halaman berikut ini.
Keterangan :
Dibalik judul dan keterangan : jika ini yang kita pilih, maka judul dan Deskripsi/keterangan blog berada bersama gambar .
Selain Judul dan Keterangan : jika ini yang kita pilih, maka judul dan Deskripsi/keterangan blog tidak akan di ikut sertakan ke dalam gambar alias tersembunyi.
Setelah kita menentukan pemilihan, kemudian kita tekan tombol Simpan Perubahan.
Selesai dah cara mudahnya menampilkan gambar di header..selamat mencoba
Sumber : cataog-tutorial
Selasa, 27 Januari 2009
MENAMPILKAN GAMBAR DI HEADER
Diposting oleh
PT. GRAMEDIA ASRI MEDIA Div. IMPORT NON BOOKS
di
Selasa, Januari 27, 2009
.
Selasa, 27 Januari 2009
Langganan:
Posting Komentar (Atom)


1 komentar:
seeepp..saaya mash ska bingung sama ukuran file nya aja,,mesti nya berapa KB,bis kadang2 malah gak full gambar cuma setengah yg terlihat...kegedean kali yaa..
hehe..keep share..
Posting Komentar
Silakan isi komentar anda