Home » » Cara Membuat Gambar Header Blog (2)

Cara Membuat Gambar Header Blog (2)

Selain dengan cara yang sudah saya posting sebelumnya Cara Mudah Membuat Gambar Header Blog, kita juga bissa membuat gambar header blog denga mudah hanya dengan beberapa langkah, tentunya ini bertujuan untuk memperindah tampilan blog yang kita miliki. 
Agar Header blog sesuai dengan ukuran blog anda, anda bisa membuat gambar dengan ukuran yang sama dengan ukuran lebar blog anda. Bagaiman mencari ukuran lebar blog ? Anda bisa menemukan jawabannya dengan membaca postingan Cara Mudah Mengubah Ukuran Halaman Blog. Pada posting kali ini saya akan admin Khocet Dot Com akan berbagi dua cara mudah membuat gambar header blog yang semoga bermanfaat bagi sahabat blogger semua. 

Cara Pertama :


Cara Membuat Gambar Header Blog (2)

Login ke blog anda lalu pilih Template dan pilih Edit HTML kemudian cari kode #header-wrapper.
Agar cepet menemukan kode tersebut tekan Ctrl+F (fine) pada keyboard anda. Setelah ketemu tambahkan kode berikut : 
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicJCzKvZYsB7vyEoGDCvzWcqNzD-k3FDKjye5iBgd6Y1EpxBq2IT5bFoxaRl-y-Ur1dYZmQ1swRt9TdTzcKA0Ziz-GOpu25r8ELiIQx5aEo-T6x7bLB6BytHsv9Gx-IKcFjAsJiTslNmfo/s1600/header.jpg)repeat-x bottom;width:980px;height:110px;} 
sehingga menjadi :
#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicJCzKvZYsB7vyEoGDCvzWcqNzD-k3FDKjye5iBgd6Y1EpxBq2IT5bFoxaRl-y-Ur1dYZmQ1swRt9TdTzcKA0Ziz-GOpu25r8ELiIQx5aEo-T6x7bLB6BytHsv9Gx-IKcFjAsJiTslNmfo/s1600/header.jpg)repeat-x bottom;width:980px;height:110px;}
Setelah diedit, simpan template anda.

Keterangan: tulisan berwarna merah adalah link gambar header yang digunakan, width:980px adalah lebar header, sedangkan height:110px adalah tinggi gambar header yang digunakan. Jika gambar yang akan anda gunakan memiliki tinggi 200px, maka ubah ukuran height menjadi 200px. 




Cara Kedua
Login ke blog dan pilih Layout kemudian pada bagiah header pilih Edit. Selanjutnya anda tinggal upload gambar yang akan anda gunakan sebagai header blog anda.
Cara Membuat Gambar Header Blog (2)

0 komentar:

Posting Komentar

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS