Meletak Gambar di blog header

Mula-mula backup TEMPLATE.

Kemudian upload gambar u all di free host seperti Googlepages dimana ia memberi offer100 MB free space. Copy url gambar tersebut.

1.Login ke Blogger Beta---->Di Dashboard klik Layout------>Ianya akan memaparkan Add and Arrange Page Elements ------->Klik 'Edit Html' Biarkan Expand widget templates box tidak ditandakan /.Scroll sehingga menjumpai kod:

<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="false" title="The Widgets of Beta Blogger. Header)" type="Header">
</b:widget>
</b:section></div>

Tukarkan maxwidgets="1" to maxwidgets="2"

Tukarkan showaddelement="no" ke showaddelement="yes"

Save Template.


Sekarang klik Page Elements tab. Add and arrange Page Elements akan terpapar.
Disini u akan nampak header section mempunyai Add Element link. Klik untuk open dan Choose Picture type.


Klik add to blog.Salin URL gambar yang disimpan di Googlepages didalam URL text box. Save changes......> View Blog. Selesai


Kalau u all rasa ingin alihkan Title part diatas gambar u all di Header,pergi semula ke Page Elements dan klik Edit link di Title box. Di popup window akan terpapar Klik 'Remove'.Jika tiada Edit link di Title box,pergi ke edit Html subtab dan scroll hingga menjumpai:

<b:widget id="Header1">locked="true" </strong>title="The Widgets of Beta Blogger. (Header)" type="Header">

Tukarkan locked='true' ke locked='false' dan save template--->Pergi ke page Elements subtab dan u all boleh nampak Edit link di Title box dan Remove link selepas klik di Edit.


Moga sucsess

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...