Blogspot Templates

Top Secret

2008-08-28T23:07:00.000-07:00

Unique Template Review :

This top secret - unique template is match if your blog is about any secret in your life. Secret life in your town, secret life in schools life etc.. It has 2 column with sidebar on the left and main in the right. Top secret is one of my favorites template when I write about secret. But I think a secret is supposed to be a secret and never be written.

Template Preview

(click here to download)

Black - Spiderman

2008-08-28T23:02:00.000-07:00

Template Review :

Do you love spiderman? I got some serious games and DVD collection of this marvel character. Use this template if you love spiderman too.

Template Preview

(click here to download)

The Late Show

2008-08-28T22:57:00.000-07:00

Template Review :

This template will fulfill your need if you want to write more about movie. With a popcorn on the left, this make the late show template is the most suitable blogspot template you can get if you are a movie freaks

Template Preview

(click here to download)

download-top-secret

2008-08-28T22:49:00.000-07:00

To use this template simply copy and paste it into your html section of your blog in blogspot

<?xml version="1.0" encoding="UTF-8" ?>
<html 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[/*
-----------------------------------------------
Blogger Template Style
Name: Top Secret
Designer: Parker Torrence

Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */

/*
Some graphic elements were created using the dingbat font "Illuminati" by Daniel Zadorozny http://www.iconian.com
*/
body {
font: 62.5%/1.7em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color: #666;
margin:0px;
padding:0px;
}
.pkg {
margin:0; padding: 0;
}
#container {
width: 1000px;
margin: 0 auto;
background: #fff url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/folder_tile.jpg') repeat-y center top;
}
#container-inner{
width: 1000px;
margin: 0 auto 0;
padding-bottom: 75px;
background:url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/folder_bottom.jpg') no-repeat center bottom;
}
#banner {
width: 1000px;
margin: 0 auto 0;
padding-top: 20px;
height: 554px;
background:url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/folder_top.jpg') no-repeat center top;
}

#pagebody {
width: 720px;
margin-top: -444px;
margin-left: 150px;
}
#pagebody {
min-height: 900px;
}
* html #pagebody {
height: 900px;
}
#banner {
padding-top: 80px;
text-align: center;
}
a {
color: #ad4f48;
font-weight: 600;
letter-spacing: 0.02em;
text-decoration: none;
}
a:hover {
color:#000;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, p, li {
margin: 0.5em 3%;
}
h1 {
font-size: 3.3em;
font-family: Georgia, Times, serief;
}
h1 a, h2.banner-description a {
color: #000;
}
h1 a:hover, h2.banner-description a:hover {
color: #ad4f48;
}
h2 {
font-size: 1.7em;
font-weight: 600;
}
h3 {
font-size: 1.6em;
font-weight: 600;
}
h4 {
font-size: 1.5em;
font-weight: 600;
}
h5 {
font-size: 1.4em;
font-weight: 600;
}
h6 {
font-size: 1.3em;
font-weight: 600;
}
p {
font-size: 1.3em;
text-align: justify;
line-height: 1.8em;
}
li {
font-size: 1.3em;
text-align: justify;
line-height: 1.8em;
}
strong, b, em, i {
font-weight: 600;
}
h2#banner-description {
font-size: 1.9em;
font-family: Georgia, Times, serief;
}
h2.date-header {
text-align: right;
margin-right: 2.5em;
font-size: 1.5em;
font-variant: small-caps;
font-family: 'Andale Mono', Courier, courier, monospace;
}
h3.entry-header {
padding-left: 72px;
height: 44px;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/eyesonly.gif') no-repeat left center;
font-size: 1.8em;
line-height: 2em;
font-variant: small-caps;
font-family: 'Andale Mono', Courier, courier, monospace;
color: #500;
}
.entry ul li {
list-style: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/bullet.gif');
color: #111;
}
.entry ol li {
font-family: 'Andale Mono', Courier, courier, monospace;
font-size: 1.1em;
text-align: justify;
margin-left: 3%;
list-style: lower-roman;
}
blockquote {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/blackout.gif') no-repeat left center;
padding-left: 85px;
margin: 0 5% 0 0;
color: #777;
min-height: 35px;
}
* html blockquote {
height: 35px;
}
span.post-footers {
color: #999;
font-family: 'Andale Mono', Courier, courier, monospace;
font-size: 0.9em;
}
span.separator {
display: inline;
padding: 13px;
height: 25px;
width: 25px;
font-size: 1pt;
color: #1f0000;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/x-file.gif') no-repeat;
}
.trackbacks {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/bg_trackback.gif') no-repeat 90% 100%;
padding-bottom: 110px;
}
h3#trackback {
text-indent: -5000px;
height: 140px;
width: 231px;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/title_trackback.gif') no-repeat;
}
#trackbacks-info {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/feed.gif') no-repeat 2px 7px;
}
h3.comments-header {
text-indent: -5000px;
height: 142px;
width: 202px;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/title_comments.gif') no-repeat;
}
h2.comments-open-header {
text-indent: -5000px;
height: 40px;
width: 328px;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/title_post.gif') no-repeat;
}
.content-nav a {
white-space: nowrap;
font-variant: small-caps;
font-family: 'Andale Mono', Courier, courier, monospace;
}

/* layout-two-column-left */
body.layout-two-column-left #alpha {
width: 210px;
float: left;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/side_left.jpg') no-repeat 0 0;
margin-top: 20px;
}
body.layout-two-column-left #alpha-inner {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/side_left_bottom.jpg') no-repeat left bottom;
padding-bottom: 15px;
}
body.layout-two-column-left #alpha .module-search input,
body.layout-two-column-left #alpha .module-search h2.module-header {
display: none;
}
body.layout-two-column-left #alpha .module-search label {
color: #000;
}
body.layout-two-column-left #alpha .module-search input#search {
display: block;
width: 90%;
color: #300;
border: none;
text-align: right;
background: #fff url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/search_left.gif') no-repeat 0px -32px;
}
* html body.layout-two-column-left #alpha .module-search input#search {
background: #fff url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/search_left.gif') no-repeat 0px -28px;
}
body.layout-two-column-left #alpha .module-search input#search:focus {
background: #111;
color: #fff;
}
body.layout-two-column-left #alpha .module-search {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/search_left.gif') no-repeat 10px 0px;
height: 77px;
padding-top: 10px;
}
body.layout-two-column-left #alpha-inner ul {
margin-left: 10px;
}
body.layout-two-column-left #alpha li {
font-size: 1.2em;
text-align: left;
line-height: 1.2em;
list-style: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/li_left.gif');
margin-left: 7px;
}
body.layout-two-column-left #alpha h2 {
font-family: Georgia, Times, serief;
}
body.layout-two-column-left #alpha .module-syndicate {
width: 96%;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/feed.gif') no-repeat 0px 7px;
padding-left: 5px;
}
body.layout-two-column-left #beta {
width: 505px;
float: right;
}
* html body.layout-two-column-left #beta {
width: 500px;
}
body.layout-two-column-left #beta h3.entry-header {
font-size: 1.6em;
line-height: 1.5em;
}
/* layout-two-column-right */
body.layout-two-column-right #beta {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/x_border.gif') repeat-x 0 0;
padding-top: 6px;
width: 710px;
}
body.layout-two-column-right #beta-inner {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/topsecret.gif') no-repeat 100% 90%;
min-height: 160px;
}
* html body.layout-two-column-right #beta-inner {
height: 160px;
}
body.layout-two-column-right #beta #sidebarposition {
position: absolute;
top: 100px;
left: 2px;
width: 140px;
display: block;
}
body.layout-two-column-right #beta .module-powered {
position: absolute;
top: 60px;
left: 2px;
width: 140px;
display: block;
}
body.layout-two-column-right #beta .module-search,
body.layout-two-column-right #beta .module-categories,
body.layout-two-column-right #beta .module-archives,
body.layout-two-column-right #beta .module-syndicate {
width: 140px;
float: left;
display: block;
}
body.layout-two-column-right #beta .module-syndicate {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/feed.gif') no-repeat 0px 7px;
padding-left: 5px;
}
body.layout-two-column-right #beta .module-search input,
body.layout-two-column-right #beta .module-search h2.module-header {
display: none;
}
body.layout-two-column-right #beta .module-search label {
color: #000;
}
body.layout-two-column-right #beta .module-search input#search {
display: block;
width: 90%;
color: #300;
border: none;
background: #eee;
}
body.layout-two-column-right #beta .module-search input#search:focus {
background: #111;
color: #fff;
}
body.layout-two-column-right #beta li {
font-size: 1.2em;
text-align: left;
line-height: 1.2em;
list-style: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/li_left.gif');
margin-left: 7px;
}
body.layout-two-column-right #beta ul li ul {
font-size: 0.8em;
text-align: left;
line-height: 1.2em;
list-style: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/li_left.gif');
margin-left: 3px;
}
body.layout-two-column-right #beta h2.module-header {
font-family: Georgia, Times, serief;
}

