Free Book Blogger Templates

I am offering Free Templates for use on Book Blogger sites. Here are images of the templates I created. Click on the titles to view "live". All I ask is that you comment and leave your URL if you use the template. Please!

The Damask Template

<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
 <head> 
 <b:include data='blog' name='all-head-content'/> 
 <title><data:blog.pageTitle/></title> 
 <b:skin><![CDATA[/*
-----------------------------------------------
PARAJUNKEE'S 3 COL MINIMA CHANGE UP
Name: DAMASK
Designer: RACHY (PARAJUNKEE)
URL: parajunkee.blogspot.com
Date: 30 sep 2009
----------------------------------------------- */

/* Variable definitions
 ====================
 <Variable name="bgcolor" description="Page Background Color"
 type="color" default="#fff" value="#000000"> 
 <Variable name="textcolor" description="Text Color"
 type="color" default="#333" value="#ffffff"> 
 <Variable name="linkcolor" description="Link Color"
 type="color" default="#58a" value="#CAF99B"> 
 <Variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#666" value="#ffffff"> 
 <Variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#999" value="#ffffff"> 
 <Variable name="titlecolor" description="Post Title Color"
 type="color" default="#c60" value="#cc0000"> 
 <Variable name="bordercolor" description="Border Color"
 type="color" default="#ccc" value="#ffffff"> 
 <Variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#999" value="#CAF99B"> 
 <Variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#666" value="#ffffff"> 
 <Variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#999" value="#CAF99B"> 
 <Variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"> 
 <Variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 95% Georgia, Times, serif"> 
 <Variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal normal 200% Georgia, Serif" value="normal bold 242% Verdana, sans-serif"> 
 <Variable name="descriptionfont" description="Blog Description Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> 
 <Variable name="postfooterfont" description="Post Footer Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> 
 <Variable name="startSide" description="Side where text starts in blog language"
 type="automatic" default="left" value="left"> 
 <Variable name="endSide" description="Side where text ends in blog language"
 type="automatic" default="right" value="right"> 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
 
 
html { 
	background-image: url(http://members.cox.net/parajunkee/Damask/HTMLBG.png); 
	background-repeat: repeat; 
} 
 
 
body { 
	margin:0; 
	 
 color:$textcolor; 
	font:x-small Georgia Serif; 
	font-size/* */:/**/small; 
	font-size: /**/small; 
	text-align: center; 
	background-attachment: fixed; 
	background-image: url(http://members.cox.net/parajunkee/Damask/BG.png); 
background-size: 100%; 
	background-repeat: no-repeat; 
	background-position: left BOTTOM; 
 } 
a:link { 
 color:$linkcolor; 
 text-decoration:none; 
 } 
a:visited { 
 color:$visitedlinkcolor; 
 text-decoration:none; 
 } 
a:hover { 
 color:$titlecolor; 
 text-decoration:underline; 
} 
a img { 
 border-width:0; 
 } 
 
/* Header 
----------------------------------------------- 
 */ 
 
#header-wrapper { 
	width:980px; 
	margin-top: 0; 
	margin-bottom: 10px; 
	height: 200px; 
	background-image: url(http://members.cox.net/parajunkee/Damask/header.jpg); 
	background-repeat: no-repeat; 
	background-position: center top; 
 } 
 
#header-inner { 
 background-position: center; 
 margin-left: auto; 
 margin-right: auto; 
} 
 
#header { 
 text-align: center; 
 color:$pagetitlecolor; 
} 
 
#header h1 { 
 padding:35px 40px .35px 40px; 
 line-height:1.2em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 font: $pagetitlefont; 
} 
 
#header a { 
 color:$pagetitlecolor; 
 text-decoration:none; 
 } 
 
#header a:hover { 
 color:$pagetitlecolor; 
 } 
 
#header .description { 
 margin:0 auto 0 auto; 
 padding:0 20px 15px; 
 max-width:500px; 
max-height:100px; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 line-height: 1.4em; 
 font: $descriptionfont; 
 color: $descriptioncolor; 
 } 
 
#header img { 
 margin-$startSide: auto; 
 margin-$endSide: auto; 
} 
 
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
	width: 980px; 
	padding:10px; 
 text-align:$startSide; 
 font: $bodyfont; 
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto; 
 } 
 
#left-sidebar-wrapper { 
	width: 235px; 
float: $startSide; 
	padding:2px; 
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
	overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
	background-color: #110223; 
	background-repeat: repeat-y; 
	background-position: center top; 
} 
 
#main-wrapper { 
	width: 482px; 
	padding:5px; 
 float: $startSide; 
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
	overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
	margin-top: 0px; 
	margin-right: 5px; 
	margin-bottom: 0px; 
	margin-left: 5px; 
	background-image: url(http://members.cox.net/parajunkee/Damask/damaskBG.jpg); 
	background-color: #000; 
	background-repeat: repeat; 
 } 
 
#sidebar-wrapper { 
	width: 235px; 
	background-color: #110223; 
	padding: 2px; 
 
	background-repeat: repeat-y; 
	background-position: center top; 
 float: $endSide; 
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
	overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
} 
 
#PJV { 
	float: left; 
	height: 237px; 
	width: 156px; 
	z-index: 99; 
	visibility: visible; 
} 
 
 
/* Headings 
----------------------------------------------- */ 
 
h2 { 
 margin:1.5em 0 .75em; 
 font:$headerfont; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 color:$sidebarcolor; 
} 
 
 
/* Posts 
----------------------------------------------- 
 */ 
h2.date-header { 
 margin:1.5em 0 .5em; 
 } 
 
.post { 
 margin:.5em 0 1.5em; 
 border-bottom:1px dotted $bordercolor; 
 padding-bottom:1.5em; 
 } 
.post h3 { 
 margin:.25em 0 0; 
 padding:0 0 4px; 
 font-size:140%; 
 font-weight:normal; 
 line-height:1.4em; 
 color:$titlecolor; 
} 
 
