Mengganti Background Header Blog dengan Gambar

Coba kalian liat Background Header di atas, bergambar Art music yang saya gabungkan hanya dari gambar biasa. Mungkin sebagian orang mengira gambar di atas adalah bawaan template Blog saya? Jawabnya bukan.... Beberapa hari ini saya rada' disibukan dengan modifikasi template blog ini oleh karena itu jadi males nulis. Tetapi akhirnya setelah kerja yang menguras otak mulai sempurna dhe pelan" blog ini sesuai keinginan.
Sebenarnya ide mengganti background header ini adalah penerapan dari memasang icon pada awal judul posting, berhubung kepuasan saya nggak ada habisnya iseng-iseng sendiri taunya jadi dhe......seneng bangetttt!!!

Lumayan okelah bisa mengangkat tema maupun Soul id blog kita. Next....begini caranya ;
Ada 2 jika anda memakai komputer atau laptop bisa langsung edit seperti biasa.

+ Upload gambar yang ingin kalian gunakan di hosting penyimpanan gambar anda, [ udah pada tau khan, g usah di jelasin ] Copy alamat Url/ridect gambar kalian.
Note:" lebih baik gunakan gambar berformat PNG 600 x 800px atau terserah dhe yg penting ukuran besar"

+ Login ke dashboard blog kalian, pilih tata letak. Lanjutkan dengan memilih Edit HTML.

+ Backup dulu dhe kalau takut salah, download template lengkap. Kemudian centang kotak Expand widget, dan mulailah mengedit.

+ Carilah kode seperti ini;

#header-wrapper { margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 970px
height: 200px
text-align: center;
background: $headerbgColor;
repeat-x top left;
border: 0px solid
$ header Border Color;
}

Oke, kalau udah ketemu sisipkan Url gambar kamu setelah format "$headerbgColor"
contohnya kalian upload foto di Photobucket dengan Url "http://photobucke.com/i4u/blablabla.jpg"

maka scrip lengkapnya seperti ini ;



#header-wrapper { margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 970px
height: 200px
text-align: center;
background: $headerbgColorurl(http://photobucke.com/i4u/blablabla.jpg);
repeat-x top left;
border: 0px solid
$ header Border Color;
}

Ganti yang berwarna merah dengan Url gambarmu.
Selesai buat pengguna Pc.


Selanjutnya buat pengguna hape atau blogger hape seperti saya, mudah brow..... Caranya sama tetapi di lakuin secara Offline. Download template lengkap sebanyak 2 buah, fungsinya adalah sebagai acak-acakan satunya, hehe.,.....

Tunggu artikel ane selanjutnya, gimana edit template dari hape secara offline.

Diposting oleh Chandra
POSTING BERKAITAN

TEMPLATE DESIGN BY
m-template | by: bagas96