I just received a Dashboard notification that my database would be unavailable for the next five hours for maintenance – so if you can’t hit my site to test out the validity of this tutorial… give it five hours.
I am running the CUTLINE theme and I want rotating image headers as I had when I was running a standalone WordPress blog just because it’s neat and just because I miss it and just because I want to see if I can make it happen here.
I made it happen here and here's how I did it:
1. You must have the Custom CSS available for your blog.
2. You must have access to another website or server to upload your images and a PHP script.
3. You must know the proper CSS code to use to call a remote image header.
4. Go to Matt’s site and copy and paste the "rotate" code found on his page and save it as a file called "rotate.php"
and if you don’t know how to create a PHP file from that page then don’t try to do this header customization.
5. Create the header images you want to use to match the size of your header.
6. Upload those image files and include the "rotate.php" script in the same directory on your outside web server.
7. Edit the CSS code for your header here at WordPress.com to call "rotate.php" instead of an image name – that PHP file is your image because it calls up your images. Be sure to save your customization.
8. Click SHIFT+REFRESH/RELOAD on your browser to clear your cache to see the image headers change on your blog. The speed of the change depends upon your remote server, your internet connection and the size of your header images.
9. You can see this in action on my WordPress.com blog: http://urbansemiotic.com