.post h3 a, .post h3 a:visited, .post h3 strong { 
 display:block; 
 text-decoration:none; 
 color:$titlecolor; 
 font-weight:normal; 
} 
 
.post h3 strong, .post h3 a:hover { 
 color:$textcolor; 
} 
 
.post-body { 
 margin:0 0 .75em; 
 line-height:1.6em; 
} 
 
.post-body blockquote { 
 line-height:1.3em; 
} 
 
.post-footer { 
 margin: .75em 0; 
 color:$sidebarcolor; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 font: $postfooterfont; 
 line-height: 1.4em; 
} 
 
.comment-link { 
 margin-$startSide:.6em; 
 } 
.post img { 
 border:1px solid $bordercolor; 
 } 
.post blockquote { 
 margin:1em 20px; 
 } 
.post blockquote p { 
 margin:.75em 0; 
 } 
 
/* Comments 
----------------------------------------------- */ 
#comments h4 { 
 margin:1em 0; 
 font-weight: bold; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 color: $sidebarcolor; 
 } 
 
#comments-block { 
 margin:1em 0 1.5em; 
 line-height:1.6em; 
 } 
#comments-block .comment-author { 
 margin:.5em 0; 
 } 
#comments-block .comment-body { 
 margin:.25em 0 0; 
 } 
#comments-block .comment-footer { 
 margin:-.25em 0 2em; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 } 
#comments-block .comment-body p { 
 margin:0 0 .75em; 
 } 
.deleted-comment { 
 font-style:italic; 
 color:gray; 
 } 
 
#blog-pager-newer-link { 
 float: $startSide; 
 } 
 
#blog-pager-older-link { 
 float: $endSide; 
 } 
 
#blog-pager { 
 text-align: center; 
 } 
 
.feed-links { 
 clear: both; 
 line-height: 2.5em; 
} 
 
/* Sidebar Content 
----------------------------------------------- */ 
.sidebar { 
 color: $sidebartextcolor; 
 line-height: 1.5em; 
 } 
 
.sidebar ul { 
 list-style:none; 
 margin:0 0 0; 
 padding:0 0 0; 
} 
.sidebar li { 
 margin:0; 
 padding-top:0; 
 padding-$endSide:0; 
 padding-bottom:.25em; 
 padding-$startSide:15px; 
 text-indent:-15px; 
 line-height:1.5em; 
 } 
 
.sidebar .widget, .main .widget { 
 border-bottom:1px dotted $bordercolor; 
 margin:0 0 1.5em; 
 padding:0 0 1.5em; 
 } 
 
.main .Blog { 
 border-bottom-width: 0; 
} 
 
 
/* Profile 
----------------------------------------------- */ 
.profile-img { 
 float: $startSide; 
 margin-top: 0; 
 margin-$endSide: 5px; 
 margin-bottom: 5px; 
 margin-$startSide: 0; 
 border: 1px solid $bordercolor; 
} 
 
.profile-data { 
 margin:0; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 font: $postfooterfont; 
 color: $sidebarcolor; 
 font-weight: bold; 
 line-height: 1.6em; 
} 
 
.profile-datablock { 
 margin:.5em 0 .5em; 
} 
 
.profile-textblock { 
 margin: 0.5em 0; 
 line-height: 1.6em; 
} 
 
.profile-link { 
 font: $postfooterfont; 
 text-transform: uppercase; 
 letter-spacing: .1em; 
} 
 
/* Footer 
----------------------------------------------- */ 
#footer { 
 width:980px; 
 clear:both; 
 margin:0 auto; 
 padding-top:15px; 
 line-height: 1.6em; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 text-align: center; 
} 
]]></b:skin> 
 </head> 
 
 <body> 
 
 <div id='outer-wrapper'><div id='wrap2'> 
  
 
 <a href='#main'>skip to main </a> | 
 <a href='#sidebar'>skip to sidebar</a> 
 
 
 <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='ParaJunkee Design Template 1 (Header)' type='Header'> 
<b:includable id='main'> 
 
 <b:if cond='data:useImage'> 
 <b:if cond='data:imagePlacement == "REPLACE"'> 
  
 <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> 
 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> 
 </a> 
 </div> <b:else/> 
  
 <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> 
 </h1> </div> <b:include name='description'/> 
 </div> </b:if> 
 <b:else/> 
  
 <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> 
 </h1> </div> <b:include name='description'/> 
 </div> </b:if> 
</b:includable> 
<b:includable id='title'> 
 <b:if cond='data:blog.url == data:blog.homepageUrl'> 
 <data:title/> 
 <b:else/> 
 <a expr:href='data:blog.homepageUrl'><data:title/></a> 
 </b:if> 
</b:includable> 
<b:includable id='description'> 
 <div class='descriptionwrapper'> <data:description/> </div></b:includable> 
</b:widget> 
</b:section> 
 </div> 
 <div id='content-wrapper'> 
 <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> 
 </div> 
<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='sidebar2' preferred='yes'> 
<b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'> 
<b:includable id='main'> 
 <h2><data:title/></h2> <div class='widget-content'> <ul> <b:loop values='data:items' var='item'>
 <li><data:item/></li>
 </b:loop>
 </ul> <b:include name='quickedit'/> 
 </div></b:includable> 
</b:widget> 
<b:widget id='Text2' locked='false' title='Time to Fly' type='Text'> 
<b:includable id='main'> 
  
 <b:if cond='data:title != ""'> 
 <h2 class='title'><data:title/></h2> </b:if> 
 <div class='widget-content'> <data:content/> 
 </div> 
 <b:include name='quickedit'/> 
</b:includable> 
</b:widget> 
</b:section> 
</div> 
 <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> 