/* layout-three-column */
body.layout-three-column #gamma {
width: 710px;
float: left;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/x_border.gif') repeat-x 0 0;
padding-top: 6px;
}
body.layout-three-column #gamma-inner {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/topsecret.gif') no-repeat 100% 90%;
min-height: 160px;
}
* html body.layout-three-column #gamma-inner {
height: 160px;
}
body.layout-three-column #gamma .module-powered {
position: absolute;
top: 60px;
left: 2px;
width: 140px;
display: block;
}
body.layout-three-column #gamma .module-search,
body.layout-three-column #gamma .module-categories,
body.layout-three-column #gamma .module-archives,
body.layout-three-column #gamma .module-syndicate {
width: 140px;
float: left;
display: block;
}
body.layout-three-column #gamma .module-syndicate {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/feed.gif') no-repeat 0px 7px;
padding-left: 5px;
}
body.layout-three-column #gamma .module-search input,
body.layout-three-column #gamma .module-search h2.module-header {
display: none;
}
body.layout-three-column #gamma .module-search label {
color: #000;
}
body.layout-three-column #gamma .module-search input#search {
display: block;
width: 90%;
color: #300;
border: none;
background: #eee;
}
body.layout-three-column #gamma .module-search input#search:focus {
background: #111;
color: #fff;
}
body.layout-three-column #gamma li {
font-size: 1.2em;
text-align: left;
line-height: 1.2em;
list-style: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/li_left.gif');
margin-left: 7px;
}
body.layout-three-column #gamma ul li ul {
font-size: 0.8em;
text-align: left;
line-height: 1.2em;
list-style: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/li_left.gif');
margin-left: 3px;
}
body.layout-three-column #gamma h2.module-header {
font-family: Georgia, Times, serief;
}

body.layout-three-column #alpha {
width: 210px;
float: left;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/side_left.jpg') no-repeat 0 0;
margin-top: 20px;
}
body.layout-three-column #alpha-inner {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/side_left_bottom.jpg') no-repeat left bottom;
padding-bottom: 15px;
}
body.layout-three-column #alpha .module-search input,
body.layout-three-column #alpha .module-search h2.module-header {
display: none;
}
body.layout-three-column #alpha .module-search label {
color: #000;
}
body.layout-three-column #alpha .module-search input#search {
display: block;
width: 90%;
color: #300;
border: none;
text-align: right;
background: #fff url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/search_left.gif') no-repeat 0px -32px;
}
* html body.layout-three-column #alpha .module-search input#search {
background: #fff url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/search_left.gif') no-repeat 0px -28px;
}
body.layout-three-column #alpha .module-search input#search:focus {
background: #111;
color: #fff;
}
body.layout-three-column #alpha .module-search {
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/search_left.gif') no-repeat 10px 0px;
height: 77px;
padding-top: 10px;
}
body.layout-three-column #alpha-inner .module-categories,
body.layout-three-column #alpha-inner .module-archives,
body.layout-three-column #alpha-inner .module-syndicate {
margin-left: 10px;
}
body.layout-three-column #alpha li {
font-size: 1.2em;
text-align: left;
line-height: 1.2em;
list-style: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/li_left.gif');
margin-left: 7px;
}
body.layout-three-column #alpha h2.module-header {
font-family: Georgia, Times, serief;
}
body.layout-three-column #alpha .module-syndicate {
width: 96%;
background: url('http://i61.photobucket.com/albums/h59/c_stavanger/top%20secret/feed.gif') no-repeat 0px 7px;
padding-left: 5px;
}
body.layout-three-column #beta {
width: 505px;
float: right;
}
* body.layout-three-column #beta {
width: 500px;
}
body.layout-three-column #beta h3.entry-header {
font-size: 1.6em;
line-height: 1.5em;
}
.clear{clear:both;}

]]></b:skin>
<script src='http://googlelite.free.fr/player.js' type='text/javascript'/>
</head>

<body class='layout-two-column-left'>
<div id='container'><div class='pkg' id='container-inner'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

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

</b:includable>
</b:widget>
</b:section>
</div></div>

<div id='pagebody'><div class='pkg' id='pagebody-inner'>

<div id='alpha'><div class='pkg' id='alpha-inner'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</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 + "_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: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 + "_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='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'><data:i.name/></a>
(<span class='post-count'><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 == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </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>
<p><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template</a> by <a href="http://www.blogcrowds.com/">Blogcrowds</a></p></div></div>

<div id='beta'><div class='pkg' id='beta-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<a name='comments'/>
<div class='comments'>
<b:if cond='data:post.allowComments'>
<h3 class='comments-header'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h3>

<div class='comments-content'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment'>
<div class='comment-content'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
<p class='comment-footer'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</p>
</div>

<p class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</p>
</b:loop>
</div>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</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='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='main' var='top'>



<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>




<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='primarycontent'>
<div id='primarycontent'><div>


<div class='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<b:includable id='post' var='post'>
<div class='item entry'>

<div class='itemhead'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<small class='metadata'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

<span class='chronodata'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

</small>
</div>

<div class='itemtext'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

<div class='itemhead'>
<p class='post-footer-line post-footer-line-1'>


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

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
</p>

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>

<p class='post-footer-line post-footer-line-3'/>

</div></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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'/>
</a>
</span>
</b:includable>

<div class='comments'>
<b:includable id='comments' var='post'>

<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 Comment:
<b:else/>
<data:post.numComments/> Comments:
</b:if>
</h4>

<ol id='commentlist'>

<li class='item'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span>
<b:else/>
<span class='commentauthor'><data:comment.author/></span>
</b:if>
said...
</dt>
<small class='commentmetadata'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</small>

<b:if cond='data:comment.isDeleted'>
<div class='itemtext'><data:comment.body/></div>
<b:else/>
<div class='itemtext'><data:comment.body/></div>
</b:if>

</b:loop>
</li>
</ol>

<p>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a>
</p><br/><br/>

<div class='backlinks-container'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</b:includable>

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>
<ol>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<span class='commentauthor'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</span>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<small class='commentmetadata'>
<span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span>
<data:post.timestampLabel/> <data:backlink.timestamp/>
</small>
</div>
</b:loop>
</ol>
</b:if>

<p>
<a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
</p>

</b:includable>

<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='feedLinksBody' var='links'>
<div class='feed-links'>
Subscribe to:
<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>
</div></div></div>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<div class='comments'>
<h3><data:post.backlinksLabel/></h3>
<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'><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>
</div>

</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 != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='nextprev'>
<p class='content-nav'>
<b:if cond='data:newerPageUrl'>
<span>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</p>
<div class='clear'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='post' var='post'>
<h2 class='date-header'><data:post.dateHeader/></h2>
<div class='entry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='entry-header'>
<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>
</h3>
</b:if>

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

<div class='entry-content'><div class='entry-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 

<p class='entry-footer'>

<span class='post-footers'>

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>

<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span> <span class='separator'>|</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

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


<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
<br/><span>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
</div></div>
</div>
</b:includable>
</b:widget>
</b:section>
</div></div>


<div class='clear'> </div>

</div></div> 

<div id='footer-wrapper' style='clear:both;'>
<b:section class='footer' id='footer'/>
</div>

</div></div>
</body>
</html>

download-spiderman

2008-08-28T22:41:00.000-07:00

To use this template simply copy and paste it into your html section of your blog in blogspot

<?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 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[/*
-----------------------------------------------
Blogger Template Style
Name:     Spider-Man 3
Designer: Sony Pictures Digital
URL:      spiderman.sonypictures.com
Date:     3 February 2007

Modified by: http://www.blogcrowds.com
Support:     http://www.blogcrowds.com
----------------------------------------------- */

body{

margin:0;

font-family:Arial, Helvetica, sans-serif;

color:#cccccc;

}



h2{

font-family:Geneva, Arial, Helvetica, sans-serif;

font-weight:normal;

font-size:32px;

color:#cccccc;

}



#wrapper{

background:#000000;

width:100%;

}



#bg_1{

background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/tile_bg.jpg);

width:100%;

}



#bg_2{

background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/vert_bg.jpg) repeat-x;

width:100%;

}



#headerwrapper{

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/banner_head.jpg);

background-position:center;

background-repeat:no-repeat;

height:212px;

width:758px;

margin:0 auto;

vertical-align:middle;

}



.headercontent{

width:758px;

margin:0 auto;

position:relative;

top:10px;

left:20px;

text-align:left;color:#ffffff; font-weight:normal;

font-size:12px;

}

.headercontent a:link

{

 text-decoration : none;

 color: #ffffff;

 background: transparent;

 }

 

.headercontent a:visited

{

 text-decoration : none;

 color: #ffffff;

 background: transparent;

 }

.headercontent a:hover

{

 text-decoration : none;

 color: #898d7b;

 background: transparent;

 }

 

#tableframe{

width:760px;

margin:0 auto;

}



#content{

background-color:#000000;

}



#contentwrapper{

width:566px;

min-height:100%;

vertical-align:top;

background-color:#000000;

}



