Template Name : Blog Mild
Template Author : Borneo Templates
Url Author : www.borneotemplates.com
Description : Blog Mild Blogger Template Specially designed for blogger lovers. Blog Mild has horiontal navigation with current menu, horizontal blog post and very fast loading page.
Designer : Herdiansyah Hamzah
Platform : Blogger/Blogspot

DEMO || DOWNLOAD

Descritption and features:

- Simple SEO Friendly Style
- 2 column header
- 2 Column
- Share Buttons
- Auto Readmore
- Navigation links / Horizontal menu
- Cross browser compatibility
- Fast load page
- SEO Friendly
- Simple style and easy to use / user friendly

Login to blogger dashboard - design -Edit HTML - Tick Expand Widget Templates ....

1- First, look into the head section such as quoted below, and at the red color, you may change it with yours (these codes are SEO friendly meta tags for your template)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title> <data:blog.pageName/> </title>
<b:else/>
<title> <data:blog.title/> </title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR DESCRIPTION' name='description'/>
<meta content='KEYWORD1,KEYWORD2,KEYWORD3' name='keywords'/>
</b:if>
<meta content='global' name='target'/>
<meta content='Index,follow' name='Robots'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='YOUR NAME' name='author'/>
<meta content='100' name='alexa'/>
<link expr:href='data:blog.url' rel='canonical'/>

And you can change the favicon image with yours
<link href='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' rel='shortcut icon' type='image/x-icon'/>

2- Then, find and look at the red color of codes below, you may change it with your own...


<div id='pagemenucontainer'>
<ul id='pagemenu'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='/'>Contact</a></li>
<li><a href='/'>Advertise</a></li>
<li><a href='/'>About</a></li>
</ul>

</div>

and

<div id='nav'>
<ul>
<li><a href='/'>Menu-1</a></li>
<li><a href='/'>Menu-2</a></li>
<li><a href='/'>MEnu-3</a></li>
<li><a href='/'>Menu-4</a></li>
</ul>
</div>

DEMO || DOWNLOAD

Simple Clean Template Instruction Manual


What Do You Need to Change?


Login to your blogger dashboard - Design - Edit HTML, then find these codes, red colors are what you need to change...

1- Header meta tags

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Description' name='description'/>
<meta content='Your keywords' name='keywords'/>
</b:if>

2- Auto drop-down menu - at top-right of header

<div id='pagemenucontainer'>
<div id='dropmenu'>
<ul>
<li>Contact
<ul class='submenu'>
<li><a href='/'>Contact Us</a></li>
<li><a href='/'>Advertise</a></li>
<li><a href='/'>About</a></li>
</ul></li></ul>
</div>

</div>
</div>


3. Header Navigation (horizontal menus)

<div id="nav">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">Menu 1</a></li>
<li><a href="/">Menu 2</a></li>
<li><a href="/">Menu 3</a>
</li>
</ul>
</div>



DEMO || DOWNLOAD