This mainstream blog template comes with right sidebar with pillar type image on it. Also profile description can be placed or written just below the header WITH easily addable widgets.Very nice looking blog template.Take this for free now.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> | <data:blog.title/> </title>
<b:else/>
<title> <data:blog.pageTitle/> </title>
</b:if>
<b:skin><![CDATA[/*
Theme Name: Mainstream
Version: 1.1.0
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/
.navbar {
visibility:hidden;
display: none;
}
/* Reset / Default styles */
/* General */
html, body {font-family: arial; font-size: 12px;border: 0;color: #555555; background: #FFFFFF;}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0; padding: 0;}
p {line-height: 20px;padding: 10px 0;}
h1, h2, h3, h4, h5 {padding: 10px 0;font-family: Georgia;}
ul, ol {list-style: none;padding: 10px 0;}
small { font-size: 11px;}
code {background: #FFFFC1;}
a {color: #a8bc70; text-decoration: none;}
a:hover {text-decoration: none;}
a img {border: none;}
blockquote p {padding: 5px 0;}
/* Align */
.aligncenter {margin: 10px auto 20px auto;display: block;}
.alignleft {margin: 10px 20px 8px 0;float: left;}
.alignright {margin: 10px 0px 8px 20px;float: right;}
.col-left {float: left;}
.col-right {float: right;}
/* PageNavi */
.more_entries {font-size:11px;}
.more_entries .wp-pagenavi {clear:both;float: right;}
.more_entries .wp-pagenavi a {text-decoration: none !important;}
.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover {background: #9f9f9f !important;}
.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited,
.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi span.pages { background: #EEEEEE;color: #666; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; }
.more_entries .wp-pagenavi .extend { background:none; border:none; }
/* Misc */
.wrap:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden}
.fl{float: left}
.fr{float: right}
.ac{text-align: center}
.ar{text-align: right}
img.centered{display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background-color:#EEEEEE;border:1px solid #DDDDDD;padding:4px 0 5px;text-align:center;}
.wp-caption-text {padding:3px 0 0;font-size:11px;}
/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/
/* 1.1 Defaults */
body {
font: 14px Helvetica, Arial, Sans-serif;
line-height: 1.5; /*unitless for proper inheritance*/
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: Arial,Helvetica,Sans-serif;
}
h1 {font-size: 30px} h2 {font-size: 24px} h3 {font-size: 20px}
h4 {font-size: 18px} h5 {font-size: 14px} h6 {font-size: 12px}
p {margin: 18px 0;}
/* 1.2 Hyperlinks */
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/
/* 2.1 Containers */
#container {
width: 960px;
margin: 0 auto;
}
#main {
width: 940px;
padding: 10px;
}
#main #inside {
padding: 20px;
}
/* 2.2 Header */
#header {
width: 940px;
margin: 0 auto -10px auto;
}
#header h1 {
margin:0;
padding: 0;
color: #20110E;
font-size: 40px;
font-weight: bolder;
}
#header h2 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: normal;
color: #D0705E;
font-size: 15px;
}
/*#header img { margin: 40px 0; }*/
#header #logo {
float: left;
width: 470px;
margin: 30px 0;
}
#header #top-ad {
float: right;
width: 470px;
margin: 40px 0 0 0;
}
/* 2.3 Navigation */
#navigation {
position: relative;
z-index: 1;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;
}
#nav li {
float: left;
margin: 0 5px 0 0;
}
#nav a:link, #nav a:visited {
display: block;
z-index: 100;
padding: 10px 8px 6px 8px;
text-transform: uppercase;
}
#nav li.current_page_item a, #nav li a:hover {
text-decoration: none;
}
/* Style drop down list */
#nav li ul { position: absolute; width: 172px; left: -999em; }
#nav li ul li { margin: 0!important; }
#nav li ul li a { font-size: 12px; width: 156px; }
#nav li ul li a:hover {}
#nav li ul ul { margin: -26px 0 0 170px; }
#nav li ul li ul li a { border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */
/* 2.4 Introduction */
#introduction {
padding-bottom: 20px;
}
#about {
position: relative;
z-index: 0;
float: left;
width: 580px;
margin: 0 0 0 -40px;
padding: 17px 20px 17px 40px;
}
#about h2 {
font-size: 28px;
margin: 0;
padding: 13px 0 20px 0;
}
#about {
line-height: 20px;
}
#about img {
float: left;
margin: 0 20px 10px 0;
}
#about .fold {
position: absolute;
left: 0;
bottom: -15px;
width: 20px;
height: 15px;
}
#connect {
float: left;
width: 278px;
margin: 0 0 0 20px;
}
#connect ul {
}
#connect ul li {
height: 64px;
}
#connect ul li a {
display: block;
height: 34px;
padding: 15px 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 16px;
cursor: pointer;
}
#connect ul li a:hover {
text-decoration: none;
}
#connect ul li a img {
float: left;
margin: 0 15px;
}
#connect ul li a span {
display: block;
font-size: 12px;
font-weight: normal;
font-style: italic;
}
/* 2.5 Content */
#content {
float: left;
width: 600px;
margin: 20px 0 0 0;
}
#full-width {
width: 940px;
}
h2.result_heading {
margin: 0 0 20px 0;
}
/* 2.6 sidebar */
#sidebar {
float: left;
width: 280px;
margin: 20px 0 0 20px;
}
#sidebar a {
}
/* 2.7 Footer */
#footer {
padding: 20px 0 20px 0;
text-align: center;
}
#footer p {
margin: 5px 0 0 0;
padding:0;
font-weight: bold;
}
#footer ul li {
display: inline;
text-transform: uppercase;
font-size: 12px;
margin: 0 6px;
}
#footer ul li a {
}
#footer ul li.current_page_item a, #footer ul li a:hover {
}
/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/
#sidebar .widget {
margin: 0 0 30px 0;
}
#sidebar .widget h2 {
position: relative;
margin: 0 -40px 0 0;
padding: 5px 40px 5px 10px;
font-size: 14px;
text-transform: uppercase;
}
#sidebar .widget h2 span.fold {
position: absolute;
display: block;
right: 0;
bottom: -15px;
width: 20px;
height: 15px;
}
#sidebar .widget ul {
}
#sidebar .widget ul li {
}
#BlogArchive1 ul {margin-top:10px !important;}
#sidebar .widget ul li a:link, .widget ul li a:visited {
display: block;
padding: 0 0 0 20px;
line-height: 30px;
}
#sidebar .widget ul li a:hover {
text-decoration: none;
}
#sidebar .widget_recent_comments li {
padding: 6px 0 6px 20px;
line-height: 18px;
}
#sidebar .widget_recent_comments li a {
display: inline;
padding: 0;
line-height: 18px!important;
}
#searchform {
margin: 15px 0 0 0;
}
#searchform #s {
width: 200px;
padding: 3px 0 3px 5px;
}
#searchform .submit {
padding: 2px 0 2px 0;
text-transform: uppercase;
}
#flickr h2 {
margin-bottom: 10px;
}
#flickr .flickr_badge_image {
margin: 4px 6px;
float: left;
width: 75px;
}
#twitter li {
margin: 10px 0;
}
#twitter a {
display: inline;
padding: 0;
line-height: 18px;
}
#ads img {
float: left;
margin: 10px 5px 0 5px;
}
/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/
.post {
margin: 0 0 20px 0;
}
.post .meta {
margin: 0;
font-style: italic;
}
.post .meta .comments {
padding: 0 19px 0 0;
text-transform: uppercase;
font-weight: bold;
}
.post .categories a {
display: inline;
font-size: 12px;
padding: 6px 8px 4px 6px;
}
.post .categories a:hover {
text-decoration: none;
}
.entry {
}
.entry a.more-link {
text-transform: uppercase;
font-weight: bold;
}
.post .tags {
margin: 0 0 20px 0;
}
/* 4.1 Typographic Elements */
.post h2.title {
margin: 8px 0 20px 0;
font-size: 30px;
line-height: 20px;
}
.post h2.title a:link, .post h2.title a:visited {
}
.entry h1 {}
.entry h2 {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin: 0 0 15px 0;
}
.entry blockquote {
padding: 10px 30px;
}
.entry blockquote p {
margin: 0;
}
.entry ul {
margin: 0 0 20px 0;
padding: 0 0 0 30px;
}
.entry ul ul {
margin: 0 0 0 0;
padding: 0 0 0 15px;
}
.entry ul li {
list-style-type: circle;
}
.entry ul li ul li {
list-style-type: disc;
}
.entry ol {
margin: 0 0 20px 0;
padding: 0 0 0 30px;
}
.entry ol ol {
margin: 0 0 0 0;
padding: 0 0 0 15px;
}
.entry ol li {
list-style-type: upper-latin;
}
.entry ol li ol li {
list-style-type: lower-latin;
}
/* 4.2 Images */
.entry img {
}
img.wp-smiley {
padding: 0;
}
.entry .alignleft {
float: left;
margin: 10px 15px 10px 0;
}
.entry .alignright {
float: right;
margin: 10px 0 10px 15px;
}
.entry .aligncenter {
text-align: center;
}
/* 4.3 Page Navi */
div.Nav {
height: 25px;
}
.Nav strong.on {
padding: 5px 8px 3px 8px;
}
.Nav a:link, .Nav a:visited {
padding: 2px 5px;
font-weight: bold;
}
/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/
/* 5.1 Comments */
#comments h3 {
font-size: 20px;
font-weight: normal;
padding: 10px 0 20px 0;
}
#comments ol.commentlist {
margin: 20px 0 0 0;
}
#comments ol.commentlist li {
list-style-type:none;
padding: 10px 0;
}
#comments ol.commentlist li .comment-head {
margin: 0 0 10px 0;
}
#comments ol.commentlist li .comment-head .avatar img {
float: right;
}
#comments ol.commentlist li .comment-head .user-meta span {
display: block;
}
#comments ol.commentlist li .comment-head .user-meta span.name {
font-weight: bold;
}
#comments ol.commentlist li .comment-head .user-meta span.date {
font-size: 11px;
}
#comments ol.commentlist li .comment-head .user-meta span.perma {
text-transform: uppercase;
font-size: 10px;
}
#comments ol.commentlist li .comment-entry p {
margin: 0 0 10px 0;
}
#comments div.reply a { font-size:11px; text-decoration:none; text-transform: uppercase; font-weight: bold; }
#comments ul.children {
margin:10px 0 0 0;
padding:0 0 0 22px;
}
#comments ul.children li {
padding-bottom: 0;
}
#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
display: block;
padding: 5px 9px;
margin-left: 4px;
font-family:Georgia;
font-weight:bold;
}
#comments .commentlist #respond #form_wrap {
padding:0 0 25px;
margin:0;
width:auto;
}
#comments .cancel-comment-reply {margin-bottom:10px;}
/* 5.2 Comments Form */
#respond {
margin: 20px 0 0 0;
}
#respond h2 {
margin: 0;
}
#commentform {
margin: 20px 0 0 0;
}
#commentform input.txt {
width: 207px;
margin: 0 10px 0 0;
padding: 3px 0 3px 5px;
}
#commentform label {
font-size: 11px;
text-transform: uppercase;
}
#commentform textarea {
width: 100%;
}
#commentform #submit {
padding: 2px 0 2px 0;
text-transform: uppercase;
}
.navigation { margin:0;}
.navigation a {
display: block;
padding: 5px 9px;
margin-left: 4px;
font-family:Georgia;
font-weight:bold;
}
/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/
.floatl {float: left;}
.floatr {float: right;}
.alignl {text-align: left;}
.alignr {text-align: right;}
.alignc {text-align: center;}
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* 1.1 Defaults */
body {
color: #3f312e;
background: #ecd078 url(http://174.132.149.5/~tmwwtw/mainstream/img/bg.jpg) repeat-x top left;
}
h1, h2, h3, h4, h5, h6 {
color: #3f312e;
}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #d95b43; }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
color: #3f312e;
}
/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/
/* 2.1 Containers */
#main {
background: url(http://174.132.149.5/~tmwwtw/mainstream/img/main.png) repeat left top;
}
#main #inside {
background-color: #fff;
}
/* 2.2 Header */
/* 2.3 Navigation */
#nav a:link, #nav a:visited {
color: #4f4f4f;
border-left: 1px solid #e4bc3f;
border-top: 1px solid #e4bc3f;
border-right: 1px solid #e4bc3f;
background-color: #fbe49b;
}
#nav li.current_page_item a, #nav li a:hover {
color: #3f312e;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
background: #fff url(http://174.132.149.5/~tmwwtw/mainstream/img/nav.jpg) repeat-x left top;
}
/* Style drop down list */
#nav li ul { border: 1px solid #e4bc3f;}
#nav li ul li { border-bottom: 1px solid #e4bc3f; background: #FFF; }
#nav li ul li a { background-color: #fbe49b!important; background-image: none!important; border: none!important;}
#nav li ul li a:hover { background: #fff url(http://174.132.149.5/~tmwwtw/mainstream/img/nav.jpg) repeat-x left top!important; border: none!important;}
/* 2.4 Introduction */
#introduction {
border-bottom: 1px solid #f5e4b0;
}
#about {
background: #d95b43 url(http://174.132.149.5/~tmwwtw/mainstream/img/about.jpg) repeat-x top left;
}
#about h2 {
color: #fff;
}
#about {
color: #fff;
}
#about img {
border: 5px solid #da715f;
}
#about .fold {
background: url(http://174.132.149.5/~tmwwtw/mainstream/img/about_fold.png) no-repeat left top;
}
#connect {
border: 1px solid #ededed;
}
#connect ul li a {
color: #53777a;
background: url(http://174.132.149.5/~tmwwtw/mainstream/img/connect_grad.png) repeat-x top left;
}
#connect ul li a span {
color: #3f312e;
}
/* 2.5 Content */
h2.result_heading {
border-bottom: 2px solid #3f312e;
}
/* 2.6 sidebar */
#sidebar a {
color: #53777a;
}
/* 2.7 Footer */
#footer p {
color: #6a5821;
}
#footer ul li a {
color: #4f4f4f;
}
#footer ul li.current_page_item a, #footer ul li a:hover {
color: #3f312e;
}
/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/
#sidebar .widget h2 {
color: #fff;
background-color: #53777a;
}
#sidebar .widget h2 span.fold {
background: url('http://174.132.149.5/~tmwwtw/mainstream/img/widget_fold.png') no-repeat center center;
}
#sidebar .widget ul li a:link, .widget ul li a:visited {
border-bottom: 1px solid #e0e6e6;
color: #6c6c6c!important;
background: url(http://174.132.149.5/~tmwwtw/mainstream/img/bullet.png) no-repeat 8px 13px;
}
#ArchiveList ul li a {margin-left:-15px; padding-left: 35px !important;}
#sidebar .widget ul li a:hover {
color: #53777a!important;
background-color: #f0f0f0;
background-image: url(http://174.132.149.5/~tmwwtw/mainstream/img/bullet_hover.png);
}
#sidebar .widget_recent_comments li {
border-bottom: 1px solid #e0e6e6;
background: url(http://174.132.149.5/~tmwwtw/mainstream/img/bullet.png) no-repeat 8px 13px;
}
#sidebar .widget_recent_comments li a {
background: none!important;
border: none!important;
}
#searchform #s {
border: 1px solid #898989;
}
#searchform .submit {
color: #fff;
border: 1px solid #c53624;
background-color: #d85a42;
}
#twitter a {
background-image: none;
}
/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/
.post {
border-bottom: 1px solid #dcd6d5;
}
.post .meta {
color: #8a7975;
}
.post .meta .comments {
background: url(http://174.132.149.5/~tmwwtw/mainstream/img/ico-comments.png) no-repeat right 1px !important;
}
.post .categories a {
color: #fff;
background-color: #d95b43;
}
.post .categories a:hover {
text-decoration: none;
}
/* 4.1 Typographic Elements */
.entry blockquote {
color: #666;
}
/* 4.2 Images */
.entry img {
border: 3px solid #dbdbdb;
}
img.wp-smiley {
border: none;
}
/* 4.3 Page Navi */
.Nav strong.on {
color: #fff;
background-color: #53777a;
}
.Nav a:link, .Nav a:visited {
color: #53777a;
}
/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/
/* 5.1 Comments */
#comments ol.commentlist {
border-top: 1px solid #dcd6d5;
}
#comments ol.commentlist li {
border-bottom: 1px solid #dcd6d5;
}
#comments ol.commentlist li .comment-head .avatar img {
border: 3px solid #dcd6d5;
}
#comments ol.commentlist li .comment-head .user-meta span.date {
color: #565656;
}
#comments ul.children {
background: url(http://174.132.149.5/~tmwwtw/mainstream/img/comment_reply.png) no-repeat left 11px;
}
#comments ul.children li {
border-bottom: 0;
}
#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
color: #fff;
background: #9F9F9F;
}
#comments .navigation a:hover {background: #888;}
#comments .commentlist #respond #form_wrap {
border:0;
}
/* 5.2 Comments Form */
#commentform input.txt {
border: 1px solid #898989;
}
#commentform textarea {
background-color: #f4f4f4;
border: 1px solid #898989;
}
#commentform #submit {
color: #fff;
border: 1px solid #c53624;
background-color: #d85a42;
}
]]></b:skin>
<!--[if IE 6]>
<script type="text/javascript" src="http://174.132.149.5/~tmwwtw/mainstream/js/pngfix.js"></script>
<script src="http://174.132.149.5/~tmwwtw/mainstream/js/menu.js"></script>
<style type="text/css">
#header {margin-bottom: -10px;}
#about {margin-left: -20px;}
#sidebar .widget h2 {zoom:1;}
#sidebar .widget h2 span.fold {bottom: -19px;}
#sidebar .widget ul li {zoom: 1; margin-bottom: -3px;}
#searchform #s {width: 190px;}
#searchform .submit {padding: 2px 0 0 0;}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
#header {margin-bottom: -10px;}
#sidebar .widget h2 {zoom:1;}
#searchform #s {width: 190px;}
#searchform .submit {padding: 2px 0 0 0;}
</style>
<![endif]-->
</head>
<body>
<div id='container'>
<div id='header'>
<b:section id='logo' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Demo - Mainstream (Header)' type='Header'>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
<data:description/>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1>
<b:include name='title'/>
</h1>
<h2>
<b:include name='description'/>
</h2>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section><!-- /#logo -->
<div id='top-ad'>
<b:section class='advert' id='advert' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div><!-- /#top-ad -->
<div class='clear'/>
<div id='navigation'>
<ul id='nav'>
<li class='page_item current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='cat-item'><a href='http://wpbloggerthemes.blogspot.com' title='WP Blogger Themes'>WP Blogger Themes</a></li>
<li class='cat-item'><a href='http://www.wordpresstoblogger.com' title='Wordpress To Blogger'>Wordpress To Blogger</a></li>
<li class='cat-item'><a href='#' title='Menu 1'>Menu 1</a>
<ul class='children'>
<li class='cat-item'><a href='#' title='Link 1'>Link 1</a></li>
<li class='cat-item'><a href='#' title='Link 2'>Link 2</a></li>
<li class='cat-item'><a href='#' title='Link 3'>Link 3</a></li>
</ul>
</li>
</ul><!-- /#pagenav -->
</div><!-- /#navigation -->
<div class='clear'/>
</div><!-- /#header -->
<div id='main'>
<div id='inside'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div id='introduction'>
<div id='about'>
<b:section id='about1' showaddelement='yes'>
<b:widget id='Text1' locked='false' title='Hi! Welcome...' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='fold'/>
</div><!-- /#about -->
<div id='connect'>
<ul>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='RSS'><img alt='RSS icon' src='http://174.132.149.5/~tmwwtw/mainstream/img/ico-rss.png'/><span>SUBSCRIBE TO OUR FEEDS:</span>ALL POSTS</a></li>
<li><a href='http://twitter.com/twitterid' title='Twitter'><img alt='Twitter icon' src='http://174.132.149.5/~tmwwtw/mainstream/img/ico-twitter.png'/><span>FOLLOW ME ON TWITTER:</span>@twitterid</a></li>
<li><a href='http://facebook.com/facebookid' title='Facebook'><img alt='Facebook icon' src='http://174.132.149.5/~tmwwtw/mainstream/img/ico-facebook.png'/><span>BE MY FRIEND ON FACEBOOK:</span>facebookid</a></li>
</ul>
</div><!-- /#connect -->
<div class='clear'/>
</div><!-- /#introduction -->
</b:if>
<div id='content'>
<b:section id='main1' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='navigation'>
<b:if cond='data:newerPageUrl'>
<div class='floatr'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='floatl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<p class='meta'>
<b:if cond='data:post.dateHeader'>
<span class='date'><data:post.dateHeader/></span>
</b:if>
<b:if cond='data:post.allowComments'>
~ <span class='comments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Comment on " + data:post.title'><b:if cond='data:post.numComments == 1'>1 Comment<b:else/><data:post.numComments/> Comments</b:if></a>
</span>
</b:if>
</p>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='categories'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</div>
<div class='entry'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>
<div class='post-footer-line post-footer-line-2'> </div>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<h2 class='result_heading'><data:navMessage/></h2>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div id='respond'>
<a name='comment-form'/>
<h2>Leave a Reply</h2>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h2>
<b:if cond='data:post.numComments == 0'>
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 Response to "<data:post.title/>"
<b:else/>
<data:post.numComments/> Responses to "<data:post.title/>"
</b:if>
</b:if>
</h2>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<li class='comment even thread-even depth-1'>
<div class='comment-head'>
<div class='avatar'>
<b:if cond='data:comment.author == data:post.author'>
<img alt='gravatar' class='photo avatar avatar-40 photo' height='40' src='http://174.132.149.5/~tmwwtw/mainstream/img/avatar.gif' width='40'/>
<b:else/>
<img alt='gravatar' class='photo avatar avatar-40 photo' height='40' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60' width='40'/>
</b:if>
</div>
<div class='user-meta'>
<span class='name'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</span>
<span class='date'><data:comment.timestamp/></span>
<span class='perma'><a expr:href='data:comment.url' title='comment permalink'>Permalink</a></span>
</div>
<div class='clear'/>
</div><b:include data='comment' name='commentDeleteIcon'/>
<div class='comment-entry'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
</li></b:loop>
</ol>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p><b:else/><p class='nocomments'>Comments are closed.</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div><!-- /#content -->
<div id='sidebar'>
<div class='widget' id='search_main'>
<h2>Search<span class='fold'> </span></h2>
<form action='/search' id='searchform' method='get'>
<div>
<input class='field' id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = "";}' type='text' value='Search...'/>
<input class='submit' name='submit' type='submit' value='Search'/>
</div>
</form>
</div>
<b:section id='sidebar1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/><span class='fold'> </span></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='"View all posts filed under " + data:label.name'><data:label.name/></a>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size-" + data:label.cssSize'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='"View all posts filed under " + data:label.name'><data:label.name/></a>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url' expr:title='data:i.title'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/><span class='fold'> </span></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/><span class='fold'> </span></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div><!-- /#sidebar -->
<div class='clear'/>
</div><!-- /#inside -->
</div><!-- /#main -->
<div id='footer'>
<ul>
<li class='page_item current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item'><a href='http://wpbloggerthemes.blogspot.com' title='WP Blogger Themes'>WP Blogger Themes</a></li>
<li class='page_item'><a href='http://www.wordpresstoblogger.com' title='Wordpress To Blogger'>Wordpress To Blogger</a></li>
</ul>
<p>© Copyright 2009 <data:blog.title/></p>
<p><a href='http://woothemes.com' title='WooThemes'><img alt='WooThemes Logo' src='http://174.132.149.5/~tmwwtw/mainstream/img/woothemes.png'/></a></p>
<p>Converted by <a href='http://www.wordpresstoblogger.com' title='Wordpress To Blogger'>Wordpress To Blogger</a> for <a href='http://wpbloggerthemes.blogspot.com' title='WP Blogger Themes'>WP Blogger Themes</a> | Sponsored by <a href='http://www.iblogtoblog.com' title='iBlogtoBlog'>iBlogtoBlog</a></p>
</div><!-- /#footer -->
</div><!-- /#container -->
</body>
</html>
Back to blog Template Category | Home page | Wordpress Template
Click here to Read more...