Cara Mengubah/Memasang Gambar Background Header Di Blogger/Blogspot - Pendidikan Blog

Cara ini dipakai untuk mengubah/menambahkan gambar header secara keseluruhan selaku background/latar. Jika cuma ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bab header. Upload gambar anda lewat fitur upload yang sudah disediakan.

click to enlarge

Namun untuk merubah seluruh bab backround/latar wrapper header di blog anda, gunakan cara berikut:

1. Masuk ke Edit HTML.

2. Cari  (Ctrl+F) #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini senantiasa di bab pengaturan header dan posisinya paling atas.

Contoh:

#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)

3. Tambahkan atribut ini sebelum background-color (atau anda sanggup meniadakan bab background color jika header anda akan dipenuhi dengan gambar):

background image: url(http://alamat-url-gambar/gambar.jpg);

background-repeat: no-repeat; 

contoh jadinya:

#header-wrapper{ 

background image: url(http://alamat-url-gambar/gambar.jpg);

background-repeat: no-repeat;

background-color: #00000;

width:975px;margin:0 auto 0;height:125px;)

Atau hukum shorthand untuk background juga sanggup digunakan:

background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;

contoh:

#header-wrapper{background:url(https://ujianhidup10.blogspot.com//search?q=gambar-header-blog-gratis-berkualitas" target="_blank">gambar  header blog. Sebelum mengupload & memasang gambar header, edit atau tetapkan ukuran gambar sama dengan width dan height header blog.

4. Save template.

Jika ada pertanyaan, permasalahan, atau apa saja, silakan gunakan form comment.

mencuri merupakan pekerjaan pengecut! © buka-rahasia.blogspot.com