Blogger Templates - Blue Sky

Blogger Template Code: Blue Sky

Below is the full HTML code for the "Blue Sky" Blogger template.
Before pasting the code into your Blogger template editor, see the information below to configure this template for your blog.
<?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'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Theme Name:     Blue Sky Blogger Template
Theme URI: http://www.ezwpthemes.com/templates/florist.html
Description: This free WordPress theme is designed and coded by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>.<a href="http://missdothy.com/">Miss Dothy</a>
Version: 1.0
Author: EZwpthemes
Author URI: http://www.ezwpthemes.com/
Tags: girly, kids, fixed-width, two-columns, blue, adsense-ready, right-sidebar, widget ready, social bookmarking

Date:     10 October 2009
----------------------------------------------- */

/* Global */
#navbar{
   display:none;
   visibility:hidden;}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: url(http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_Nd7lui2I/AAAAAAAACyI/JQAuSZ_m_4M/s1600/bg.gif) #88cfde;
}

::-moz-selection {
	background: #369;
	color: #ff0;
}

::selection {
	background: #369;
	color: #ff0;
}

code::-moz-selection {
	background: #333;
}

code::selection {
	background: #333;
}

a {
	text-decoration: none;
	color: #000;
}


a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

img {
	border: none;
}

h1,h2,h3,form,ul,li {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 1.6em;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #666;
}

blockquote {
	margin: 5px 20px;
	padding: 5px;
	color: #666;
	border: 1px dashed #ddd;
	background: #EAF3FA;
}

blockquote p {
	padding: 10px 20px;
	display: block;
}
code {
	display: block;
	margin: 5px 20px;
	padding: 10px 20px;
	font-size: 1.2em;
	color: #666;
	border: 1px dashed #999;
	background: #F6F2D2;
}
.endline {
	clear: both;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac */
.clearfix {
	display: block;
}
/* End hide from IE Mac */
/* end of clearfix */

#outer-wrapper {
	min-width: 1000px;
	background: url(http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NemfBAgI/AAAAAAAACyY/dUlyuIe0V7U/s1600/container_bg.jpg) repeat-y center center;
}

#top_frame {
	min-width: 1000px;
	background: url(http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_Nnl4gsOI/AAAAAAAACzA/tmztrZzbyuM/s1600/top_frame.jpg) no-repeat top center;
}

#bottom_frame {
	min-width: 1000px;
	background: url(http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NeSp12ZI/AAAAAAAACyQ/uQQc2XY_KdI/s1600/bottom_frame.jpg) no-repeat bottom center;
}

/* Header */
#header-wrapper {
	width: 1000px;
	height: 275px;
	position: relative;
	margin: 0 auto;
	/*background: url(images/header_bg.jpg) no-repeat;*/
}

#header-wrapper h1 {
	padding: 50px 0 0 184px;
}
#header-wrapper h1 a:hover {
	text-decoration: none;
}
#header-wrapper h2 {
	font-size: 1.2em;
	padding: 0 0 0 186px;
}
#rss {
	position: absolute;
	top: 27px;
	left: 715px;
}

/* Navigation */
.navigation {
	padding: 114px 0 0 148px;
}
.navigation ul {
	list-style-type: none;
}
.navigation ul li {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	padding: 0 9px 0 0;
	float: left;
	width: 89px;
}
#nav_third {
	width: 75px;
	padding-right: 10px;
}
#nav_fourth {
	width: 68px;
}

/* Content */
#content-wrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

/* Content */
#main-wrapper {
   width: 533px;
   margin: 0 0 0 161px;
   display: inline;
   float: left;
}

