Blueyo is another free HTML template which was originally designed by Jesper from jayj.dk. I’ve converted it into Blogger template.
It is a professional-looking blogger template with right sidebar, ad slots ready, social icons (Twitter, RSS, Subscribe) ready and more. This template is cross-browser compatible.
Editing Instructions
1. Social buttons
<div class='social'> <a href='http://twitter.com/username'><img alt='' border='0' height='44' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TI2q5yDqH9I/AAAAAAAABqY/_aY5NfyUFuo/twitter.gif' width='124'/></a> <a class='rss1' expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='' border='0' height='42' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TI2qhikuyNI/AAAAAAAABqI/IE0TyX88INM/rss1.gif' width='42'/></a> <a class='rss2' href='#'><img alt='' border='0' height='38' src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TI2qrJWPgvI/AAAAAAAABqQ/mJNTw1X958I/rss2.gif' width='41'/></a> </div>
2. Navigation Menu
<ul> <li><a class='active' expr:href='data:blog.homepageUrl' href='#'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> </ul>
3. Ad slots
<div class='ads' id='sidebar'>
<h2>Ads</h2>
<a href='#'><img alt='' border='0' height='125' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TI15dZfsNyI/AAAAAAAABos/7KcwJrBhV6o/s1600/ad.gif' width='125'/></a>
<a href='#'><img alt='' border='0' height='125' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TI15dZfsNyI/AAAAAAAABos/7KcwJrBhV6o/s1600/ad.gif' width='125'/></a>
<a href='#'><img alt='' border='0' height='125' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TI15dZfsNyI/AAAAAAAABos/7KcwJrBhV6o/s1600/ad.gif' width='125'/></a>
<a href='#'><img alt='' border='0' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TI15dZfsNyI/AAAAAAAABos/7KcwJrBhV6o/s1600/ad.gif' width='125'/></a>
<div class='clear'/>
</div>
4. Post thumbnails
You have to add a class=”alignleft” to the <img> tag in the post editor. The thumbnail image should have a width and height of 200px.
<img class="alignleft" alt="" src="/images/thumbnail.jpg">