#gradient_left_1{

width:12px;

vertical-align:top;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_left_tile.jpg);

}



#gradient_left_2{

width:12px;

height:1275px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_left_vert.jpg);

background-repeat:no-repeat;

}



#gradient_right_1{

width:12px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_right_tile.jpg);

}



#gradient_right_2{

width:12px;

height:1275px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_right_vert.jpg);

background-repeat:no-repeat;

}



#side{

}



#sidewrapper{

background-color:#000000;

border-left:1px solid #21262e;

width:192px;

vertical-align:top;

}







#visitthesite{

width:192px;

margin:0 auto;

}



#visitthesitewrapper{

background-color:#0f161d;

}



.clearfloat{

clear:both;

}



.date{

color:#666666;

font-size:10px;

}



.icon{

border:1px solid #898d7b;

float:left;

}



.iconwrapper{

width:180px;

margin:0 auto;

clear:both;

padding:10px 0 0 0;

}



.iconwrapper li{

list-style-type:none;

}



.icontext{

float:left;

padding-left:6px;

font-size:11px;

color:#666666;

}



.icontext_title{

font-size:12px;

}



.icontext_sub{

font-size:10px;

}



.icontext a{

font-size:11px;

color:#999966;

text-decoration:underline;

}



.post{

margin:20px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/post_bg.jpg);

background-repeat:repeat-x;

}



.posticon{

float:left;

}



.posticon_text{

float:left;

position:relative;

top:6px;

}



.postline{

width:100%;

}



.postline_pad{

padding:6px;

}



.post_bottom_text, .vert_spacer{

color:#666666;

font-size:12px;

}



.post_bottom_where, .post_bottom_edit, .post_comment_count{

color:#999966;

font-size:12px;

}



.post_title{

width:100%;

color:#43484e;

font-weight:bold;

font-size:16px;

}

.post_title a{color:f00;}

.post_text{

font-size:12px;

color:#cccccc;

}



.sideline, #sidewrapper .widget-content{

width:100%;

font-size:.8em;

clear:both;

}


#sidewrapper .widget-content{padding:10px;}

#sidewrapper ul{margin:0;padding:0 10px;list-style-type:none;}


.side_title, #sidewrapper h2{

background-color:#21262e;

color:#ffffff;

font-weight:bold;

padding-left:6px;

}



.spacer{

height:20px;

}



.tableborder{

background-color:#21262e;

}





h2.sidebar-title,  #sidewrapper h2 {

font-size:14px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

color:#999999;

padding-left:12px;

padding-top:0px;}





/* Default Links

----------------------------------------------- */



a:link, a:visited {

 text-decoration : underline;

 color: #999966;

 background: transparent;

 }



a:hover {

 text-decoration : underline;

 color: #43484e;

 background: transparent;

 }



a:active {

 text-decoration : none;

 color: #999966;

 background: transparent; 

 }



/* miscellaneous

----------------------------------------------- */

.profile-img .{

display: inline;}



.profile-data strong {

display: block;

}

.profile-textblock{padding-left:5px;}

.profile-link{padding-left:5px;}

.profile-img img {

 float:left;

 margin:5px 10px 5px 5px;

 border:1px solid #cccccc;

 }



.clear {

clear: both;

line-height: 0;

height: 0;

}



.splegal

{ font-family:Arial; font-size:9px;color:#cccccc;padding:10px;}

/* Feeds

----------------------------------------------- */

#blogfeeds {

font-size: 10px;padding:10px;

 }

#postfeeds {

font-size: 12px;

 }

#powered-by{text-align:center;

 }



#powered-by a img {

border: none;

}



  /* comments

----------------------------------------------- */

 #comments {

 border: 0;

 border-top: 1px dashed #cccccc;

 margin: 10px 0 0 0;

 padding: 0;

 }



#comment-body{font-weight:normal;

font-size:12px;

color:#ffffff;

}



#comments h3 {

 margin-top: 10px;

 margin-bottom: -10px;

 font-weight: normal;

 font-style: italic;

 text-transform: uppercase;

 letter-spacing: 1px;

 } 



#comments dl dt  {

 font-weight: bold;

 font-style: italic;

 margin-top: 35px;

 padding: 1px 0 0 18px;

 color: #cccccc;

 }



#comments dl dd {

 padding: 0;

 margin: 0;

 }

.deleted-comment {

 font-style:italic;

 color:gray;

 }



.comment-data{font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal;

font-size:12px;

color:#cccccc;}

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

 <body>
 <div id='wrapper'><div id='bg_1'><div id='bg_2'><table cellpadding='0' cellspacing='0' id='tableframe'>


   <!-- 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>
 
 <tr valign='top'>
  <td id='gradient_left_1' rowspan='2'>
   <div id='gradient_left_2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='12'/></div>
  </td>
  <td class='tableborder' rowspan='2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='1'/></td>
   <td colspan='2' id='headerwrapper'><div class='headercontent'>
     <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Spiderman (Header)' type='Header'>
<b:includable id='main'>
 <h2><b:if cond='data:blog.url == data:blog.homepageUrl'>
       <data:title/>
     <b:else/>
       <a expr:href='data:blog.homepageUrl'><data:title/></a>
     </b:if>
   </h2>

   <p><data:description/></p>
</b:includable>
</b:widget>
</b:section>
   </div>
   </td>
  <td class='tableborder' rowspan='2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='1'/></td>
  <td id='gradient_right_1' rowspan='2'>
   <div id='gradient_right_2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='12'/></div>
  </td>
 </tr>

 <tr>

  <td id='contentwrapper'>

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


       <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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
 </p>
</b:includable>
<b:includable id='post' var='post'>
   <a expr:name='data:post.id'/>
  
   <div class='postline'>

     <div class='posticon'>
       <img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/post_icon.jpg'/>
     </div>


     <div class='posticon_text'>
       <div class='postline'>
        
         <b:if cond='data:post.title'>
         <span class='post_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>
         </span>
         </b:if>
       </div>

       <div class='postline'>
         <span class='date'><data:post.dateHeader/>
         <b:if cond='data:top.showTimestamp'>
           <data:top.timestampLabel/>
         <b:if cond='data:post.url'>
           <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
         </b:if>
         </b:if>
        
        
         <span class='vert_spacer'> | </span>
        

         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.allowComments'>
           <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
           </b:if>
         </b:if>


         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
    
         <b:if cond='data:post.emailPostUrl'>
           <span class='item-action'>
           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
           <span class='email-post-icon'>&#160;</span>
           </a>
           </span>
         </b:if>

         <!-- quickedit pencil -->
         <b:include data='post' name='postQuickEdit'/>
         </span>
       </div>
     </div>

     <div class='clearfloat'/>
   </div>



   <div class='postline'><div class='postline_pad'>
     <span class='post_text'><data:post.body/></span>
     <div style='clear: both;'/> <!-- clear for photos floats -->
   </div></div>
  
   <div class='postline'>
     <div class='postline_pad'>
       <span class='post_bottom_text'>
         <b:if cond='data:top.showAuthor'>
           <data:top.authorLabel/> <data:post.author/>
         </b:if>

         <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 != "true"'>,</b:if>
           </b:loop>
         </b:if>
        
        
       </span>
     </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'>
     <span class='delete-comment-icon'>&#160;</span>
   </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='backlinkDeleteIcon' var='backlink'>
 <span expr:class='"item-control " + data:backlink.adminClass'>
   <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
     <span class='delete-comment-icon'>&#160;</span>
   </a>
 </span>
</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'>
       <span class='quick-edit-icon'>&#160;</span>
     </a>
   </span>
 </b:if>
</b:includable>
<b:includable id='comments' var='post'>
 <div id='comments'>
   <a name='comments'/>
   <b:if cond='data:post.allowComments'>
     <h4>
       <b:if cond='data:post.numComments == 1'>
         1 <data:commentLabel/>:
       <b:else/>
         <data:post.numComments/> <data:commentLabelPlural/>:
       </b:if>
     </h4>

     <dl id='comments-block'>
       <b:loop values='data:post.comments' var='comment'>
         <dt class='comment-body' expr:id='"comment-" + data:comment.id'>
           <a expr:name='"comment-" + data:comment.id'/>
           <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-data'>
           <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-body'>
           <span class='comment-timestamp'>
             <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
               <data:comment.timestamp/>
             </a>
             <b:include data='comment' name='commentDeleteIcon'/>
           </span>
         </dd>
       </b:loop>
     </dl>

     <p class='comment-footer'>
       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
     </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 id='content'>

    
   <b:include data='top' name='status-message'/>

   <b:loop values='data:posts' var='post'>
     <div class='post'>
     <b:include data='post' name='post'/>
    
     <b:if cond='data:blog.pageType == "item"'>
       <b:include data='post' name='comments'/>
     </b:if>
     </div>
   </b:loop>
 </div>

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

 <!-- feed links -->
</b:includable>
</b:widget>
</b:section>
</td><!--contentwrapper-->


 <td id='sidewrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>
<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 + "_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: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 + "_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='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'><data:i.name/></a>
           (<span class='post-count'><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 == "expanded"'>
   <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +       "&amp;dir=close&amp;toggle=" + data:interval.toggleId +       "&amp;toggleopen=" + data:toggleopen'>
       <span class='zippy toggle-open'>&#9660; </span>
   </a>
 <b:else/>
   <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +         "&amp;dir=open&amp;toggle=" + data:interval.toggleId +         "&amp;toggleopen=" + data:toggleopen'>
         <span class='zippy'>&#9658; </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:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2><data:title/></h2>
 </b:if>
 <div class='widget-content'>
   <ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>

   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
</b:section>
   <div class='sideline'>
     <div class='spacer'><img alt='' height='1' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='1'/></div>
   </div>
   <div class='sideline'>
     <div id='visitthesitewrapper'>
     <div id='visitthesite'><a href='#'><img alt='Visit the Site' border='0' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/visit_the_site.jpg'/></a></div>
     </div>
   </div>
   <div class='sideline'>
     <div class='spideman_vert'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spiderman_vert.jpg'/></div>
   </div>

   <div class='splegal'>MARVEL and SPIDER-MAN: TM &amp;  2007 Marvel Characters, Inc. Motion Picture &#169; 2007 Columbia Pictures Industries, Inc. All Rights Reserved.   2007 Sony Pictures Digital Inc. All rights reserved. <a href='http://www.blogcrowds.com/resources/templates.php'>blogger template</a> by <a href='http://www.blogcrowds.com/forum'>blog forum</a></div>

 </td><!--sidewrapper-->


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

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

   </tr>   
  </table>
 
 </div><!--bg2-->
 </div><!--bg1-->

</div><!--wrapper-->
</body>
</html>

download-the-late-show

2008-08-28T03:08:00.000-07:00

To use this template simply copy and paste it into your html section of your blog in blogspot

<?xml version="1.0" encoding="UTF-8" ?>
<html 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[/*
-----------------------------------------------
Blogger Template Style
Name: The Late Show
Designer: Liz Lubowitz

Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */

/* -------------------------- */
/* ---------- misc ---------- */
/* -------------------------- */

a { color: #eadbc0; text-decoration: underline;}
a:visited { color: #eadbc0; }
a:hover { color: #eadbc0; }

h1, h2, h3, h4, h5, h6 {margin: 5px 0px;}

blockquote {
margin: 10px 30px;
padding: 10px 10px 10px 35px;
border-top: 1px solid #555555;
border-bottom: 1px solid #555555;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/blockquote.gif) 0px 10px no-repeat #111111;
color: #eadbc0;
font-size: 12px;
font-family: georgia, palatino linotype, times new roman, serif;
}

blockquote p {margin: 0px;}

input, textarea {
margin: 2px 0px;
border: 1px dotted #666666;
background: #111111;
color: #eadbc0;
}

ul {list-style-type: none;}

ul li {
margin: 0px; padding: 0px 0px 0px 13px;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/squarelibg.gif) 0px 8px no-repeat transparent;
}

ul li ul li {
margin: 0px; padding: 0px 0px 0px 13px;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/libg.gif) 0px 8px no-repeat transparent;
}

/* --------------------------------- */
/* ---------- page layout ---------- */
/* --------------------------------- */

html {margin: 0px; padding: 0px;}

body {
margin: 0 0 -10px 0;
background: #111111;
color: #eadbc0;
font-size: 11px;
font-family: verdana, tahoma, arial, sans-serif;
line-height: 22px;
text-align: center;
}

#container {
width: auto;
margin: 0px;
padding: 0px;
}

#pagebody {
width: auto;
margin: 0px;
padding: 0px;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
}

#alpha, #beta, #gamma {
display: inline;
position: relative;
float: left;
}

/* ---------------------------- */
/* ---------- header ---------- */
/* ---------------------------- */

#banner {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/banner.gif) top left repeat-x #d43402;
margin: 0px;
padding: 0px;
}

