MENGUBAH GAMBAR BACKGROUND HEADER DI BLOGGER

MENGUBAH BACKGROUND HEADER DI BLOG

Untuk mengubah atau menambahkan gambar header sebagai background atau latar. Jika hanya ingin mengganti atau memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload.

click to enlarge
Untuk mengganti seluruh bagian backround atau latar wrapper header di blog anda, gunakan cara berikut:

1. Masuk ke Edit HTML.
2. Untuk mencari  tekan (Ctrl+F) #header-wrapper atau yang sejenisnya (template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian 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 dapat menghapus bagian 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 aturan shorthand untuk background juga dapat digunakan:

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

contoh:

    #header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)

Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana anda mengupload gambar  header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.
4. Save template.

untuk permasalahan, atau apa saja, silakan gunakan form comment.
Sumber : buka rahasia blogspot.com 

Related Posts:

Tweet