<b:includable id='main' var='top'> 
  
 <div class='blog-posts hfeed'> 
 <b:include data='top' name='status-message'/> 
 
 <data:defaultAdStart/> 
 <b:loop values='data:posts' var='post'> 
 <b:if cond='data:post.isDateStart'> 
 <b:if cond='data:post.isFirstPost == "false"'> 
 </div></div> 
 </b:if> 
 </b:if> 
 <b:if cond='data:post.isDateStart'> 
 <div class="date-outer"> 
 </b:if> 
 <b:if cond='data:post.dateHeader'> 
 <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> 
 <b:if cond='data:post.isDateStart'> 
 <div class="date-posts"> 
 </b:if> 
 <div class='post-outer'> <b:include data='post' name='post'/> 
 <b:if cond='data:blog.pageType == "static_page"'> 
 <b:include data='post' name='comments'/> 
 </b:if> 
 <b:if cond='data:blog.pageType == "item"'> 
 <b:include data='post' name='comments'/> 
 </b:if> 
 </div> <b:if cond='data:post.includeAd'> 
 <b:if cond='data:post.isFirstPost'> 
 <data:defaultAdEnd/> 
 <b:else/> 
 <data:adEnd/> 
 </b:if> 
 <div class='inline-ad'> <data:adCode/> 
 </div> <data:adStart/> 
 </b:if> 
 <b:if cond='data:post.trackLatency'> 
 <data:post.latencyJs/> 
 </b:if> 
 </b:loop> 
 <b:if cond='data:numPosts != 0'> 
 </div></div> 
 </b:if> 
 <data:adEnd/> 
 </div> 
  
 <b:include name='nextprev'/> 
 
  
 <b:include name='feedLinks'/> 
 
 <b:if cond='data:top.showStars'> 
 <script src='http://www.google.com/jsapi' type='text/javascript'/>
 <script type='text/javascript'>
 google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
 function initialize() {
 google.annotations.setApplicationId(<data:top.blogspotReviews/>);
 google.annotations.createAll();
 google.annotations.fetch();
 }
 google.setOnLoadCallback(initialize);
 </script> 
 </b:if> 
</b:includable> 
<b:includable id='nextprev'> 
 <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> 
 
 <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> 
 
 </b:if> 
 
 <b:if cond='data:olderPageUrl'> 
 
 <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> 
 
 </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='post' var='post'> 
 <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> 
 <b:if cond='data:post.title'> 
 <h3 class='post-title entry-title'> <b:if cond='data:post.link'> 
 <a expr:href='data:post.link'><data:post.title/></a> 
 <b:else/> 
 <b:if cond='data:post.url'> 
 <a expr:href='data:post.url'><data:post.title/></a> 
 <b:else/> 
 <data:post.title/> 
 </b:if> 
 </b:if> 
 </h3> </b:if> 
 
 <div class='post-header'> <div class='post-header-line-1'/> </div> 
 <div class='post-body entry-content'> <data:post.body/> 
 <div style='clear: both;'/> 
 </div> 
 <b:if cond='data:post.hasJumpLink'> 
 <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> 
 </div> </b:if> 
 
 <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> 
 <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' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> 
 </b:if> 
 </b:if> 
 
 
 
 <b:if cond='data:top.showReactions'> 
 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> 
 
 <data:top.reactionsLabel/> </td>
 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
 </tr></table> </b:if> 
 
 
 
 <b:if cond='data:top.showStars'> 
 <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/> </b:if> 
 
 
 
 <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'> 
 
 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> 
 <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/> 
 </a> 
 
 </b:if> 
 
  
 <b:include data='post' name='postQuickEdit'/> 
 
 </div> 
 <div class='post-footer-line post-footer-line-2'> 
 <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> 
 
 </div> 
 <div class='post-footer-line post-footer-line-3'> 
 <b:if cond='data:top.showLocation'> 
 <b:if cond='data:post.location'> 
 <data:postLocationLabel/> 
 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> 
 </b:if> 
 </b:if> 
 
 </div> </div> </div></b:includable> 
<b:includable id='postQuickEdit' var='post'> 
 <b:if cond='data:post.editUrl'> 
 
 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> 
 <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> 
 </a> 
 
 </b:if> 
</b:includable> 
<b:includable id='commentDeleteIcon' var='comment'> 
 
 <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> 
 <img src='http://www.blogger.com/img/icon_delete13.gif'/> 
 </a> 
 
</b:includable> 
<b:includable id='backlinkDeleteIcon' var='backlink'> 
 
 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> 
 <img src='http://www.blogger.com/img/icon_delete13.gif'/> 
 </a> 
 
</b:includable> 
<b:includable id='comments' var='post'> 
 <div class='comments' 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> 
 <b:if cond='data:post.commentPagingRequired'> 
 
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> 
   
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> 
   
 <data:post.commentRangeText/> 
   
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
   
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> 
 
 </b:if> 
 
 <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'>
 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> 
 <b:if cond='data:comment.favicon'> 
 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> 
 </b:if> 
 <a expr:name='data:comment.anchorName'/> 
 <b:if cond='data:blog.enabledCommentProfileImages'> 
 <data:comment.authorAvatarImage/> 
 </b:if> 
 <b:if cond='data:comment.authorUrl'> 
 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> 
 <b:else/> 
 <data:comment.author/> 
 </b:if> 
 <data:commentPostedByMsg/> 
 </dt>
 <dd class='comment-body'>
 <b:if cond='data:comment.isDeleted'>
 <data:comment.body/>
 <b:else/>
 <data:comment.body/> </b:if>
 </dd>
 <dd class='comment-footer'>
 
 <a expr:href='data:comment.url' title='comment permalink'>
 <data:comment.timestamp/>
 </a>
 <b:include data='comment' name='commentDeleteIcon'/>
 
 </dd>
 </b:loop>
 </dl> 
 <b:if cond='data:post.commentPagingRequired'> 
 
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> 
 <data:post.oldestLinkText/> 
 </a> 
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> 
 <data:post.olderLinkText/> 
 </a> 
   
 <data:post.commentRangeText/> 
   
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> 
 <data:post.newerLinkText/> 
 </a> 
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> 
 <data:post.newestLinkText/> 
 </a> 
 
 </b:if> 
 
 <b:if cond='data:post.embedCommentForm'> 
 <b:if cond='data:post.allowNewComments'> 
 <b:include data='post' name='comment-form'/> 
 <b:else/> 
 <data:post.noNewCommentsText/> 
 </b:if> 
 <b:else/> 
 <b:if cond='data:post.allowComments'> 
 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> 
 </b:if> 
 </b:if> 
 
 </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='comment-form' var='post'> 
 <div class='comment-form'> <a name='comment-form'/> 
 <h4 id='comment-post-message'><data:postCommentMsg/></h4> <data:blogCommentMessage/> <data:blogTeamBlogMessage/> 
 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> 
 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> 
 <data:post.friendConnectJs/> 
 <data:post.cmtfpIframe/> 
 <script type='text/javascript'>
 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
 </script> 
 </div></b:includable> 
