Home | Who is Reza Faizal?

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"
>
*/
  1. 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.
  2. 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.
Step 5. Now you need to do some adjustment. Also at the html code find "#header .description {" and make sure the values for "margin", "padding" and "line-height" set to "0". See below :

#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:

  1. Ashley said...
    very helpful, thank you
    Reza Faizal said...
    thanks... I hope everyone can follow the instructions...
    AnakBrunei said...
    You're very welcome dude! Tks for the mee goreng BIG PRAWN hehehe! Bila lagi??
    Reza Faizal said...
    Jing Chew... anytime... just sms.

Post a Comment