.post {
	width: 500px;
	position: relative;
}
.post h2 {
	padding-top: 10px;
}
.post h2 a {
	color: #197fb3;
}
.postmetadata {
	margin: 2px 8px 0 0;
	display: block;
	text-align: right;
	color: #485561;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.postmetadata a {
	text-decoration: underline;
}
.postmetadata a:hover {
	text-decoration: none;
}
.post_date {
	width: 58px;
	height: 46px;
	position: absolute;
	top: 0;
	left: -61px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 46px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	background: url(http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NfIaNGRI/AAAAAAAACyg/Z-J6SkADqps/s1600/date_bg.jp) no-repeat;
}
.post-body {
	width: 100%;
	overflow: hidden;
	margin: 0px 0 0 10px;
	font-size: 1.2em;
	font-family: Bookman Old Style,Arial, Helvetica, sans-serif;
	line-height: 20px;
        padding: 0 0 10px 0;
}

.post-body ul {
	padding-left: 25px;
	list-style-type: disc;
        list-style-position: inline;
}

.post-body ol {
	padding-left: 30px;
	list-style-type: decimal;
        list-style-position: inline;
}

.tags {
	font-size: 1.2em;
	color: #623200;
	margin: 10px 0 0 10px;
}

.tags a {
	text-decoration: underline;
}
.tags a:hover {
	text-decoration: none;
}

.notfound {
	margin: 100px auto;
	text-align:center;
	font-size: 4em;
	font-weight: bold;
	color: #7e2d17;
}

/* searchform */
#searchform {
	padding: 0 0 0 44px;
	height: 60px;
}
.searchtext {
	width: 118px;
	color: #666;
	font-weight: bold;
	border: 0;
	background: none;
}
#searchsubmit {
	border: 0;
	width: 69px;
	height: 26px;
}

.sidebar_ads {
	padding-left: 15px;
}

/* Sidebar */
#sidebar-wrapper {
	margin: 72px 0 0 0;
	width: 244px;
	float: left;
}

#sidebar-wrapper ul {
	padding-left: 15px;
	list-style-type: none;
}
#sidebar-wrapper ul h3 {
	font-size: 1.8em;
}
#sidebar-wrapper ul li {
	margin: 10px 0 15px 0;
}
#sidebar-wrapper ul ul {
	padding: 0 0 0 4px;
}
#sidebar-wrapper ul ul li {
	padding: 5px 0 5px 10px;
	font-size: 1.2em;
	margin: 0;
	background: url(http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_Nm2EaTII/AAAAAAAACyw/P1LBW1iBkOo/s1600/sidebar_li.gif) no-repeat left 10px;

}
#sidebar-wrapper ul ul li a {
	color: #424242;
}

#sidebar .widget {
    padding-top:10px;
    font-size:12px;
}

#sidebar ul li {
   font-size: 12px;
   background:transparent url(http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_Nm2EaTII/AAAAAAAACyw/P1LBW1iBkOo/s1600/sidebar_li.gif) no-repeat scroll left 10px;
   margin:0;
   padding:5px 0 5px 10px;
}

html #sidebar {/margin-left:-15px; m/argin-left:-25px;}


#sidebar ul ul {
   font-size: 12px;
}

#sidebar ul ul li {
   font-size: 12px;
}

#sidebar.widget-content{
  margin-left:5px;
}

#welcome {
	width: 240px;
	padding: 30px 0 10px 0;
	/*background: url(images/welcome_bg.jpg) no-repeat left top;*/
}
#welcome h3 {
	font-size: 1.8em;
	margin-bottom: 10px;
}
#welcome span {
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	width: 240px;
}

/* Social Bookmarking */

.bookmark {
	margin: 18px 0 0 10px;
}

.bookmark ul {
	display: inline;
}

.bookmark ul li {
	background: none;
	display: inline;
	list-style-type: none;
}

.bookmark_line img {
	border: 0;
}

.bookmark_icon {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
	_filter: alpha(opacity=100);
}

.bookmark_icon:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/* Comments */
.read_comments {
	height: 32px;
	text-align: right;
	margin: 10px 5px 0 0;
}
.read_comments a {
	font-size: 1.2em;
	font-weight: bold;
}

#comments {
       padding: 0 10px 0 0;
}

#comments h3 {
	padding: 0 0 0 10px;
}

#comments h3, #respond h3 {
	padding-top: 10px;
	font-size: 1.4em;
	color: #333;
}