<b:includable id='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'> 
   
 <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'>
 <data:post.authorLabel/> <data:backlink.author/>
 <data:post.timestampLabel/> <data:backlink.timestamp/>
 </dd>
 </div> </b:loop>
 </dl> </b:if> 
 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> 
 </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'> <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='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:widget> 
</b:section> 
 </div> 
 <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Text1' locked='false' title='Time to Fly' type='Text'> 
<b:includable id='main'> 
  
 <b:if cond='data:title != ""'> 
 <h2 class='title'><data:title/></h2> </b:if> 
 <div class='widget-content'> <data:content/> 
 </div> 
 <b:include name='quickedit'/> 
</b:includable> 
</b:widget> 
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'> 
<b:includable id='main'> 
 <b:if cond='data:title != ""'> 
 <b:if cond='data:codeSnippet != ""'> 
 <h2 class='title'><data:title/></h2> <b:else/> 
 <b:if cond='data:totalFollowerCount != ""'> 
 <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2> </b:if> 
 </b:if> 
 </b:if> 
 <div class='widget-content'> <div expr:id='data:widget.instanceId + "-wrapper"'> <b:if cond='data:codeSnippet != ""'> 
 <div style='margin-right:2px;'> <data:codeSnippet/> 
 </div> <b:else/> 
 <b:if cond='data:totalFollowerCount == ""'> 
 
 <data:failureSnippet/> 
 
 
 <data:adminFailureSnippet/> 
 
 <b:else/> 
 <b:if cond='data:followingLinkPresent'> 
 <div class='follow-this profile-link item-control following-follow-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> 
 <data:followThisMessage/> 
 </a> 
 </div> <div class='follow-this profile-link item-control following-stop-following-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> 
 <data:stopFollowingMessage/> 
 </a> 
 </div> </b:if> 
 
 <div class='followers-grid'> <b:if cond='data:totalFollowerCount == 0'> 
 <div class='profile-link item-control following-follow-this'> <data:emptyFollowersMessage/> 
 </div> </b:if> 
  
 <b:loop values='data:followers' var='follower'> 
 <div class='follower'> <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'> 
 <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/> 
 </a> 
 </div> </b:loop> 
 <div class='clear'/> </div> 
 <div class='followers-canvas profile-link'> <data:followersFooterMessage/> 
 
 <a expr:href='data:followersUri'> 
 <data:viewAllMessage/> 
 </a> 
 
 
 <a expr:href='data:manageFollowersUri'> 
 <data:manageFollowersMessage/> 
 </a> 
 
 </div> </b:if> 
 </b:if> 
 </div> <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 class='flat'> <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 class='hierarchy'> <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> 
 (<data:i.post-count/>) 
 <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' href='javascript:void(0)'> 
 ▼  
 </a> 
 <b:else/> 
 <a class='toggle' href='javascript:void(0)'> 
 
 <b:if cond='data:blog.languageDirection == "rtl"'> 
 ◄  
 <b:else/> 
 ►  
 </b:if> 
 
 </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='Profile1' locked='false' title='About Me' type='Profile'> 
<b:includable id='main'> 
 <b:if cond='data:title != ""'> 
 <h2><data:title/></h2> </b:if> 
 <div class='widget-content'> <b:if cond='data:team == "true"'>  
 <ul> <b:loop values='data:authors' var='i'>
 <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
 </b:loop>
 </ul> 
 <b:else/>  
 
 <b:if cond='data:photo.url != ""'> 
 <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a> 
 </b:if> 
 
 <dl class='profile-datablock'> <dt class='profile-data'><data:displayname/></dt>

<b:if cond='data:showlocation == "true"'>
 <dd class='profile-data'><data:location/></dd>
 </b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
 </dl> <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a> 
 </b:if> 
 
 <b:include name='quickedit'/> 
 </div> </b:includable> 
</b:widget> 
</b:section> 
 </div> 
  
 <div class='clear'> </div> 
 </div>  
 
 <div id='footer-wrapper'> <b:section class='footer' id='footer'/> 
 </div> 
 </div></div> 
 <div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div></body> 
</html>