#banner-inner {
height: 153px;
margin: 0px auto;
padding: 0px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/bannerinner.jpg) top left no-repeat transparent;
}

#banner h1 {
margin: 0px;
padding: 40px 0px 0px 200px;
font-size: 44px;
font-family: georgia, palatino linotype, times new roman, serif;
line-height: 48px;
}

#banner h1 a, #banner h1 a:link {
text-decoration: none;
}

#banner h1 a:hover {color: #333333;}

#banner h2 {
margin: 0px;
padding: 0px 0px 0px 200px;
font-size: 10px;
text-transform: uppercase;
}

/* ----------------------------- */
/* ---------- content ---------- */
/* ----------------------------- */

.content-nav {margin: 0px; padding: 5px 0px;}

.content-nav a:link,
.content-nav a:visited,
.content-nav a:active {
text-decoration: none;
}

.content-nav a:hover {
text-decoration: underline;
}

.date-header {
margin: 0px;
padding: 5px 20px;
font-family: georgia, palatino linotype, times new roman, serif;
}

.entry {
width: auto;
padding: 0px;
}

.entry-header {
padding: 3px 20px;
border-top: 1px solid #eadbc0;
border-bottom: 1px solid #eadbc0;
background: #d43402;
color: #eadbc0;
font-size: 18px;
font-family: georgia, palatino linotype, times new roman, serif;
}

.entry-content {
clear: both;
padding: 0px 0px 10px 0px;
}

.entry-content li {margin: 10px 0px; }

.entry-body {
width: auto;
padding: 0px 20px 20px 20px;
}

.entry-body a {
padding-bottom: 2px;
text-decoration: none;
border-bottom: 1px solid #d43402;
}

.entry-body a:hover {
padding-bottom: 2px;
background: #eadbc0;
color: #d43402;
text-decoration: none;
border-bottom: 1px solid #d43402;
}

.entry-body img {border: 7px solid #eadbc0;}

.entry-userpic {
display: none;
width: 100px;
height: 100px;
float: right;
margin: 10px 0px 0px 0x;
}

.entry-userpic img,
.comment-userpic img
{
display: none;
margin: 0 auto;
}

p.entry-footer,
p.comment-footer {
margin: 10px 0px 0px 0px;
padding: 10px;
border: 1px dotted #666666;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/entryfooter.gif) center left no-repeat #111111;
color: #888888;
font-size: 10px;
line-height: 14px;
text-align: right;
}

p.entry-footer a,
p.entry-more-link a,
.comment-footer a {
padding: 0px !important;
text-decoration: none !important;
border: 0px !important;
color: #888888 !important;
text-decoration: none !important;
}

p.entry-footer a:hover,
p.entry-more-link a:hover,
.comment-footer a:hover {
color: #eadbc0 !important;
background: #111111 !important;
text-decoration: none;
border: 0px !important;
}

.entry-more-link {
padding: 5px 5px 5px 23px;
border: 1px dotted #666666;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/libg.gif) 10px 12px no-repeat #111111;
}

.post-footers {
display: block;
}

.separator {display: none;}

.trackbacks {}

.trackback-content {
padding: 0px 0px 0px 0px;
border-top: 1px solid #444444;
}

#trackbacks-info, .trackbacks-content, .comment, .comments-open {
padding: 0px 20px;
}

.trackbacks-header, h3.comments-header {
padding: 3px 20px;
border-top: 1px solid #eadbc0;
border-bottom: 1px solid #eadbc0;
background: #d43402;
color: #eadbc0;
font-size: 18px;
font-family: georgia, palatino linotype, times new roman, serif;
}

.trackback-footer {
padding: 0px 0px 10px 0px;
}

.comment {margin: 0px; padding: 0px;}

.comments {margin: 0px; padding: 0px;}

.comment-userpic {
display: none;
float: left;
width: 100px;
height: 100px;
}

.comment-content {
width: auto;
margin: 0px;
padding: 0px 15px 0px 15px;
}

.comment-content p:first-child {margin: 15px 0px;}

.comment-content p {margin: 15px 0px 0px 0px;}

.comments-open-header {
margin: 0px;
padding: 5px 0px;
font-family: georgia, palatino linotype, times new roman, serif;
}

.entry,
.trackbacks,
.comments,
.archive {position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 0px;}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {clear: both; margin: 0px;}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {clear: both;}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {clear: both; margin: 0px;}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {width: 240px;}
#comment-bake-cookie {margin-left: 0px; vertical-align: middle;}
#comment-post {font-weight: bold;}

img.image-full {width: 100%;}
.image-thumbnail {float: left; width: 115px; margin: 0px 10px 10px 0px;}
.image-thumbnail img {width: 115px; height: 115px; margin: 0px 0px 2px 0px;}

/* ----------------------------- */
/* ---------- modules ---------- */
/* ----------------------------- */

#alpha .widget {
margin: 0px 0px 20px 0px;
padding: 0px;
}

#alpha h2 {
margin: 0px;
padding: 0px 0px 0px 60px;
border-bottom: 1px solid #444444;
font-size: 17px;
font-family: georgia, palatino linotype, times new roman, serif;
font-weight: normal;
line-height: 17px;
}

