Thursday, January 1, 2009

How to Make Banner for Your Blogs

Making banner is quite simple but you have to know how to edit images by using MS Paint, Photoshop, Illustrator, etc. You can simply use ImageReady, Fireworks, or Flash to make animated gif images. Since Paint is the only software that almost everybody have, I'm going to make a animated banner using Paint and Gickr.com.

Start the Paint software, change the attributes (Ctrl+E or select Image > Attributes). Change the height and width to your desired size. Draw something and then Save As the file as "banner1" or any name. Then just undo some actions to clear the page or add other drawing. Then save the file as "banner2". You should now has two files with same dimension.
Now go to Gickr.com and just upload the two files in the given form. Select the size of the image or enter your own, select the speed, and click "continue". Your animated banner will be generated and then save the file in your computer and rename it.
Then upload the file to your blog, photobucket, myspace. friendster, etc. and copy the address.
To have the banner in your sidebar, or anywhere in your blog, use the following html code and paste it in your html widget.

<a href="http://your.blog.address/"><img src="http://the.address.you've.uploaded.the.banner/banner.gif" border="0" /></a>

To add textbox in you blog post or sidebar for your visitors to copy the code, use the following html code:

<textarea name="textarea" cols="30" rows="2" ><a href="http://your.blog.address/"><img src="http://the.address.you've.uploaded.the.banner/banner.gif" border="0" /></a></textarea>

Change the column and rows size (cols and rows) to your desired values. All those in blue are editable. You can further customize the codes using html editor such as Dreamweaver if you want to.

Related Posts with Thumbnails

Nang it

  © Duan Says... The Professional Template by Ourblogtemplates.com 2008

Back to TOP