Here is another tip to customize your blog by creating a Rotating Header Image. You can see an example on my Langwitches Travels Blog .

Pay attention to the banner image, then refresh your browser and you will see another banner image. I only have 6 header images to choose from at this point, so it can happen that you are viewing two of the same images in a row, just refresh again and another should come up.

I found the following tutorial "Simple Random Header Images for your Blog " that I followed to make this work.

First, I created 6 different headers, all the same width and height, named header1.jpg, header2.jpg, header3.jpg, and so on. I uploaded these files via FTP into the same directory the original header image of the theme was located in. Make sure you know the path to these images, since you will insert YOUR path (not the langwitches path) into the code.

I copied the code into the header.php file of my theme (In the Dashboard, go to Presentations> Theme Editor> Header ) . Again, make sure it is the URL path to YOUR image.

<img src="http://www.langwitches.org/blog/travel/wp-content/themes/
crayonworld-10/img/header_<?php echo(rand(1,6)); ?>.jpg"

You can create as many images as you wish, just keep numbering them accordingly (header7.jpg, header8.jpg, etc), then go back into your header.php and change the number to the highest number of images that you have to choose from (in my case I would replace the…(rand(1,6)) in the code with (rand(1,8)), if I had added two more banners.

Have fun playing around with rotating header images.

Posted: 28. December, 2007 at 12:58 pm. Filed under: Blogging, Web Desgin.
Comment | Trackback