Dianacakes

Cara Memasang Background untuk Header Blogger

Cara memasang background untuk header blogspot - Memasang background untuk header merupakan salah satu cara untuk mempercantik tampilan blog sehingga blog kita lebih enak untuk dilihat dan tidak membosankan. Postingan kali ini masih dalam Tutorial Design blog cara mengganti background Header Blog dengan Gambar

Yang perlu diperhatikan jika kita ingin mengedit kode HTML blog kita jangan lupa untuk selalu mem backup terlebih dahulu jika nanti terjadi kesalahan maka kita masih punya kode html cadangan sebelumnya.

Baiklah langsung saja langkah Pertama yang harus di lakukan log in dahulu ke Blogger kemudian pilih Template dan Edit HTML lalu centang carilah kode di bawah ini.
#header atau #header-wrappe atau sejenisnya lah. Jika di blog saya tampilannya seperti dibawah ini :

#header {
height: 100px;
padding: 5px;
margin-bottom:5px;
background: #fff

Kemudian copy kode di bawah ini dan taruh setelah background: #fff.

width:960px;heigth:96px;margin:0 auto 10px;border:1px solid #ccc; background: #fff url(Url Image Anda simpan di sini) no-repeat top right; /* kanan atas menunjukkan posisi latar belakang */}

Maka kode html menjadi seperti dibawah ini :

#header {
height: 100px;
padding: 5px;
margin-bottom:5px;
background: #fff width:960px;heigth:96px;margin:0 auto 10px;border:1px solid #ccc; background: #fff url(Url Image Anda simpan di sini) no-repeat top right;

Contoh background url :: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDh3ujXZU-EZ8VerIH2uC0lzNhc1APWWwB-BVujMz7aC5dOeWFTNoxT4kXrzLe4FRX_GVgdvvjuCl7spbAbhsBt5EDuomd4LX0KTDt3bnIiXJJANXAXuZuSPu5NFgRHcU6oyj8WiluCJkx/s1600/headerBackground.jpg

lalu paste lihat kode di atas yang saya kasih huruf tebal warna merah lalu simpan dan lihat hasilnya.
Catatan : Bila ingin merubah panjang lebarnya gambar ganti ukurannya Width dan heigth.

Tag: Tutorial memasang Background untuk header blogger, Tutorial menampilkan background di blogspot

Ads