Kadang kita merasa jenuh dengan header asli bawaan dari template yang sudah ada. Biasanya para pengguna blog merasa ingin header'nya lebih melambangkan logo / jati diri dari content blog tersebut. Dapat juga diberi image foto Anda sendiri yang sudah di edit-edit. Kalau itu yang Anda inginkan, hal yang perlu dipersiapkan adalah gambar yang sudah di edit dengan ukuran 760 x 120 pixels. Umumnya menggunakan softwear photoshop. Lalu upload image ke jasa layanan seperti di photobucket.com untuk mendapatkan alamat URL'nya. Setelah itu kembali ke blog Anda, masuk ke Layout, pilih Edit HTML; dan cari kode berikut:
#header {
width: 760px;
.....................
.....................
.....................
.....................
font: $headerFont;
}
Setelah ketemu, masukan kode berikut
Background:URL (URL-IMAGE-HEADER-ANDA) no-repeat center top;
(perhatian ganti URL berwarna merah tersebut dengan alamat link image Anda.)
Persis dibawah font: $headerFont; , setidaknya hasilnya akan seperti ini:
#header {
width: 760px;
.....................
.....................
.....................
.....................
font: $headerFont;
Background:URL (URL-IMAGE-HEADER-ANDA) no-repeat center top;
}
Dan yang terakhir save template
Selamat Mencoba..
0 komentar:
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!