06 August, 2009

How to use custom header in blogger

I have encountered this problem before. I have searched for a tutorial and luckily I found one. I just want to share with you what I have learned.

If you already made a custom header and uploaded it to file hosting website like photobucket. Next thing to do is copy the code under direct link.
Image and video hosting by TinyPic

Then go to your blogger blog.
Click Layout and hit edit html
Image and video hosting by TinyPic
Image and video hosting by TinyPic

Find the this one in your template
Image and video hosting by TinyPic
Replace it with your own direct link.
Then hit save.

When you go back to your homepage. You will see that you have successfully save you custom header but then the old title of your blog is still there. Just like this.
Image and video hosting by TinyPic
To change it. Just go back to edit html and then in your template look for this code
Image and video hosting by TinyPic

Change the maxwidgets to 2 and showaddelement to yes. Replace this one locked=’true’ to false
Then click save.

Go back to layout
At the top, in your page element, in the header Click Edit
Image and video hosting by TinyPic

Then you will see this one.
Image and video hosting by TinyPic
Hit remove button
That's it!
Hope it can help you.

Photobucket
Yen
Photobucket

2 comments:

yen said...

hiya abs, i have tried it before but did not really pursue on it. my problem is that i do not have any idea yet in my mind to what header i want..hope we can chat so i can ask u direct, here is my yahoo yendvna9

Enchie said...

wow galing! I plan to tweak my food blog :) thanks Abie!