Template yang standard kebiasaanya tidak meletakkan add widget pada bahagian header yang mana menyebabkan kita tidak boleh memasang gambar sebagai header.Untuk membolehkan gambar dipasang sebagai header kita perlu membuat perubahan pada kod template.
Untuk membuatnya:
Klik pada design...Pilih Edit HTML
Tandakan pada Expand widget templates
Cari kod ini pada template anda
Cara mudah adalah dengan menggunakan butang CTRL+F untuk cari kod pada template anda>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR LIKE (Header)' type='Header'/>
</b:section>
</div>
gantikan kod diatas menjadi seperti dibawah ini:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='YOUR LIKE (Header)' type='Header'/>
</b:section>
</div>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='YOUR LIKE (Header)' type='Header'/>
</b:section>
</div>
Nota: maxwidgets boleh anda gantikan bilangan yang diperlukan.kemudian klik save template.
Untuk meletakkan gambar upload dulu ke photobucket.com dan salin kod HTML nya.
Kemudian masuk pada dashboard=>design=>page elements.pilih add a HTML/javascript dan masukkan kod dari photobucket tadi atau pada add a gadget pilih picture=>image=> from your computer.klik pada browse=>pilih lokasi imej disimpan.
Sesudah dimasukkan klik butang save.
Untuk meletakkan gambar upload dulu ke photobucket.com dan salin kod HTML nya.
Kemudian masuk pada dashboard=>design=>page elements.pilih add a HTML/javascript dan masukkan kod dari photobucket tadi atau pada add a gadget pilih picture=>image=> from your computer.klik pada browse=>pilih lokasi imej disimpan.
Sesudah dimasukkan klik butang save.
Post a Comment
16 Comments:
oke,,
makasih untuk tipsnya kawan
lah ini yang ogut cari.. disave dulu ah, ntar prakteknya setelah bikin gambarnye hehe
dni ada masalah tak bape paham HTML. adoyai :'(
@ardinihumaira
kalau ada masaalah ,dapatlah kiranya kemukakan disini atau melalui contact me untuk lebih detail
Nice tips... :)
makasih sobat semua atas komen yang diberikan
tanks, sy buat di barang-baik.com menjadik la. best2
pengen tau cara ngasih tulisan diatas gambar sebagai header..
contoh sperti punya anda " TEKNIK MEMBUAT BLOG"
.mohon bantuanya.
makasih..
@Harapan baruuntuk header dgn tulisan saya guna photoshop saja..
mcm mn nk upload gmbar ke photobucket???
Saya dah cuba buat tapi gambar berderet ke bawah la...mcmana nak buat bagi gmbr tersusun macam banner tu..
nice work..really help me much..
xreti la nak buat kotak untuk about me n isi blog :(
nice and helpful!
tqvm atas tutorial ini..jemput singgah di blog saya : http://sunnahmall2u.blogspot.com/
info yang sangat berguna untuk saya sebagai newbie..
thanks a lot..