#commentform {
	margin: 5px 0 0 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform textarea {
	width: 98%;
	padding: 2px;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform p {
	margin: 5px 0;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}

#respond {
	padding: 0 0 0 10px;
	color: #333;
}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.commentlist {
	padding: 0 0 0 10px;

}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	font-weight: bold;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
	font-size: 1em;
}

.comments dl {
	border: 1px solid #666;
	background-color: #A1C9CE;
        padding: 10px;
}
.comments dd {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.2em;
	text-transform: none;
}

.commentlist li .avatar {
	float: right;
	border: 1px solid #333;
	padding: 2px;
	background: #fff;
}

.commentlist li a {
	color: #000;
}
.comments dt, .commentlist dt a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
}

.nocomments {
	text-align: center;
}

.commentmetadata {
	font-size: 1.2em;
	display: block;
	font-weight: normal;
}
.thread-alt {
	background-color: #dcbea4;
}

.thread-even {
	background-color: #e3cbb3;
}

.depth-1 {
	border: 1px solid #000;
}

.alt {
	border-left: 1px solid #666;
	background-color: #C0DADE;
	padding: 10px;
}

/* Footer */
#footer-wrapper {
	width: 1000px;
	margin: 0 auto;
	clear: both;
	color: #000;
	font-size: 1.2em;
	text-align: left;
        padding: 100px 0 50px 270px;
}

.credit {
        width: 850px;
	padding: 5px 0 10px 130px;
	margin: 0 auto;
	clear: both;
	font-size: 1.2em;
	text-align: left;
}
.credit a {
	color: #000;
	text-decoration: none;
}


/* Images */

p img {
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}


/* Captions */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post-author{
   margin: 10px;
   font-size: 12px;
}

#blog-pager{
   text-align:center;
   font-size:11px;
   padding: 0 0 15px 0;
}
#blog-pager-older-link{
   float:right;
   padding-right:37px;
}
#blog-pager-newer-link{
   float:left;
}

.blog-feeds, .post-feeds {
   display:none;
}

]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='bottom_frame'><div id='top_frame'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blue Sky (Header)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
       <h2><data:description/></h2>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--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 + &quot;_headerimg&quot;' 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='&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' 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 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>

   <div id='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' height='67' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NnPFJ5wI/AAAAAAAACy4/e-LaHyZhgAQ/s1600/spacer.gif' width='64'/></a></div>
     <div class='navigation'>
	<ul>
	    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
	    <li><a expr:href='data:blog.homepageUrl'>About Us</a></li>
	    <li id='nav_third'><a expr:href='data:blog.homepageUrl'>Contact</a></li>
	    <li id='nav_fourth'><a expr:href='data:blog.homepageUrl'>FAQ</a></li>
	</ul>
     </div>
</div><!-- header-wrapper end -->

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

    <div class='postmetadata'>Posted in <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
    </div>

      <b:if cond='data:post.dateHeader'>
        <div class='post_date'><data:post.dateHeader/></div><br/>
      </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <data:post.body/>
      <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 + &quot;#more&quot;'><data:post.jumpText/></a>
      </div>
    </b:if>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>

<div class='bookmark'>
<ul>
	<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this post on digg.com.'><img alt='Digg' class='bookmark_icon' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NMW5jymI/AAAAAAAACxg/-BdQUonvKCM/s1600/digg.png'/></a></li>
	<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow'><img alt='Del.icio.us' class='bookmark_icon' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NL_bbVJI/AAAAAAAACxY/8sNmkS5y93k/s1600/delicious.png'/></a></li>
	<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow'><img alt='StumbleUpon' class='bookmark_icon' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NNmDJSeI/AAAAAAAACx4/LYrcTBSXGsY/s1600/stumbleupon.png'/></a></li>
	<li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow'><img alt='Reddit' class='bookmark_icon' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NM5oq8YI/AAAAAAAACxo/XDAXZ_qTbd0/s1600/reddit.png'/></a></li>
	<li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url' rel='nofollow'><img alt='Twitter' class='bookmark_icon' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NdmPmZLI/AAAAAAAACyA/NH1SVchDJcE/s1600/twitter.png'/></a></li>
	<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='rss' class='bookmark_icon' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NNEHgNDI/AAAAAAAACxw/6DxZmWgwM60/s1600/rss.png'/></a></li>