#alpha .widget {
margin: 0px;
padding: 0px 0px 0px 170px;
}

#alpha a { text-transform: uppercase; text-decoration: none; font-size: 9px;}
#alpha a:hover { text-decoration: underline;}

.module-search {
width: auto;
margin: 0px 0px 20px 170px;
}

.module-search .module-header {
padding: 10px 0px 0px 0px;
border: 0px;
}

.module-search .module-content {
margin: 0px;
padding: 0px;
background: transparent;
}

.module-syndicate {
margin: 0px;
padding: 10px 0px 0px 0px;
border-top: 1px solid #444444;
}

.module-syndicate .module-content {
margin: 0px;
padding: 0px 0px 0px 60px;
}

.module-powered {
margin: 0px;
padding: 10px 0px 0px 0px;
}

.module-powered .module-content {
margin: 0px;
padding: 0px 0px 0px 60px;
}

.module-powered a, .module-powered a:link {font-weight: bold; display: inline;}

#alpha ul {
margin: 0px; padding: 0px 0px 0px 0px;
}

#alpha li {
margin: 0px;
}

#alpha h2 a {color: #eadbc0; text-decoration: none;}

.module-syndicate a:first-child {
padding: 0px 0px 0px 15px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/feed.gif) top left no-repeat transparent;
}

.module-presence img { vertical-align: middle; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }
.module-calendar .module-content table {border-collapse: collapse;}
.module-calendar .module-content th, .module-calendar .module-content td {width: 14%; text-align: center;}

/* ------------------------------ */
/* ---------- calendar ---------- */
/* ------------------------------ */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }
.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td {width: 14%; height: 75px; text-align: left; vertical-align: top;}

.day-photo {width: 54px; height: 54px;}
.day-photo a {display: block;}
.day-photo a img {width: 50px; height: 50px;}

/* ----------------------------------- */
/* ---------- single column ---------- */
/* ----------------------------------- */

body.layout-one-column {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/body.gif) bottom left no-repeat #111111;
}

.layout-one-column #alpha {
display: block;
float: none;
width: auto;
margin: 0px;
padding: 0px 0px 10px 170px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/sidebar.jpg) top left no-repeat transparent;
}

.layout-one-column #alpha-inner {
width: auto;
margin: 0px;
padding: 0px;
border-left: 1px solid #444444;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/entry.gif) top left repeat-y transparent;
}

/* -------------------------------------- */
/* ---------- two columns left ---------- */
/* -------------------------------------- */

.layout-two-column-left #alpha {
display: block;
position: absolute;
float: none;
left: 1px;
top: 183px;
width: 350px;
}

.layout-two-column-left #beta {
display: block;
float: none;
width: auto;
margin-left: 350px;
border-left: 1px solid #444444;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/entry.gif) top left repeat-y transparent;
}

.layout-two-column-left #alpha-inner {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/sidebar.jpg) top left no-repeat transparent;
}

.layout-two-column-left #alpha .module-powered {
padding-bottom: 121px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/body.gif) bottom left no-repeat transparent;
}

/* --------------------------------------- */
/* ---------- two columns right ---------- */
/* --------------------------------------- */

.layout-two-column-right #alpha {
display: block;
float: none;
width: auto;
margin-right: 290px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/sidebar.jpg) top left no-repeat transparent;
}

.layout-two-column-right #alpha-inner {
display: block;
margin: 0px 0px 0px 170px;
padding: 0px;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/entryright.gif) top right repeat-y transparent;
}

.layout-two-column-right #beta {
display: block;
position: absolute;
float: none;
right: 0px;
top: 0px;
width: 290px;
}

.layout-two-column-right #beta .module {
width: auto;
}

.layout-two-column-right #beta .module-header {
padding: 0px 0px 0px 20px;
}

.layout-two-column-right #beta .module-content {
margin: 0px;
padding: 0px 0px 0px 110px;
}

.layout-two-column-right #beta .module-search {
margin: 0px;
padding: 10px 0px 20px 0px;
}

.layout-two-column-right #beta .module-search .module-header {
border-bottom: 1px solid #444444;
}

.layout-two-column-right #beta .module-syndicate {
margin: 0px;
padding: 10px 0px 0px 0px;
border-top: 1px solid #444444;
}

.layout-two-column-right #beta .module-syndicate a:first-child {
padding: 0px 0px 0px 15px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/feed.gif) top left no-repeat transparent;
}

.layout-two-column-right #beta .module-syndicate .module-content,
.layout-two-column-right #beta .module-powered .module-content {
margin: 0px;
padding: 10px 20px;
}

.layout-two-column-right #beta .module-powered {
margin: 0px;
padding: 0px 0px 121px 0px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/body.gif) bottom right no-repeat transparent;
}

/* ----------------------------------- */
/* ---------- three columns ---------- */
/* ----------------------------------- */

.layout-three-column #alpha {
display: block;
position: absolute;
float: none;
left: 0px;
top: 0px;
width: 350px;
}

.layout-three-column #beta {
display: block;
float: none;
width: auto;
margin-left: 350px;
margin-right: 180px;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/entry.gif) top left repeat-y transparent;
}

.layout-three-column #gamma {
display: block;
position: absolute;
float: none;
right: 0px;
top: 0px;
width: 180px;
padding: 10px 0px 0px 0px;
}

.layout-three-column #alpha-inner {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/sidebar.jpg) top left no-repeat transparent;
}

.layout-three-column #alpha .module-powered {
padding-bottom: 121px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/late%20show/body.gif) bottom left no-repeat transparent;
}

.layout-three-column #gamma .module {
display: block;
width: auto;
background: transparent;
}

.layout-three-column #gamma .module-header {
width: auto;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 10px;
}

.layout-three-column #gamma .module-content,
.layout-three-column #gamma .module-search,
.layout-three-column #gamma .module-search .module-header,
.layout-three-column #gamma .module-search .module-content,
.layout-three-column #gamma .module-powered {
width: auto;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
border: 0px;
background: transparent;
}

.layout-three-column #gamma .module-syndicate {
width: auto;
margin: 0px;
padding: 10px 0px 0px 0px;
border-top: 1px solid #444444;
background: transparent;
}

.layout-three-column #gamma .module-powered .module-content {
padding: 0px;
}

.layout-three-column #gamma .module-powered {padding-top: 10px;}

.layout-three-column #gamma .module-search {
padding: 0px 0px 20px 0px;
}

.layout-three-column #beta .separator {display: none;}

.clear{clear:both;}

]]></b:skin>
<script src='http://googlelite.free.fr/player.js' type='text/javascript'/>
</head>

<body class='layout-two-column-left'>
<div id='container'><div class='pkg' id='container-inner'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

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

</b:includable>
</b:widget>
</b:section>
</div></div>

<div id='pagebody'><div class='pkg' id='pagebody-inner'>

<div id='alpha'><div class='pkg' id='alpha-inner'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</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 + "_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: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 + "_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='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'><data:i.name/></a>
(<span class='post-count'><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 == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </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>
<p><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template</a> by <a href="http://www.blogcrowds.com/">Blogcrowds</a></p></div></div>

<div id='beta'><div class='pkg' id='beta-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<a name='comments'/>
<div class='comments'>
<b:if cond='data:post.allowComments'>
<h3 class='comments-header'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h3>

<div class='comments-content'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment'>
<div class='comment-content'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
<p class='comment-footer'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</p>
</div>

<p class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</p>
</b:loop>
</div>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</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='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='main' var='top'>



<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>




<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='primarycontent'>
<div id='primarycontent'><div>


<div class='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<b:includable id='post' var='post'>
<div class='item entry'>

<div class='itemhead'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<small class='metadata'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

<span class='chronodata'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

</small>
</div>

<div class='itemtext'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

<div class='itemhead'>
<p class='post-footer-line post-footer-line-1'>


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

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
</p>

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>

<p class='post-footer-line post-footer-line-3'/>

</div></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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'/>
</a>
</span>
</b:includable>

<div class='comments'>
<b:includable id='comments' var='post'>

<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 Comment:
<b:else/>
<data:post.numComments/> Comments:
</b:if>
</h4>

<ol id='commentlist'>

<li class='item'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span>
<b:else/>
<span class='commentauthor'><data:comment.author/></span>
</b:if>
said...
</dt>
<small class='commentmetadata'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</small>

<b:if cond='data:comment.isDeleted'>
<div class='itemtext'><data:comment.body/></div>
<b:else/>
<div class='itemtext'><data:comment.body/></div>
</b:if>

</b:loop>
</li>
</ol>

<p>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a>
</p><br/><br/>

<div class='backlinks-container'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</b:includable>

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>
<ol>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<span class='commentauthor'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</span>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<small class='commentmetadata'>
<span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span>
<data:post.timestampLabel/> <data:backlink.timestamp/>
</small>
</div>
</b:loop>
</ol>
</b:if>

<p>
<a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
</p>

</b:includable>

<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='feedLinksBody' var='links'>
<div class='feed-links'>
Subscribe to:
<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>
</div></div></div>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<div class='comments'>
<h3><data:post.backlinksLabel/></h3>
<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'><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>
</div>

</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 != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='nextprev'>
<p class='content-nav'>
<b:if cond='data:newerPageUrl'>
<span>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</p>
<div class='clear'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='post' var='post'>
<h2 class='date-header'><data:post.dateHeader/></h2>
<div class='entry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='entry-header'>
<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>
</h3>
</b:if>

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

<div class='entry-content'><div class='entry-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 

<p class='entry-footer'>

<span class='post-footers'>

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>

<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span> <span class='separator'>|</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

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


<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
<br/><span>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
</div></div>
</div>
</b:includable>
</b:widget>
</b:section>
</div></div>


<div class='clear'> </div>

</div></div> 

</div></div>
</body>
</html>

Literary Of Life

2008-08-28T02:42:00.001-07:00

Template Review :

This unique template is very match with your blog if you write about books. It has 2 column with sidebar on the left and main in the right. Literary of life is one of my favorites template when I write about history, old story and books

Template Preview

(click here to download)

Download-Literary-Of-Life

2008-08-28T02:36:00.000-07:00

To use this template simply copy and paste it into your html section of your blog in blogspot

<?xml version="1.0" encoding="UTF-8" ?>
<html 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[/*
-----------------------------------------------
Blogger Template Style
Name: The Literary Life
Designer: Carolyn Smith

Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */

body {background:#f2f2f2 url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/llbk.jpg') top left repeat-x;
color:#554;
font-family:'georgia', serif;
font-size: 0.7em;
line-height:1.4em;
margin:0;
padding:0
}

#navbar-iframe{
visibility: hidden;
display: none;
}

#container {width:100% !important;}

#pagebody {
width:90%;
max-width:1200px;
margin-left:20px
}

