Finally it is working!

Yes, like finally.  I managed to create a Custom Header which you can see on the right side bar.  This allows people to set their own preference of the top banner image.  If you click on the custom header, the top header image will change accordingly.

So, what’s so cool about this?  This post will contain technology jargon.  I am sorry.

When you click the custom header, the top banner image will be loaded without you have to refresh the page.  How I love Javascript and how I hate it since I am not so familiar with that language and it took me quite some time to integrate the function to my blog here.

Now, the custom header will be stored in your browser cookie.  So, whenever you come back to my blog, the blog will be set to your banner preference.  After some research, I have to use AJAX to create this.  Maybe there’s another way, but this is all I can do.

The problem is this functionality only works on Mozilla Firefox and partially working on Internet Explorer.  I am not sure why, but those who know, please enlighten me.  The problem is on IE, you can’t keep setting the cookie.  I am not sure why.  During my own testing, I can only change the header twice and after that, the cookie is never written anymore.  Perhaps I did something wrong somewhere?

I also tried to make the nice loading image when the top banner image is loading, but I failed hard there.  I will do some more research about that.

I’ll add another nice tricks to my blog when I have more ideas.

Cheers!