The Japan Template

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- PARAJUNKEE'S 3 COL MINIMA CHANGE UP Name: The Japan Template Designer: RACHY (PARAJUNKEE) URL: parajunkee.blogspot.com Date: 25 sep 2009 ----------------------------------------------- */ /* Variable definitions ==================== <variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"> <variable name="textcolor" description="Text Color" type="color" default="#333" value="#ffdfbf"> <variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#ffdfbf"> <variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#ffecd9"> <variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#ffffff"> <variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#ffdfbf"> <variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#ffefdf"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#ffcc66"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#ffefdf"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#ffcc66"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"> <variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"> <variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"> <variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"> */ /* Use this with templates/template-twocol.html */ html { background-image: url(http://members.cox.net/parajunkee/Japan/BG.gif); background-repeat: repeat; } body { margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; background-attachment: fixed; background-image: url(http://members.cox.net/parajunkee/Japan/HTMLBG.png); background-repeat: no-repeat; background-position: left top; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } #PJV { float: left; height: 237px; width: 156px; z-index: 99; visibility: visible; } /* Header ----------------------------------------------- */ #header-wrapper { width:980px; margin-top: 0; margin-bottom: 10px; background-image: url(http://members.cox.net/parajunkee/Japan/header.png); height: 200px; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { text-align: center; color:$pagetitlecolor; } #header h1 { padding:35px 40px .35px 40px; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 auto 0 auto; padding:0 20px 15px; max-width:500px; max-height:100px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 980px; padding:10px; text-align:$startSide; font: $bodyfont; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #left-sidebar-wrapper { width: 235px; float: $startSide; padding:2px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ background-color: #636466; background-image: url(http://members.cox.net/parajunkee/Japan/sidebarTOP.png); background-repeat: no-repeat; background-position: left top; } #main-wrapper { width: 482px; background:#000; padding:5px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; } #sidebar-wrapper { width: 235px; background-color: #636466; padding: 2px; background-image: url(http://members.cox.net/parajunkee/Japan/sidebarTOP.png); background-repeat: no-repeat; background-position: right top; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:980px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } ]]></b:skin> <link href='http://www.iconj.com/ico/m/p/mp7eugnbnm.ico' rel='shortcut icon'/> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> <div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='ParaTesty (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'><b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='left-sidebar-wrapper'><b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/> <b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'/> <b:widget id='Text2' locked='false' title='Time to Fly' type='Text'/> </b:section> </div> <div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Text1' locked='false' title='Time to Fly' type='Text'/> <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> </div>  <div class='clear'> </div> </div> <div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div><div id='footer-wrapper'><b:section class='footer' id='footer'/> </div></div></div> </body> </html>

View The Paisley Template

<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head> 
<b:include data='blog' name='all-head-content'/> 
<title><data:blog.pageTitle/></title> 
<b:skin><![CDATA[/*
-----------------------------------------------
PARAJUNKEE'S 3 COL MINIMA CHANGE UP
Name: PAISLEY
Designer: RACHY (PARAJUNKEE)
URL: parajunkee.blogspot.com
Date: 30 sep 2009
----------------------------------------------- */

/* Variable definitions
 ====================
 <variable name="bgcolor" description="Page Background Color"
 type="color" default="#fff" value="#000000"> 
<variable name="textcolor" description="Text Color"
 type="color" default="#333" value="#ffffff"> 
<variable name="linkcolor" description="Link Color"
 type="color" default="#58a" value="#FFBBE8"> 
<variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#666" value="#ffffff"> 
<variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#999" value="#ffffff"> 
<variable name="titlecolor" description="Post Title Color"
 type="color" default="#c60" value="#FF6FCF"> 
<variable name="bordercolor" description="Border Color"
 type="color" default="#ccc" value="#ffffff"> 
<variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#999" value="#c1a1ff"> 
<variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#666" value="#ffffff"> 
<variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#999" value="#c1a1ff"> 
<variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif"> 
<variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 95% Verdana, sans-serif"> 
<variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal normal 200% Georgia, Serif" value="normal bold 242% Georgia, Times, serif"> 
<variable name="descriptionfont" description="Blog Description Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Georgia, Times, serif"> 
<variable name="postfooterfont" description="Post Footer Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> 
<variable name="startSide" description="Side where text starts in blog language"
 type="automatic" default="left" value="left"> 
<variable name="endSide" description="Side where text ends in blog language"
 type="automatic" default="right" value="right"> 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
 
 
html { 
background-image: url(http://members.cox.net/parajunkee/Paisley/BG.jpg); 
background-repeat: repeat; 
} 
 
 
body { 
margin:0; 
 
color:$textcolor; 
font:x-small Georgia Serif; 
font-size/* */:/**/small; 
font-size: /**/small; 
text-align: center; 
background-attachment: fixed; 
background-image: url(http://members.cox.net/parajunkee/Paisley/HTMLbg.png); 
background-repeat: no-repeat; 
background-position: left top; 
} 
a:link { 
color:$linkcolor; 
text-decoration:none; 
} 
a:visited { 
color:$visitedlinkcolor; 
text-decoration:none; 
} 
a:hover { 
color:$titlecolor; 
text-decoration:underline; 
} 
a img { 
border-width:0; 
} 
 
/* Header 
----------------------------------------------- 
*/ 
 
#header-wrapper { 
width:980px; 
margin-top: 0; 
margin-bottom: 10px; 
height: 200px; 
background-image: url(http://members.cox.net/parajunkee/Paisley/header.png); 
background-repeat: no-repeat; 
background-position: center top; 
} 
 
#header-inner { 
background-position: center; 
margin-left: auto; 
margin-right: auto; 
} 
 
#header { 
text-align: center; 
color:$pagetitlecolor; 
} 
 
#header h1 { 
padding:35px 40px .35px 40px; 
line-height:1.2em; 
text-transform:uppercase; 
letter-spacing:.2em; 
font: $pagetitlefont; 
} 
 
#header a { 
color:$pagetitlecolor; 
text-decoration:none; 
} 
 
#header a:hover { 
color:$pagetitlecolor; 
} 
 
#header .description { 
margin:0 auto 0 auto; 
padding:0 20px 15px; 
max-width:500px; 
max-height:100px; 
text-transform:uppercase; 
letter-spacing:.2em; 
line-height: 1.4em; 
font: $descriptionfont; 
color: $descriptioncolor; 
} 
 
#header img { 
margin-$startSide: auto; 
margin-$endSide: auto; 
} 
 
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
width: 980px; 
padding:10px; 
text-align:$startSide; 
font: $bodyfont; 
margin-top: 0; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
} 
 
#left-sidebar-wrapper { 
width: 235px; 
float: $startSide; 
padding:2px; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
background-color: #56315a; 
} 
 
#main-wrapper { 
width: 482px; 
padding:5px; 
float: $startSide; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
margin-top: 0px; 
margin-right: 5px; 
margin-bottom: 0px; 
margin-left: 5px; 
background-color: #000; 
background-image: url(http://members.cox.net/parajunkee/Paisley/DamaskBG.png); 
background-repeat: repeat; 
} 
 
