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.


hayad said...

yes! dis is nice! ;)

Rodrigo said...

Oi, achei teu blog pelo google tá bem interessante gostei desse post. Quando der dá uma passada pelo meu blog, é sobre camisetas personalizadas, mostra passo a passo como criar uma camiseta personalizada bem maneira. Até mais.

hafiz238 said...

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

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

chem said...

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

moshimoshi said...

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

hafiz238 said...

chem: :)

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

farah y said...

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

hafiz238 said...


Deanna said...

Love this! I am using it over at my blog
Any chance this can be converted to a 3 column?

hafiz238 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!

hafiz238 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.

hafiz238 said...

you are welcome :)