I've been trying to figure out a simple way to put a graphic/image file for my blog header. I was having breakfast with AnakBrunei and Bruneian this morning and I got this tips from AnakBrunei on how to do it.
Step 1. Login to blogger and click "Template".
Step 2. Click "Page Elements" tab.
Step 3. Click "Edit" on your "(Header)" element.
Step 4. Type in your "Blog Title" and in the "Blog Description" form type in the image source for you graphic/image file. For eg :
/*
<img src="http://lh3.google.com/image/rezafaizal/RaBX_IR2DSI/AAAAAAAAAAg/
4QRBVPnWZtc/whattodo.jpg">
*/
- For my blog I've decided to save the file using Picasa Web Album. It took me less than a minute to register and sign-up. Uploading picture/graphic/image file is very easy. From there I find out the image source of the file I like to use for my blog header.
- Make sure the pictures you want to upload is of the same width as the Header width. You got to look at the html code at "Template" -> "Edit HTML" and find "#header {" section.
#header .description {
display: block;
margin: 0 0;
padding: 0 0 0;
line-height: 0;
font-size: 50%;
}
Step 6. Final touch-up. To hide the "Blog Title", just go to "Fonts and Title" and choose the color which match your "Page Background Color". You might need to change your "Page Header Background Color" to the same color.
Thank you AnakBrunei
4 Comments:
-
January 7, 2007 at 12:32 PM
very helpful, thank youJanuary 7, 2007 at 5:04 PMthanks... I hope everyone can follow the instructions...January 10, 2007 at 10:49 PMYou're very welcome dude! Tks for the mee goreng BIG PRAWN hehehe! Bila lagi??January 11, 2007 at 11:46 PMJing Chew... anytime... just sms.
Subscribe to:
Post Comments (Atom)