#sidebar-wrapper { 
width: 235px; 
background-color: #56315a; 
padding: 2px; 
float: $endSide; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
} 
#PJV { 
float: left; 
height: 237px; 
width: 156px; 
z-index: 99; 
visibility: visible; 
} 
 
 
/* Headings 
----------------------------------------------- */ 
 
h2 { 
margin:1.5em 0 .75em; 
font:$headerfont; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color:$sidebarcolor; 
} 
 
 
/* Posts 
----------------------------------------------- 
*/ 
h2.date-header { 
margin:1.5em 0 .5em; 
} 
 
.post { 
margin:.5em 0 1.5em; 
border-bottom:1px dotted $bordercolor; 
padding-bottom:1.5em; 
} 
.post h3 { 
margin:.25em 0 0; 
padding:0 0 4px; 
font-size:140%; 
font-weight:normal; 
line-height:1.4em; 
color:$titlecolor; 
} 
 
.post h3 a, .post h3 a:visited, .post h3 strong { 
display:block; 
text-decoration:none; 
color:$titlecolor; 
font-weight:normal; 
} 
 
.post h3 strong, .post h3 a:hover { 
color:$textcolor; 
} 
 
.post-body { 
margin:0 0 .75em; 
line-height:1.6em; 
} 
 
.post-body blockquote { 
line-height:1.3em; 
} 
 
.post-footer { 
margin: .75em 0; 
color:$sidebarcolor; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
line-height: 1.4em; 
} 
 
.comment-link { 
margin-$startSide:.6em; 
} 
.post img { 
border:1px solid $bordercolor; 
} 
.post blockquote { 
margin:1em 20px; 
} 
.post blockquote p { 
margin:.75em 0; 
} 
 
/* Comments 
----------------------------------------------- */ 
#comments h4 { 
margin:1em 0; 
font-weight: bold; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color: $sidebarcolor; 
} 
 
#comments-block { 
margin:1em 0 1.5em; 
line-height:1.6em; 
} 
#comments-block .comment-author { 
margin:.5em 0; 
} 
#comments-block .comment-body { 
margin:.25em 0 0; 
} 
#comments-block .comment-footer { 
margin:-.25em 0 2em; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.1em; 
} 
#comments-block .comment-body p { 
margin:0 0 .75em; 
} 
.deleted-comment { 
font-style:italic; 
color:gray; 
} 
 
#blog-pager-newer-link { 
float: $startSide; 
} 
 
#blog-pager-older-link { 
float: $endSide; 
} 
 
#blog-pager { 
text-align: center; 
} 
 
.feed-links { 
clear: both; 
line-height: 2.5em; 
} 
 
/* Sidebar Content 
----------------------------------------------- */ 
.sidebar { 
color: $sidebartextcolor; 
line-height: 1.5em; 
} 
 
.sidebar ul { 
list-style:none; 
margin:0 0 0; 
padding:0 0 0; 
} 
.sidebar li { 
margin:0; 
padding-top:0; 
padding-$endSide:0; 
padding-bottom:.25em; 
padding-$startSide:15px; 
text-indent:-15px; 
line-height:1.5em; 
} 
 
.sidebar .widget, .main .widget { 
border-bottom:1px dotted $bordercolor; 
margin:0 0 1.5em; 
padding:0 0 1.5em; 
} 
 
.main .Blog { 
border-bottom-width: 0; 
} 
 
 
/* Profile 
----------------------------------------------- */ 
.profile-img { 
float: $startSide; 
margin-top: 0; 
margin-$endSide: 5px; 
margin-bottom: 5px; 
margin-$startSide: 0; 
border: 1px solid $bordercolor; 
} 
 
.profile-data { 
margin:0; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
color: $sidebarcolor; 
font-weight: bold; 
line-height: 1.6em; 
} 
 
.profile-datablock { 
margin:.5em 0 .5em; 
} 
 
.profile-textblock { 
margin: 0.5em 0; 
line-height: 1.6em; 
} 
 
.profile-link { 
font: $postfooterfont; 
text-transform: uppercase; 
letter-spacing: .1em; 
} 
 
/* Footer 
----------------------------------------------- */ 
#footer { 
width:980px; 
clear:both; 
margin:0 auto; 
padding-top:15px; 
line-height: 1.6em; 
text-transform:uppercase; 
letter-spacing:.1em; 
text-align: center; 
} 
]]></b:skin> 
 
 
 
</head> 
 
<body> 
<div id='outer-wrapper'><div id='wrap2'> 
 
 
<a href='#main'>skip to main </a> | 
<a href='#sidebar'>skip to sidebar</a> 
 
 
<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='ParaJunkee Design Template 2 (Header)' type='Header'/> 
</b:section> 
</div> 
<div id='content-wrapper'> 
<div id='crosscol-wrapper' style='text-align:center'><b:section class='crosscol' id='crosscol' showaddelement='no'/> 
</div> 
<div id='left-sidebar-wrapper'><b:section class='sidebar' id='sidebar2' preferred='yes'> 
<b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'/> 
<b:widget id='Text2' locked='false' title='Time to Fly' type='Text'/> 
</b:section> 
</div> 
<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> 
</b:section> 
</div> 
<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Text1' locked='false' title='Time to Fly' type='Text'/> 
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/> 
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> 
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> 
</b:section> 
</div> 
 
<div class='clear'> </div> 
</div> 
 
<div id='footer-wrapper'><b:section class='footer' id='footer'/> 
</div> 
</div></div><div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div> 
</body> 
</html>

The Book Maxima

