Silver Ray

The name of this layout is a combination from silver lining and sunray which has been suggested by Minci and Farah. Thanks to Striker, Moshimoshi, Aria Ayumi for giving suggestion :).

Silver Ray is a fixed width 3-column layout. This is based on my current blog layout. This new blogger layout is compatible with IE6, IE7 and Firefox 2. Snapshot of the layout.

Update: Silver Ray version 2. Blog post is in the middle.

Comment Section.

I have modified the comment section. In my previous blogger layouts, I have designed it as a dialog box. For this one, I designed the comment section as a box.

Installation guide

1. Backup your current blog layout. How to migrate from old classic Blogger to new Blogger.
2. Download Silver Ray or Silver Ray (blog post middle) by right click and save link as...
3. Open the file using Notepad.
   
4. Search the following words: yourprofile, YourBlogName. [How to search? If you are using windows, press Ctrl and F together at the same time, or go to Edit and scroll down to Find]. Change yourprofile with the address of your profile. Change YourBlogName to your blog address. There are 3 places that you need to update YourBlogName.
5. Save the file.
6. Login into Blogger and click layout. Click edit html tab and upload Silver-Ray.xml by clicking upload button.
7. 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.
8. 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, December 10 2007 will be written as Dec 10 2007. This step is to ensure the date will fit into the date-calendar icon.

9. Check your blog and hopefully you will have Silver ray installed as your current blog template :)
   

Blogger Hack

1. Encrypted blog post. Read More.
2. Language Translation Widget.
3. Expandable post with Peekaboo view.
4. Recent post widget
5. Recent comment widget
6. Blogger Label Hack
7. Need more hack? Use Blogger Hack Search Engine or Google :).
   

If you have any problem, feel free to contact me.

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.

UPDATE 2/9/2007: Ladybug (red theme) with 3 column.

Ladybug

I have finished the layout. The header image shows a macro shot of ladybug :). The original picture come from this website. It is an excellent picture and the whole layout is based on the picture. Check the screenshot of the layout below.

Features of this layout

1. Favicon . Every header in the sidebar widget will also have this picture next to the title.
2. Date-calendar icon . This feature is inspired from iTheme created by Arephyz. There a lot of elegant new blogger layouts created by him :).
3. Blog search. The search function is taken from the original Blogger navigation bar. Any search will be displayed in the blog itself.
   
4. Author comment highlighting. Credit goes to Ramani. I have modified the code a bit and put images surrounding the comment section. Comment from blog author and visitor will have different colour. The result is shown below B-).
5. This new blogger layout is compatible with three major internet browsers: Internet Explorer 6 [IE6], Internet Explorer 7 and Firefox 2. Only one tiny issue with IE6. The ladybug icon is in PNG format and when view using IE6, the icon will have grey background as shown here. It is not that obvious though.

Instruction on how to install this layout.

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.xml 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, September 24 2007 will be written as Sept 24 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.
   

Options

You can now choose to update this layout with several blog widgets. The default widgets in the layout is profile, blog labels and archive.

• Recent comment and recent post widget by Beautiful Beta. Please click here for further instructions. There are several blogger widgets available in that site.
• Smilies. Click here for further instruction :).
• Would like your feed to show the post according to published date instead of when the post is updated? This is the answer.
• Would like to modify your Google Reader Shared Item? Click this post.
• You need more Blogger hacks. How about using Blogger Hack Search instead ;).
  

Related post

Ladybug (Red theme)

Feel free to contact me if you have any problem installing the template.