Pages

Saturday, June 23, 2007

Ladybug (Red theme)

I have edited the original Ladybug layout and modified the colour from green to red :). I'm not sure whether the colour is too striking or not. This is the first time I designed a blog layout in red.

This is the snapshot of the Ladybug (red theme)
The snapshot of the comment section.

This new blogger layout/template is compatible with Internet Explorer 6, Internet Explorer 7 and Firefox 2. There is one issue with Internet Explorer 6 though. The header is created in gif format and thus, when view using Internet Explorer 6, white corner appear around the header image as shown below. Issue has been fixed :).

Installation Guide
  1. Make sure you backup your original blog layout/template in your computer. How to migrate from old blogger to new blogger.
  2. Download the ladybug (red theme) by right click and click save link as....
  3. There are several links that need to be updated with your blog url.
    • open the file with Notepad.
    • Search this in the file yourblogname and update this to your blogspot name. There are 5 places where you need to update the blogspot name.
    • save the file.
  4. Login into Blogger and click layout. Click edit html tab and upload ladybug.xml by clicking upload button.
  5. At this point, Blogger may ask you that the current widget setting will be deleted. Please save the setting into a text file [eg Notepad, Microsoft Word] if you are going to use the widget in the future. Otherwise, click confirm and save.
  6. Next, click setting tab. Go to formatting and choose the following options.
    • language: English (United States)
    • Date Header format: Month, Day, Year. Please make sure the name of month in abbreviation form. For example, June 16 2007 will be written as Jun 16 2007. This step is to ensure the date will fit into the date-calendar icon.
  7. Final step is to check your blog and hopefully you will have Ladybug Theme :D.
Related post

Ladybug (Green theme)

Feel free to contact me if you encounter any problem.

13 comments:

hayad said...

yes! dis is nice! ;)

Hafiz said...

hayad: now there should not be any complain about the colour :)

rodrigo: sorry, I could not understand what are you saying.

Anonymous said...

nice!
-> bias : kerana saya memang suka colours sebegini :)

Anonymous said...

nice. but i will not risk anything near to pink in the near future, hahaha!

Hafiz said...

chem: :)

moshimoshi: will take that advice gladly. I learned that from your experience ;)

Anonymous said...

I can easily imagine more excellent designs from you in the near future. Brace yourselves, people! :)

Deanna said...

Love this! I am using it over at my blog http://luckylittleladybug.blogspot.com/
Any chance this can be converted to a 3 column?

Hafiz said...

I can convert this into 3-column for you. It will probably takes few days for that :).

Deanna said...

That would be awesome! I really love the layout. You sound busy, so no rush! Can you post a comment on my blog when it's ready?
Thank you soo much!

Hafiz said...

sorry for being late. a bit busy with my studies. I have rewritten the code and modify the image. The only thing that I need to do now is the comment section. I will leave comment at your blog when it is done :)

Deanna said...

Great! Again, no rush. I work at a children's hospital, so I understand how busy you are from your posts. Studying medicine is truly a gift. Thank you very much!

Deanna said...

Thank you! I love it! I really appreciate it.

Hafiz said...

you are welcome :)