<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head> 
<b:include data='blog' name='all-head-content'/> 
<title><data:blog.pageTitle/></title> 
<b:skin><![CDATA[/*
-----------------------------------------------
PARAJUNKEE'S 3 COL MINIMA CHANGE UP
Name: MAXIMA
Designer: RACHY (PARAJUNKEE)
URL: parajunkee.blogspot.com
Date: 25 sep 2009
----------------------------------------------- */

/* Variable definitions
 ====================
 <variable name="bgcolor" description="Page Background Color"
 type="color" default="#fff" value="#ffffff"> 
<variable name="textcolor" description="Text Color"
 type="color" default="#333" value="#ffdfbf"> 
<variable name="linkcolor" description="Link Color"
 type="color" default="#58a" value="#ffdfbf"> 
<variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#666" value="#ffecd9"> 
<variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#999" value="#ffffff"> 
<variable name="titlecolor" description="Post Title Color"
 type="color" default="#c60" value="#ffdfbf"> 
<variable name="bordercolor" description="Border Color"
 type="color" default="#ccc" value="#ffefdf"> 
<variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#999" value="#ffcc66"> 
<variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#666" value="#ffefdf"> 
<variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#999" value="#ffcc66"> 
<variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"> 
<variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> 
<variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"> 
<variable name="descriptionfont" description="Blog Description Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> 
<variable name="postfooterfont" description="Post Footer Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> 
<variable name="startSide" description="Side where text starts in blog language"
 type="automatic" default="left" value="left"> 
<variable name="endSide" description="Side where text ends in blog language"
 type="automatic" default="right" value="right"> 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
 
 
body { 
background-image: url(http://members.cox.net/parajunkee/PT2/HTMLBG.png); 
margin:0; 
background-repeat: no-repeat; 
background-position: left top; 
background-attachment: fixed; 
color:$textcolor; 
font:x-small Georgia Serif; 
font-size/* */:/**/small; 
font-size: /**/small; 
text-align: center; 
} 
html { 
 
background-image: url(http://members.cox.net/parajunkee/PT2/wallpaperBG.jpg); 
 
} 
a:link { 
color:$linkcolor; 
text-decoration:none; 
} 
a:visited { 
color:$visitedlinkcolor; 
text-decoration:none; 
} 
a:hover { 
color:$titlecolor; 
text-decoration:underline; 
} 
a img { 
border-width:0; 
} 
#PJV { 
float: left; 
height: 237px; 
width: 156px; 
z-index: 99; 
visibility: visible; 
} 
 
/* Header 
----------------------------------------------- 
*/ 
 
#header-wrapper { 
background-image: url(http://members.cox.net/parajunkee/PT2/headerBG.jpg); 
width:940px; 
height:220px; 
margin:0, auto, 0, auto 
} 
 
#header-inner { 
background-position: center; 
margin-left: auto; 
margin-right: auto; 
} 
 
#header { 
margin: 5px; 
text-align: center; 
color:$pagetitlecolor; 
} 
 
#header h1 { 
padding:35px 40px .35px 40px; 
line-height:1.2em; 
text-transform:uppercase; 
letter-spacing:.2em; 
font: $pagetitlefont; 
} 
 
#header a { 
color:$pagetitlecolor; 
text-decoration:none; 
} 
 
#header a:hover { 
color:$pagetitlecolor; 
} 
 
#header .description { 
margin:0 auto 0 auto; 
padding:0 20px 15px; 
max-width:500px; 
max-height:100px; 
text-transform:uppercase; 
letter-spacing:.2em; 
line-height: 1.4em; 
font: $descriptionfont; 
color: $descriptioncolor; 
} 
 
#header img { 
margin-$startSide: auto; 
margin-$endSide: auto; 
} 
 
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
width: 940px; 
margin:0 auto; 
padding:10px; 
text-align:$startSide; 
font: $bodyfont; 
} 
 
#left-sidebar-wrapper { 
width: 220px; 
float: $startSide; 
padding:2px; 
background:#000; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
} 
 
#main-wrapper { 
width: 482px; 
background:#472012; 
padding:5px; 
float: $startSide; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
} 
 
#sidebar-wrapper { 
width: 220px; 
background:#000; 
padding:2px; 
float: $endSide; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 
} 
 
 
/* Headings 
----------------------------------------------- */ 
 
h2 { 
margin:1.5em 0 .75em; 
font:$headerfont; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color:$sidebarcolor; 
} 
 
 
/* Posts 
----------------------------------------------- 
*/ 
h2.date-header { 
margin:1.5em 0 .5em; 
} 
 
.post { 
margin:.5em 0 1.5em; 
border-bottom:1px dotted $bordercolor; 
padding-bottom:1.5em; 
} 
.post h3 { 
margin:.25em 0 0; 
padding:0 0 4px; 
font-size:140%; 
font-weight:normal; 
line-height:1.4em; 
color:$titlecolor; 
} 
 
.post h3 a, .post h3 a:visited, .post h3 strong { 
display:block; 
text-decoration:none; 
color:$titlecolor; 
font-weight:normal; 
} 
 
.post h3 strong, .post h3 a:hover { 
color:$textcolor; 
} 
 
.post-body { 
margin:0 0 .75em; 
line-height:1.6em; 
} 
 
.post-body blockquote { 
line-height:1.3em; 
} 
 
.post-footer { 
margin: .75em 0; 
color:$sidebarcolor; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
line-height: 1.4em; 
} 
 
.comment-link { 
margin-$startSide:.6em; 
} 
.post img { 
border:1px solid $bordercolor; 
} 
.post blockquote { 
margin:1em 20px; 
} 
.post blockquote p { 
margin:.75em 0; 
} 
 
/* Comments 
----------------------------------------------- */ 
#comments h4 { 
margin:1em 0; 
font-weight: bold; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color: $sidebarcolor; 
} 
 
#comments-block { 
margin:1em 0 1.5em; 
line-height:1.6em; 
} 
#comments-block .comment-author { 
margin:.5em 0; 
} 
#comments-block .comment-body { 
margin:.25em 0 0; 
} 
#comments-block .comment-footer { 
margin:-.25em 0 2em; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.1em; 
} 
#comments-block .comment-body p { 
margin:0 0 .75em; 
} 
.deleted-comment { 
font-style:italic; 
color:gray; 
} 
 
#blog-pager-newer-link { 
float: $startSide; 
} 
 
#blog-pager-older-link { 
float: $endSide; 
} 
 