</ul>
</div>

      <div class='read_comments'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><img alt='Read Comments' height='22' src='http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss_NmT6u5gI/AAAAAAAACyo/0Cw4HsbEiLY/s1600/read_comments.gif' width='158'/></a>
          </b:if>
        </b:if>
      </div>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <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'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + 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='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h3 id='comment-post-message'><data:postCommentMsg/></h3>
    <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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + 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='&quot;item-control &quot; + 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 class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h3>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h3>

      <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>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>
<b:if cond='data:post.numComments &gt; 0'>
      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <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:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <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>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>
</b:if>
      <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>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <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 == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <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>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>

  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      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>

      <div id='sidebar-wrapper'>
        <div id='searchform'>&lt;form action=&#39;/search&#39; id=&#39;search_form&#39; method=&#39;get&#39;&gt;
&lt;input type=&quot;text&quot; class=&quot;searchtext&quot; value=&quot;&quot; name=&quot;q&quot; id=&#39;s&#39; onfocus=&quot;if (this.value == &#39;&#39;) {this.value = &#39;&#39;;}&quot; onblur=&quot;if (this.value == &#39;&#39;) {this.value = &#39;&#39;;}&quot;/&gt; &lt;input  id=&#39;searchsubmit&#39; type=&#39;image&#39; src=&#39;http://4.bp.blogspot.com/_NsgoHEcNPlE/Ss7O83MA5eI/AAAAAAAACwM/NrhzKZ7TRb4/s1600/spacer.gif&#39; alt=&#39;Search&#39; title=&#39;Search&#39; /&gt;&lt;/form&gt;
        </div>

        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text1' locked='false' title='About' type='Text'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(&quot;&quot; + data:followUri + &quot;&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(&quot;&quot; + data:followUri + &quot;&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>

          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=&quot;&quot; + data:anonFollowerImageUrl + &quot;&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, &quot;src&quot;, &quot;&quot; + data:follower.imageUrl + &quot;&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>

          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <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='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' 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='Feed1' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</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'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <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='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><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='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</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'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

      </div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>

    </div>
  </div></div></div><!-- end outer-wrapper -->

  <div class='credit'>Copyright  2009 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.<br/>
        Free WPThemes presented by <a href='http://www.luggageguides.com/'>Leather luggage</a>, <a href='http://www.las-vegas-travel.info'>Las Vegas Travel</a> coded by <a href='http://www.ezwpthemes.com/'>EZwpthemes</a>.<br/>Bloggerized by <a href='http://missdothy.com'>Miss Dothy</a><br/>
        Presented by <a href='http://www.blogger-templates.org'>Blogger Templates</a> with sponsorship from <a href='http://www.famous-poems.org'>Poems</a>
   </div>

</body>
</html>
Install the Template

Go to the Blogger Dashboard and head to the Layout or Template page of the blog you're skinning, depending on your current template settings.
If you are seeing "Template" instead of "Layout", then you need to upgrade your template. To do this, click on Customize Design near the top of the page and then click on the "Upgrade Your Template" button. Select any of those default templates -- it doesn't matter which -- and click the "Save Template" button.
Now select Edit HTML near the top of the page.
Delete everything in the text area and Paste the template code into it. Save, and your blog should be live.
Graphics

All the graphics are currently being hosted for you, so you need not do anything concerning them, as the code is preset to grab the graphics off my server. If you would like to host the graphics yourself (should my server go down for any reason, etc.), follow these instructions.
Download and unzip this file and upload the images to any free image host. Take down the URLs as you're uploading them, and in the template code, search for the image file names, replacing them with your own URLs.
Here are some popular free hosts:
http://imageshack.us
http://photobucket.com