Tentunya anda sudah tahu apa itu header. Header adalah bagian kepala atau bisa dikatakan logo blog yang ada bagian paling atas. Header sendiri sangat berpengaruh pada kualitas blog anda. Jika anda memiliki header yang bagus, maka akan menarik pengunjung untuk tetap mengunjungi blog anda.
IDBLOGLINKS – Hai para blogger ? Disini saya akan memberikan tutorial bagaimana cara mengganti header blog dengan kode html sendiri. Tentunya anda sudah tahu apa itu header. Header adalah bagian kepala atau bisa dikatakan logo blog yang ada bagian paling atas. Header sendiri sangat berpengaruh pada kualitas blog anda. Jika anda memiliki header yang bagus, maka akan menarik pengunjung untuk tetap mengunjungi blog anda.
Secara umum, dalam sebuah blog sudah terdapat header (kepala halaman). Untuk mengeceknya bisa dilihat pada menu Tata Letak pada blogger. Pada bagian atas, tepatnya dibawah favicon disana ada tempat untuk header. Anda juga dapat langsung mengupoad sebuah header sendiri pada bagian header tersebut. Untuk caranya disini saya akan memberikan dua cara.
Cara Pertama :
➽ Buka Blogger, kemudian Tata Letak
➽ Pilih Header, nanti akan terlihat seperti dibawah ini :
➽ Kemudian, isi Judul dan Deskripsi Blog sesuai dengan blog anda
➽ Upload header yang sudah anda buat, anda dapat mendesain sendiri header dengan berbagai software seperti Adobe Photoshop dan CorelDraw.
➽ Kemudian centang Selain judul dan Keterangan
➽ Simpan
Cara Kedua :
➽ Buka Blogger, Kemudian Templates > Edit HTML
➽Cari kode header-wrapper dengan tekan tombol Ctrl+F
Seperti ini kodenya,
header-wrapper{width:960px;color:#333;min-height:90px;overflow:hidden;position:relative;z-index:999;margin:0 auto}#header{max-width:230px;float:left;width:auto;overflow:hidden;z-index:999;min-width:230px;margin:0;padding:0}
➽ Sekarang ganti kode tersebut dengan kode dibawah ini
header-wrapper{background:url(url header anda) no-repeat 0 10px;width:960px;color:#333;min-height:90px;overflow:hidden;position:relative;z-index:999;margin:0 auto}#header{max-width:230px;float:left;width:auto;overflow:hidden;z-index:999;min-width:230px;margin:0;padding:0}
➽ Simpan template
Pada cara kedua tersebut, anda hanya menambahkan kode yang berwarna merah diatas. Dan anda harus mengganti dengan url gambar header milik anda. Kalau masih bingung dengan cara yang kedua, saya sarankan mengikuti cara yang kedua karena lebih mudah. Anda tinggal membuat desain header dengan ukuran sesuai dengan template anda. Kemudian anda mengekspornya kedalam format gambar (png).
Untuk mendapatkan url gambar header yang sudah anda buat, berikut ini caranya silahkan disimak:
Buka Buat Entri > Coba upload ke dalam entri > Ubah format menjadi HTML > Cari url gambar anda dan copy kan kedalam kode HTML diatas.
Cukup Mudah Bukan ?
Silahkan dicoba.
