Metro Simple

Navigation Menu

<ul id='main_menu'>
<li class='top_menu'><a expr:href='data:blog.homepageUrl' style='padding:0px'><img src='http://1.bp.blogspot.com/-DtQr5x_9CwA/UOc8ImWfHxI/AAAAAAAACgE/sILQCQqmBXg/s000/home.png'/></a>
<ul>
<li><a href=''>Blogger News</a> </li>
<li><a href=''>Support</a> </li>
<li><a href=''>Sitemap</a> </li>
<li><a href=''>About</a> </li>
<li><a href=''>Contact</a> </li>
<li><a href=''>Policy</a> </li>
</ul>
</li>
.........

Edit the above code and add your navigation links

Featured Posts in Home page

1) First of all decide which Label (category) you want to use for Featured posts section. In the demo, we used a label called "hot". All posts from "hot" label are displayed as Featured post.
2) Go to Layout, Click Edit on Feature Gadget. Make sure ONLY following options are checked in the Show section. Please uncheck if Icons and/or Date of last update is already selected

• Title of most recent item
• Snippet of most recent item
• Thumbnail of most recent item

3) Now, you have to add 4 blog list URLs to display 4 featured posts in the home page. Please add exactly 4 urls. I added following URLs to the blog list

http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=1
http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=2
http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=3
http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=4

Here "hot" in the url refers to the Label that you want to use. Index number refers to the recent post number to display. Do not forget to change the domain in the above urls. I used http://metro-simple-lovely.blogspot.com to refer to my blog. Use your blog url instead.

4) Now, you are all done. You may have to wait up to 24 hours for this to work.

This template comes with several HTML/Javscript widgets to put your adsense code or a banner ad.

Header 468X60 -- Go to Layout. Edit HTML/Javascript widget next to Favicon and Header in the top right corner. Place your ad code here. Sidebar 300x250 -- Go to Layout. Edit the first HTML/Javascript widget in the sidebar and put your ad code. Footer ad -- Put your ad code in any HTML/Javascript widgets in the footer

Code for Social Widget is available in SocialWidget.txt file in the downloaded zip. Copy this code. Go to Layout and click Edit on the second HTML/Javascript widget in the sidebar. Paste the code copied. You should change the links to social sites with your links.

Code for Recent comments widget is available in Recentcomments.txt file in the downloaded zip. Copy this code. Go to Layou and click Edit on the HTML/Javascript widget just above the Friends Widget. Paste the copied code.

Layout for Metro Simple Blogger Template