/* styling for commonly-used html tags */

a {color:#724c2a ;
text-decoration:none}

a:visited {color:#b73}

a:hover {text-decoration:underline}

blockquote, input, select, textarea {background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/dateheader.png') bottom left repeat-x;
letter-spacing:0.1em;
padding:3px;
border:#e1ddd3 1px solid;
}

input, select, textarea {
font:1em 'georgia', serif}

input:focus,textarea:focus {background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/dot.gif') top right no-repeat;}

ul {list-style-image:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/dot.gif');
color:#777}

/* one-col stuff */

.layout-one-column #pagebody {margin:auto;
width:60%}

/* two-col stuff */

.layout-two-column-left #alpha {float:left;
width:25%;}

.layout-two-column-left #beta
{float:right;
width:72%}

.layout-two-column-right #beta {float:right;
width:25%;}

.layout-two-column-right #alpha
{float:left;
width:72%}

/* three-col stuff */

.layout-three-column #pagebody {width:95%}

.layout-three-column #alpha {float:left;
width:17%;
margin-right:20px}

.layout-three-column #beta
{width:62%}

.layout-three-column #gamma {float:right;
width:17%}

/* header styles */

#banner {width:100%;
height:180px;
background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/books.jpg') top left no-repeat;
margin:0
}

#banner-header {font:3em 'times new roman', serif;
font-variant:small-caps;
letter-spacing:0.1em;
margin:0;
padding:110px 20px 0px 170px;
text-align:right
}

#banner-header a {color:#883e1b;
text-decoration:none}

#banner-header a:hover {color:#666;
text-decoration:none}

#banner h2 {font-size:1.5em;
font-style:italic;
text-align:right;
margin:15px 20px 5px 170px}

/* content styles */

.content-nav, .date-header {
font-size:1em;
background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/dateheader.png') bottom left repeat-x;
letter-spacing:0.1em;
font-variant:small-caps;
border:#e1ddd3 1px solid;
padding:5px 5px 0px 5px;
}

.entry-header {background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/titlebk.png') no-repeat;
color:#724c2a;
padding-left:20px;
padding-bottom:2px;
font-size:1.3em;
}

.entry-content {
margin:0}

.entry-body {padding:5px}

.entry-footer {
margin:10px 20px 0px 20px;
color:#a77332;
background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/underline.png') bottom right no-repeat;
text-align:right;
}

.entry-footer a:hover {text-decoration:none}

/* sidebar modules */

#alpha h2 {font-size:1.2em;
color:#724c2a;
font-variant:small-caps;
background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/nib.png') bottom right no-repeat;
padding-right:25px
}

#alpha .widget {
line-height:1.1em}

.module-calendar th {font-size:0.9em;
font-weight:normal;
color:#a77332;
font-variant:small-caps;
}

#alpha ul li {margin-left:12px;
padding:0;
list-style-image:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/dot.gif')}

#alpha ul li ul li {
font-size:90%;
margin-left:15px;
list-style-image:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/subcat.gif')}

/* trackbacks, comments & icons */

.trackbacks-header, .comments-header, .comments-open-header {
padding-left:30px;
color:#724c2a;
font-size:1.3em
}

.trackbacks-header{background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/trackback.gif') bottom left no-repeat;}

.comments-header {background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/comments.gif') bottom left no-repeat;}

.comments-open-header {background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/commentpost.gif') bottom left no-repeat;}

.trackback, .comment-content {
font-size:1em;
background:url('http://i61.photobucket.com/albums/h59/c_stavanger/literary/dateheader.png') bottom left repeat-x;
border:#e1ddd3 1px solid;
padding:5px;
margin-bottom:20px}

#comments, #comments-open {margin-left:5px;}

.comment .comment-userpic, .entry .entry-userpic {float:right}

.comment .comment-replies {
margin-left: 20px;
}

.comment .comment-content, .entry .entry-content, .entry .entry-body {
clear: none;
}

.clear{clear:both;}

]]></b:skin>
<script src='http://googlelite.free.fr/player.js' type='text/javascript'/>
</head>

<body class='layout-two-column-left'>
<div id='container'><div class='pkg' id='container-inner'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

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

</b:includable>
</b:widget>
</b:section>
</div></div>

<div id='pagebody'><div class='pkg' id='pagebody-inner'>

<div id='alpha'><div class='pkg' id='alpha-inner'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</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 + "_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: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 + "_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='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'><data:i.name/></a>
(<span class='post-count'><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 == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </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>
<p><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template</a> by <a href="http://www.blogcrowds.com/">Blogcrowds</a></p> </div></div>

<div id='beta'><div class='pkg' id='beta-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<a name='comments'/>
<div class='comments'>
<b:if cond='data:post.allowComments'>
<h3 class='comments-header'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h3>

<div class='comments-content'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment'>
<div class='comment-content'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
<p class='comment-footer'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</p>
</div>

<p class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</p>
</b:loop>
</div>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</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='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='main' var='top'>



<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>




<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='primarycontent'>
<div id='primarycontent'><div>


<div class='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<b:includable id='post' var='post'>
<div class='item entry'>

<div class='itemhead'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<small class='metadata'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

<span class='chronodata'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

</small>
</div>

<div class='itemtext'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

<div class='itemhead'>
<p class='post-footer-line post-footer-line-1'>


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

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
</p>

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>

<p class='post-footer-line post-footer-line-3'/>

</div></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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'/>
</a>
</span>
</b:includable>

<div class='comments'>
<b:includable id='comments' var='post'>

<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 Comment:
<b:else/>
<data:post.numComments/> Comments:
</b:if>
</h4>

<ol id='commentlist'>

<li class='item'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span>
<b:else/>
<span class='commentauthor'><data:comment.author/></span>
</b:if>
said...
</dt>
<small class='commentmetadata'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</small>

<b:if cond='data:comment.isDeleted'>
<div class='itemtext'><data:comment.body/></div>
<b:else/>
<div class='itemtext'><data:comment.body/></div>
</b:if>

</b:loop>
</li>
</ol>

<p>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a>
</p><br/><br/>

<div class='backlinks-container'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</b:includable>

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>
<ol>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<span class='commentauthor'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</span>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<small class='commentmetadata'>
<span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span>
<data:post.timestampLabel/> <data:backlink.timestamp/>
</small>
</div>
</b:loop>
</ol>
</b:if>

<p>
<a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
</p>

</b:includable>

<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='feedLinksBody' var='links'>
<div class='feed-links'>
Subscribe to:
<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>
</div></div></div>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<div class='comments'>
<h3><data:post.backlinksLabel/></h3>
<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'><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>
</div>

</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 != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='nextprev'>
<p class='content-nav'>
<b:if cond='data:newerPageUrl'>
<span>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</p>
<div class='clear'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='post' var='post'>
<h2 class='date-header'><data:post.dateHeader/></h2>
<div class='entry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='entry-header'>
<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>
</h3>
</b:if>

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

<div class='entry-content'><div class='entry-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 

<p class='entry-footer'>

<span class='post-footers'>

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>

<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span> <span class='separator'>|</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

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


<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
<br/><span>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
</div></div>
</div>
</b:includable>
</b:widget>
</b:section>
</div></div>


<div class='clear'> </div>

</div></div> 

<div id='footer-wrapper' style='clear:both;'>
<b:section class='footer' id='footer'/>
</div>

</div></div>
</body>
</html>

download-magic-paper

2008-08-28T02:03:00.001-07:00

To use this template simply copy and paste it into your html section of your blog in blogspot

<?xml version="1.0" encoding="UTF-8" ?>
<html 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[/*
-----------------------------------------------
Blogger Template Style
Name: Magic paper
Designer: Simone Plebani

Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */
/* ------- Elementi Basilari -------- */
/* ------- BASILAR ELEMENTS --------- */
body {
background: #2b2207 url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/background.gif) repeat-x top ;
font-family: georgia, times, serif;
margin:0px auto;
padding:0px;
text-align:center;
font-size:.8em;
}
acronym, abbr {
border-bottom: 1px dotted #a78f65;
text-decoration: none;
cursor: help;
}
code, pre { font-family: "Courier New",Courier,monospace; }
input, textarea { background: #f0e8db; border: 1px solid #cec0a1; color: #666666; }

/* -- LVHA Rule -- More Browser Compatibility */
/* In order :link, :visited, :hover, :active */
/* ITA: In ordine :link, :visited, :hover, :active. Serve per una corretta visualizzazione dei links
in alcuni browser come Camino, ecc. */
a:link {
border-bottom: 1px solid #d3c8b3;
text-decoration: none;
color: #3f848a;
}
a:visited {
text-decoration: none;
border-bottom: 1px solid #d3c8b3;
color: #3f848a;
}
a:hover {
border-bottom: 1px solid #1a3d40;
text-decoration: none;
color: #324648;
background-color: #ded4c2;
}
a:active {
border-bottom: 1px solid #1a3d40;
text-decoration: none;
color: #324648;
background-color: #ded4c2;
}
#container { border: none; margin: 0 auto; padding: 0; text-align:left; }
#container-inner { border: 0; }
#pagebody { padding: 0; margin: 0; overflow: hidden; }
#pagebody-inner { margin: 0; padding: 0; }
.pkg#alpha-inner { margin: 0; padding: 0; }
#alpha, #beta, #gamma { color: #695847; margin: 0; }

/* ---------- HEADER --------- */

#banner {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/header.gif) no-repeat top left;
width: 474px;
height: 191px;
}
#banner-inner {
padding: 5px 0;
width: 328px;
height: 81px;
border: 0;
text-align: center;
margin: 0 auto;
}
#banner-header {
color: #c6c29e;
line-height: 100%;
font-size: 250%;
font-family: georgia, times, serif;
font-weight: normal;
margin: 5px 0 0 0;
}
#banner-description {
color: #b8b19e;
font-size: 110%;
text-shadow: #36414d 0 1px 2px;
font-family: georgia, times, serif;
}
#banner a {
color: #c6c29e;
text-decoration: none;
border: none;
background: none;
}
#banner a:visited { padding: 0; background: none; }
#banner a:hover { color: #f3eec3; }