#blog-pager { 
text-align: center; 
} 
 
.feed-links { 
clear: both; 
line-height: 2.5em; 
} 
 
/* Sidebar Content 
----------------------------------------------- */ 
.sidebar { 
color: $sidebartextcolor; 
line-height: 1.5em; 
} 
 
.sidebar ul { 
list-style:none; 
margin:0 0 0; 
padding:0 0 0; 
} 
.sidebar li { 
margin:0; 
padding-top:0; 
padding-$endSide:0; 
padding-bottom:.25em; 
padding-$startSide:15px; 
text-indent:-15px; 
line-height:1.5em; 
} 
 
.sidebar .widget, .main .widget { 
border-bottom:1px dotted $bordercolor; 
margin:0 0 1.5em; 
padding:0 0 1.5em; 
} 
 
.main .Blog { 
border-bottom-width: 0; 
} 
 
 
/* Profile 
----------------------------------------------- */ 
.profile-img { 
float: $startSide; 
margin-top: 0; 
margin-$endSide: 5px; 
margin-bottom: 5px; 
margin-$startSide: 0; 
border: 1px solid $bordercolor; 
} 
 
.profile-data { 
margin:0; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
color: $sidebarcolor; 
font-weight: bold; 
line-height: 1.6em; 
} 
 
.profile-datablock { 
margin:.5em 0 .5em; 
} 
 
.profile-textblock { 
margin: 0.5em 0; 
line-height: 1.6em; 
} 
 
.profile-link { 
font: $postfooterfont; 
text-transform: uppercase; 
letter-spacing: .1em; 
} 
 
/* Footer 
----------------------------------------------- */ 
#footer { 
width:940px; 
clear:both; 
margin:0 auto; 
padding-top:15px; 
line-height: 1.6em; 
text-transform:uppercase; 
letter-spacing:.1em; 
text-align: center; 
} 
]]></b:skin> 
 
</head> 
 
<body> 
<div id='outer-wrapper'><div id='wrap2'> 
 
 
<a href='#main'>skip to main </a> | 
<a href='#sidebar'>skip to sidebar</a> 
 
 
<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='ParaJunkees Template 2 (Header)' type='Header'/> 
</b:section> 
</div> 
<div id='content-wrapper'> 
<div id='crosscol-wrapper' style='text-align:center'><b:section class='crosscol' id='crosscol' showaddelement='no'/> 
</div> 
<div id='left-sidebar-wrapper'><b:section class='sidebar' id='sidebar2' preferred='yes'> 
<b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'/> 
<b:widget id='Text2' locked='false' title='Time to Fly' type='Text'/> 
</b:section> 
</div> 
<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> 
</b:section> 
</div> 
<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Text1' locked='false' title='Time to Fly' type='Text'/> 
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/> 
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> 
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> 
</b:section> 
</div> 
 
<div class='clear'> </div> 
</div> 
<div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div><div id='footer-wrapper'><b:section class='footer' id='footer'/> 
</div> 
</div></div> 
</body> 
</html>

StephTheBookworm says:

November 7, 2009 at 6:19 AM

Those are awesome!!! I might like to use one once I figure out how to add customized templates to the blog. I am still pretty new to it. That is so nice of you to offer them to people!

Mariana S says:

December 12, 2009 at 10:24 AM

Hi!! I love your designs. I tried to download the Paisley one and it says is damaged, and the Book Maxima sends me to an error page.

HockeyVampiress says:

January 15, 2010 at 8:08 PM

I would love to use one of these too... unfortunately I am not savvy with this sort of thing.... you are very talented .... thanks Shell..... Might try.... LOL

Rhia Raye says:

January 31, 2010 at 10:53 AM

Thanks so much for these! I used DAMASK for my book blog at rhiareads.blogspot.com !

Thanks again!

Missie, The Unread Reader says:

March 8, 2010 at 2:16 PM

Hey Parajunkee,

I was trying one of your free designs, The Damask Template, and I kept getting this error message:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The processing instruction target matching "[xX][mM][lL]" is not allowed.

What am I doing wrong?

Brandy says:

March 12, 2010 at 9:02 PM

I also got the same error message as Missie with The Book Maxima template.

ParaJunkee says:

March 12, 2010 at 9:12 PM

I know something changed. Blogger updated their widgets overwrite and now I'm having a few issues. I'm going to have to separate these at some point. Sorry for the problem. You actually might want to try checking expand widgets and see if it works...

Badass Bookie says:

April 18, 2010 at 1:19 AM

Hi there Parajunkee,
First things first, you're very talented and i love your desings!!! =) I was trying the japan template for me blog but this message keeps popping up -

Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Comment must start with "

and being...me. I don't know wat wrong coze im no computer genuis so i was wondering if you could tell me how i can fix this ;) Again thankyou!

Kim says:

April 28, 2010 at 10:06 AM

This comment has been removed by the author.

VampAngel says:

June 18, 2010 at 8:15 PM

Hi ParaJunkee! I love your designs. I tried using one of your templates on my new book blog and I got the same error as everyone else. Can you tell me how to fix it? Thank you so much for sharing!

Anonymous says:

November 1, 2010 at 11:52 PM

I tried using your free designs, but none of them work. Error messages keep coming up. Hopefully one day I'll be able to use one.

Shanan, The Book Addict says:

April 9, 2011 at 6:56 PM

Hi Parajunkee--

I have been trying to use your designs but as others have noted the new blogger is not working with them. However, I was able to save parts of them and would like to use those elements. I haven't launched the site yet, but the web address will be www.thebookaddict.net

me says:

July 6, 2011 at 6:50 PM

Dang, same thing kept happening to me as everyone else. I really I hope I can figure out how to get it to work, because the designs are so amazing. *keep up the good work*

Unknown says:

December 21, 2011 at 7:22 AM

Me as well ? Just dont work

Free Book Blogger Templates

14 Responses so far.

Leave a Reply

Popular Posts

Labels

Waiting List

Get on the Waiting List

No Need to Wait

Followers

About Me

Blog Archive