Random Image Banners in Wordpress

There are lots of different ways to get this done, either by using one of many Wordpress plugins, or just writing custom code. But for this tutorial, we'll be using a Wordpress plugin called WP Bannerize.

1. Download the plugin from this page. Extract and upload to your server, location should be your_wordpress_directory_root/wp-content/plugins.

2. Login to your blog, and on your left sidebar, click on Plugins. Look for WP Bannerize, and click Activate to enable the use of the plugin.

3. Once the plugin is activated, you should be able to see on your admin sidebar the WP Bannerize controls. You can now start adding banners by clicking on "Add new".

4. Browse for the image, and fill out other attributes like destination URL, etc.

5. Now that you have your banners ready, you need to insert into your theme the following:

   <?php if(function_exists( 'wp_bannerize' )) wp_bannerize('limit=1&random=1'); ?>

   Note:

   The default code would just be:

   <?php if(function_exists( 'wp_bannerize' )) wp_bannerize(); ?>

   but adding limit and random makes your banners appear in random order.

Make your vote count - 2007 Weblog Awards

2007 Weblog Awards : Last few days of voting for your favorite blogs, podcasts, vidcasts and independent content sites - besides voting for those that you've followed over the years or just recently, discover new content from the different categories showcased.    

A Blogger Experience Comparison - 2006 vs. 2007

I'm really not sure when all these changes happened to Blogger, but after not opening this account for a whole year, exploring the control panel has been a surprise and a pleasure. What prompted me really to open Blogger was Prism , which is a Mozilla product that works the opposite of what new and modern browsers are -it is simple and takes away the menu clutter and lets you just play with a specific web application. And so, while I was opening my "Web Apps" in Prism I thought of Blogger and wanted to see how it would feel to blog without the distraction of my web mail open in another tab and an article from Wired on another. Just you and application staring face to face. And so I was really surprised to find that you can now customize your sidebar and easily add content to whatever part of your blog. This was not so when I started using Blogger - I remembered sites that featured clever ways of creating Tags for blog entries, for inserting a header image ( which I wrote about 2 years ago ) and for other things that the platform lacked ( or that other blogging platforms offered ). The templates are basically the same as before ( as I remember ) except for 1 or two additional templates. But right now, choosing a template is much easier. Testing how fast it was to setup a blog - I could very well say that it is easier and much more polished than before - setup could take as fast as 5 - 10 minutes including inserting a widget, adsense and tags to the sidebar. Looking back - to add content to the sidebar meant editing the HTML and knowing what you we're doing, which is in contrast to what is capable through the control panel right now, adding anything is just a few clicks, copy-paste and save away. Letting users add javascript without opening the HTML makes customization fast and easy. 

Note:  The new blogger template customization tool needs you to upgrade first - which means that customization that you've done with your current template would be lost, but you can always go back or revert to your old template if you wish to do so.  For this blog, I used the new template for a couple of days but reverted back,  as I'm more used to HTML than XML ( you can download the XML and edit it elsewhere to customize, etc. ,but the point of the tool is to give the user freedom to change parts of the blog without understanding the code )

Overall - improvements may not be "astounding" for most, but they sure made me feel that the product as whole has matured a lot. And after a year of silence, it's nice to be blogging again.

Change Blogger Header To Show An Image

Here's a quick guide on how to change the blogger header to show an image instead of the usual Title text.

1. Go to your template and locate the part for the header :

   

2. Now change the part of the template shown above to the following lines :

   

   Note: Fill out the information for the URL of your blog and also the image location. You can either upload it to your own webspace or create a post in blogger and upload your image file, then save it as a draft. "View Html" should give away the file location.

3. Try to preview it first before saving the changes.