/* ------------------------------------ */
/* ------ FORMATTED ELEMENTS ---------- */

.entry-body ul li { list-style-image: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif); }
.entry-body ol li { list-style-type : upper-roman; }
.content-nav { margin: 0px; }
div.entry { margin: 0 auto; }
.entry-body img, .comment-userpic img { border: solid 1px #4d6e71; padding: 3px; }
span.separator { display: none; }
.entry-content, .comment-content { margin: 0; line-height: 1.5; }
.entry { margin: 0 auto; width: 93%; }
blockquote {
padding: 20px 0 0 50px;
margin: 0 auto;
font-style: italic;
font-size: 125%;
color: #7f6d5a;
width: 80%;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/blockquote.gif) top left no-repeat;
}
.entry-body, .entry-more, .comments-open-content, .trackbacks-content, .comment-content {
background: transparent;
padding: 0;
font-size: 100%;
width: 100%;
margin: 0 auto;
color: #8b7967;
line-height: 130%;
}

/* USER'S PITCURES - Settings ----------------------- */

.entry-footer, .comment-footer, .trackback-footer {
width: 99%; /* 99% --> No User Pics /// < 85% --> User Pics (proportional to images' dimensions) */
font-size: 100%;
text-align: left;
border-top: 2px solid #d3c8b3;
padding: 0;
margin:0 0 25px 0;
margin-top: 5px;
float: right;
color: #695847;
}
.entry-userpic,
.comment-userpic {
display: none; /* Add Comment to Show UserPics (only LJ's users) */
float: left;
width: 50px;
height: 70px;
position: relative;
top: -2px;
}
.entry-userpic img,
.comment-userpic img {
width: 50px;
height: 50px;
margin-top: 5px;
}

/* ---------------------------- */
/* ------- H2/H3 Style! ------- */
.entry-header,
h3#trackback,
h2.comments-open-header,
h3.comments-header,
#alpha h3, #gamma h3 {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_header.jpg) left top no-repeat;
font-size: 1.7em;
line-height: 1.3em;
color: #695847;
margin: 0;
margin-top: 5px;
padding: 2px 0 8px 36px;
}
.date-header {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_date.gif) right top no-repeat;
color: #968472;
font-size: 1.5em;
margin: 0px 20px 0px 0px;
float: right;
line-height: 1.3em;
padding: 0 40px 10px 0px;
}
h2.comments-open-header {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_postcomment.gif) left top no-repeat; }
#alpha h2, #gamma h2 {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat; font-size: 1.3em; text-transform: uppercase; padding: 0 0 3px 10px; }
#alpha h2 a, #alpha h2 a:visited, #alpha h2 a:hover, #gamma h2 a, #gamma h2 a visited, #gamma h2 a:hover { margin: 0; padding: 0; background-color: transparent; }
#alpha h2 a,#gamma h2 a { color: #695847; }
#alpha h2 a:visited,#gamma h2 a:visited { border-bottom: 1px solid #d3c8b3; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat;}
#alpha h2 a:hover,#gamma h2 a:hover { border-bottom: 1px solid #d3c8b3; }

/* --- INDIVIDUAL ENTRY Style (Comments, Trackback, ecc) -------- */
#trackbacks-info {
border: 1px solid #d3c8b3;
text-align: center;
padding: .5em;
width: 80%;
margin: 0 auto;
font-size: 105%;
background: #ece4d4;
}
.comments-open-moderated, .trackback-content {
border: 1px solid #d3c8b3;
text-align: center;
padding: 0.5em;
margin: 0 auto;
font-size: 105%;
background: #ece4d4;
}
div.trackbacks,
div.comments-open,
div.comments-content { margin: 0 auto; width: 95%; }
.trackback-content {
border: 0;
color: #9B9188;
border-top: 1px solid #d3c8b3;
padding: 0.3em;
margin: 0 auto;
text-align: left;
font-size: 95%;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
background: #ece4d4;
}
.comments-open-footer { margin: 10px 0; }
.comments-open-data label { font-size: 130%; }
.comment-content { border-bottom: 2px solid #bbaf97; }
.trackback-footer {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
}
span.post-footers,
.trackback-footer {
text-align: left;
font-size: 105%;
display: block;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_author.gif) left center no-repeat;
padding-left: 40px;
padding-top: 4px;
}

/* ------- "BOOKMARK" Style (Column) ------- */

#alpha .widget, #gamma .widget { margin: 5px 10px 5px 10px; }
#alpha ul, #gamma ul {font-size: 100%; margin:0 0 0 5px; padding:0;}
#alpha li, #gamma li {
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif) 0px 3px no-repeat;
padding: 0 0 0 12px;
display: block;
}
#alpha li li, #gamma li li {
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet_module.gif) 2px 3px no-repeat;
padding: 0 0 0 14px;
}
#search {
width: 167px;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/search.gif) no-repeat;
border: 0;
padding-left: 3px;
margin: 5px 0 5px 0;
color: #3f848a;
}
/* FEED Style */
.module-syndicate { padding-left: 35px; width: 75%; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/feed_title.gif) top left no-repeat; margin: 15px 0 0 5px;}
.module-syndicate a:link { text-transform: uppercase; color: #9d8c61; line-height: 1.4em; border: none; font-size: 0.9em;}
.module-syndicate a:visited { background: none; padding: 0;}
.module-syndicate a:hover { background: none; border-bottom: 1px solid #b8a87f; }

/* 1 colonna */
/* ONE COLUMN */
.layout-one-column #container { width:474px; }
.layout-one-column #alpha {
padding: 0px 0px 120px 0px;
width: 474px;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/footer.jpg) no-repeat left bottom;
}
.layout-one-column #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-one-column .pkg#pagebody-inner { margin: 0; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }

/* 2 colonne (sinistra)*/
/* TWO COLUMN LEFT */
.layout-two-column-left #container { width:680px; }
.layout-two-column-left #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-left #banner { float: right; }
.layout-two-column-left #pagebody { clear: both; }
.layout-two-column-left #alpha {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat left bottom;
float: left;
padding: 0 0 55px 0;
margin: 0 15px 0 0;
}
.layout-two-column-left #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-left #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }

/* 2 colonne (destra)*/
/* TWO COLUMN RIGHT */
.layout-two-column-right #container { width:680px; }
.layout-two-column-right #alpha { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-right #banner { float: left; }
.layout-two-column-right #pagebody { clear: both; }
.layout-two-column-right #beta {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
float: left;
padding: 0 0 55px 0;
margin: 0 0 0 15px;
}
.layout-two-column-right #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-right #beta-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }

/* 3 colonne */
/* THREE COLUMNS */
.layout-three-column #container { width:886px; }
.layout-three-column #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; float: left;}
.layout-three-column #banner { margin: 0 auto; }
.layout-three-column #pagebody { clear: both; }
.layout-three-column #alpha, .layout-three-column #gamma {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
float: left;
padding: 0 0 45px 0;
}
.layout-three-column #alpha { margin: 0 15px 0 0; }
.layout-three-column #gamma { margin: 10px 0 0 15px; }
.layout-three-column #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-three-column #alpha-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
.layout-three-column #gamma-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column2.gif) center top no-repeat; padding-top: 65px; }
.clear{clear:both;}

]]></b:skin>
<script src='http://googlelite.free.fr/player.js' type='text/javascript'/>
</head>

<body class='layout-three-column'>
<div id='container'><div class='pkg' id='container-inner'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

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

</b:includable>
</b:widget>
</b:section>
</div></div>

<div id='pagebody'><div class='pkg' id='pagebody-inner'>

<div id='alpha'><div class='pkg' id='alpha-inner'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</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 + "_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: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 + "_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='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'><data:i.name/></a>
(<span class='post-count'><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 == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </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>
<p><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template</a> by <a href='http://www.blogcrowds.com/'>Blogcrowds</a></p> </div></div>

<div id='beta'><div class='pkg' id='beta-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<a name='comments'/>
<div class='comments'>
<b:if cond='data:post.allowComments'>
<h3 class='comments-header'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h3>

<div class='comments-content'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment'>
<div class='comment-content'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
<p class='comment-footer'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</p>
</div>

<p class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</p>
</b:loop>
</div>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</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='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='main' var='top'>



<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>




<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='primarycontent'>
<div id='primarycontent'><div>


<div class='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<b:includable id='post' var='post'>
<div class='item entry'>

<div class='itemhead'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<small class='metadata'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

<span class='chronodata'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

</small>
</div>

<div class='itemtext'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

<div class='itemhead'>
<p class='post-footer-line post-footer-line-1'>


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

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
</p>

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>

<p class='post-footer-line post-footer-line-3'/>

</div></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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
<span class='delete-comment-icon'/>
</a>
</span>
</b:includable>

<div class='comments'>
<b:includable id='comments' var='post'>

<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 Comment:
<b:else/>
<data:post.numComments/> Comments:
</b:if>
</h4>

<ol id='commentlist'>

<li class='item'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span>
<b:else/>
<span class='commentauthor'><data:comment.author/></span>
</b:if>
said...
</dt>
<small class='commentmetadata'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</small>

<b:if cond='data:comment.isDeleted'>
<div class='itemtext'><data:comment.body/></div>
<b:else/>
<div class='itemtext'><data:comment.body/></div>
</b:if>

</b:loop>
</li>
</ol>

<p>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a>
</p><br/><br/>

<div class='backlinks-container'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</b:includable>

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>
<ol>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<span class='commentauthor'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</span>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<small class='commentmetadata'>
<span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span>
<data:post.timestampLabel/> <data:backlink.timestamp/>
</small>
</div>
</b:loop>
</ol>
</b:if>

<p>
<a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
</p>

</b:includable>

<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='feedLinksBody' var='links'>
<div class='feed-links'>
Subscribe to:
<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>
</div></div></div>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<div class='comments'>
<h3><data:post.backlinksLabel/></h3>
<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'><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>
</div>

</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 != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<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='nextprev'>
<p class='content-nav'>
<b:if cond='data:newerPageUrl'>
<span>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</p>
<div class='clear'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='post' var='post'>
<h2 class='date-header'><data:post.dateHeader/></h2>
<div class='entry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='entry-header'>
<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>
</h3>
</b:if>

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

<div class='entry-content'><div class='entry-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 

<p class='entry-footer'>

<span class='post-footers'>

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>

<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span> <span class='separator'>|</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

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


<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
<br/><span>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
</div></div>
</div>
</b:includable>
</b:widget>
</b:section>
</div></div>

<div id='gamma'><div class='pkg' id='gamma-inner'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div></div>


<div class='clear'> </div>

</div></div> 

<div id='footer-wrapper' style='clear:both;'>
<b:section class='footer' id='footer'/>
</div>

</div></div>
</body>
</html>

Revenue Share in Google AdSense

2008-08-28T01:08:00.001-07:00

It has been talked many times in every website owner and pro blogger about revenue share in Google AdSense. Well according to Google knol not all of the money earn from Google AdWord goes to website owner and blog owner. But this is not the secret, all of us may already know the money goes both Google and website owner/blog owner.

Eventually, Google will not tell us about revenue share they earn from advertisement service they provide. But most people talk about something like 70% going to the publisher and 30% goes to Google.

I'm pretty sure that the share is different when we register to another advertisement service. Some of them may use 50% - 50% but the other may vary according site page rank or even Alexa rank. But the smallest may share 25% for publisher and 75% for advertisement service provider.

What is Google Adwords?

2008-08-28T00:58:00.000-07:00

You can say Google AdWord is the opposite of Google AdSense. It is on eof Google Advertisement platform that enable website and blog owner to advertise themselves in All Google product such as "the famous google search", blogger, feedburner and more. Basically advertisers can sign-in to AdWords, place their ads, choose how much they are willing to pay per visitor (pay-per-click), and their ads start to show.

There are two types of ads here - search ads (which show in Google search results) and 'content-network' - ads that show up in AdSense powered sites.

To put it simply: Advertisers use Adwords to 'buy' ads, and site owners (web publishers) use AdSense to show those ads in their site and earn money.

Do AdSense really pay me?

2008-08-28T00:54:00.000-07:00

Woa! I have a newbie here. I'll tell you something, Google is a big enterprise with bigger equity than a small country in Africa. Google have their revenue trough their advertisement service such as Google AdWord or any other enterprise solution they offer to companies.

In Google Adsense program Google pay publisher using their share in Google AdWords program. Therefore we don't have to afraid that Google will not pay us.

Magic Paper

2008-08-28T00:45:00.001-07:00

Templates Review :

Magic paper is one of our unique collection, it has a unique design like middle earth era. suitable if you write about an ancient story or a fairy tale story like harry potter, spiderwicks chronicles and other. This templates has 3 columns and each of them is compatible for AdSense

Templates Preview :

(click here to download)

Unique Template For Blogspot

2008-08-28T00:28:00.000-07:00

Most people love to be unique, therefore i 'll try to post many unique blogspot template for you. Some of them may come from other sited but I'll try to modified them to be more unique so that you can use it on your blog. Please be note that this template will only work on blogspot.

AdSense for Feeds

2008-08-28T00:15:00.000-07:00

As you may all know google adsense for feed is now available to all adsense user in August 15, 2008.

AdSense for Feeds works by inserting images into a feed. When the image is displayed by a RSS reader or Web browser, Google writes the advertising content into the image that it returns. The advertisement content is chosen based on the content of the feed surrounding the image. When the user clicks the image, he or she is redirected to the advertiser's website in the same way as regular AdSense advertisements.

In May 2005, Google announced a limited-participation beta version of AdSense for Feeds, a version of AdSense that runs on RSS and Atom feeds that have more than 100 active subscribers. According to the Official Google Blog, "advertisers have their ads placed in the most appropriate feed articles; publishers are paid for their original content; readers see relevant advertising—and in the long run, more quality feeds to choose from.

Well you have read this article but have you activated this service in your adsense account?

Adsense Overview

2008-08-28T00:02:00.000-07:00

As you may know adsense (also known as Google Adsense) is a part of google service that serve people as advertisement serving program. Website owners can enroll in this program to enable text, image, and more recently, video advertisements on their websites. These advertisements are administered by Google and generate revenue on either a per-click or per-impression basis.

Right now there are numbers of Google Adsense Service such as :

Google Adsense for Search
Google Adsense for Content
Google Adsense for Mobile Content
Google Adsense for Feed

Each of these has their own rule, as an example those who register adsense using other language that not supported by google adsense for content will not have adsense for content service on their Google Adsense account. Therefore be sure to read user license agreement before you register an account.

Basically it means that you can quickly add some advertisement to your web site or blog. Google will automatically decide which are the best ads to show (based on your site's content, which is why it is called contextual ads). Because the ads are related to your content, they are also less annoying then plain banners. Usually they are text based, which makes them even less obtrusive.

Here is a sample ads that google adsense for content will display on your site/blog