Free Template Blogspot

Minimalis Prince 2 Column

2009-06-20T01:49:00.000-07:00

I like this Template. This template Designed by Pangki Fernandes.

DEMO TEMPLATE

Copy this Minimalis Prince 2 Column via Pangki Fernandes or this blog

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------

Name : Minimalis Prince 2 Column
Designer: Pangki Fernandes
URL : http://www.pangki.com
Blog : http://simplestrategy4you.blogspot.com

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

/* 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="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#333" value="#333333">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#555" value="#555555">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#555" value="#555555">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#333" value="#333333">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#333" value="#333333">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="bordercolor" description="Border Color"
type="color" default="#eee" value="#eeeeee">
<Variable name="metacolor" description="Meta DataColor"
type="color" default="#7f7f7f" value="#7f7f7f">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, sans-serif" value="normal normal 100% Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 95% Arial, sans-serif" value="normal normal 95% Arial, 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">
<Variable name="bgwidgetcolor" description="Widget Background Color"
type="color" default="#fff" value="#f7f7f7">
*/

/* Use this with templates/template-twocol.html */

html, body{background:$bgcolor;
color:$textcolor;
text-align:center;}
body{font:12px arial,helvetica,verdana,sans-serif;}

/* Navbar
--------- */
#navbar-iframe{opacity:0.0;
filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;
filter:alpha(Opacity=100,
FinishedOpacity=100)
}

/* Headings
----------- */
h1{font-size:22px; color: $pagetitlecolor;}
h1 a{color: $pagetitlecolor;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{color:$linkcolor;text-decoration:none;}
a:hover{color:#666;}

a img {
border-width:0;
}

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$pagetitlecolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:550px;
background-position: right;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#head-right{
width:290px;
float:left;
padding-top:10px;
}

ul.nav{list-style:none;background:$bordercolor;padding: 0; margin-left: 0;}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;}
.nav li a{font-size:11px;outline:none;color:$titlecolor;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;}
.nav li a span{font-size:11px;color:$metacolor;text-transform:lowercase;}
.nav li a:hover{background:$titlecolor;color:$bordercolor!important;width:95px;}
* html .nav li a:hover{background:$titlecolor;width:99px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}
.nav li.skip a{width:100px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}
li.top a{width:100px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: $titlecolor !important;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}

/* Outer-Wrapper
---------------- */
#outer-wrapper {
border-top:3px solid $bordercolor;
margin:20px auto;
width:865px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
margin:26px 0 0 0;
width:540px;
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 {
color:$sidebartextcolor;
float:right;
margin:25px 0 0 33px;
width:260px;
line-height:1.3em;
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 h2 {color: $sidebarcolor;
margin:0px;
font:13px Verdana;
font-weight:bold;
color:#000000;
text-transform:uppercase;
padding-top:12px;
padding-bottom:4px;
border-bottom:1px dotted #B6B6B6;

}

.sidebar ul{list-style:none;margin:8px 0 4px; padding-left: 0px;}
.sidebar ul li{
background:#FFFFFF;
color:$sidebartextcolor;
line-height:1.2em;
border-top:1px;
padding-left:16px;
padding-right:0;
padding-top:4px;
padding-bottom:4px;
}

#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:150px;}
#tertCol {color:$sidebartextcolor;}
#tertCol{float:left;width:214px;margin:10px 0 0 33px;}
#tertCol p{color:$sidebartextcolor;}

/* Postingan
------------ */
h2.date-header {
margin:1.5em 0 .5em;
}
.postMeta{background:#FFFFFF; repeat-x left center;text-transform:uppercase;font-size:10px;text-align:left;margin-bottom:5px}
.postMeta span.date{background:$bgcolor;color:$metacolor;padding:0 2px 0 4px;}
.postMeta span.comments{background:$bgcolor url('http://1.bp.blogspot.com/_7pOuEDXvMiw/ShtxrPyT-ZI/AAAAAAAAAD4/tTxn58NoqwA/s320/comment_icon_orange.gif') no-repeat left center;padding-left:15px;margin-left:2px}
.postMeta span.comments a,
.postMeta span.date a{color:$metacolor;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;font-size: 18px;color:$titlecolor;}
.post h2 a{width:100%;display:block;outline:none;color: $titlecolor;}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
border: 3px solid $bordercolor;
padding: 5px;
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
font: $postfooterfont;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comment
---------- */
#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;
}
.comment-general {background:$bgcolor ') top left;
border:1px solid #BBB;
margin-bottom:7px;
padding:0 7px 7px;
}

.comment-blog-author {background:$bgcolor url('http://3.bp.blogspot.com/_7pOuEDXvMiw/Shty-lE_jaI/AAAAAAAAAEA/Bv3YlyxiaJg/s1600-h/lgrey_diag.gif') top left;
border:1px solid #BBB;
margin-bottom:7px;
padding:0 7px 7px;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager { clear: both; margin: 10px 0;}

#blog-pager-newer-link { float: left; }

#blog-pager-older-link { float: right; }

#blog-pager { text-align: center; }

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
------------------ */
.sidebar {
color: $sidebartextcolor;
line-height: 1.3em;
}

.sidebar .widget, .main .widget {
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;
padding: 4px;
"boQer: 1px solid $bordercolor;
}

.prof`le-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-wrapper {
margin: 10px 0;
}
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
.left {float: left;}
.right {float: right;}
.ctime {float: right;}

/* Kotak Iklan diatas Post
-------------------------- */
.iklan{
width:933px;
padding:10px 3px;
background:#fff;
margin:5px 10px 0px 10px;
text-align:center;
border:1px solid #C0C0C0;
}

.iklan .widget{
}

ul.nav1{list-style:none;background:$bordercolor;padding: 0; margin-left: 0;}
.nav1 li{border-right:1px solid #DDD;float:left;display:block;width:100px;}
.nav1 li a{font-size:11px;outline:none;color:$titlecolor;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;}
.nav1 li a span{font-size:11px;color:$metacolor;text-transform:lowercase;}
.nav1 li a:hover{background:$titlecolor;color:$bordercolor!important;width:95px;}
* html .nav li a:hover{background: #0E1211; text-decoration: none; width:79px;}
.nav1 li.skip{border-left:1px solid #DDD;float:right;display:block width:80px;}
.nav1 li.skip a{width:80px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:79px;}
li.top a{width:79px;}
.nav1 li.skip a:hover, li.top a:hover { background: transparent;color: $titlecolor !important;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}

/* bottom Column
---------------- */
#bottom {
width: 865px;
position: relative;
clear:both;
margin: 0 auto 10px;
color:#000;
float: left;
padding: 0;
}

#leftbottom {
width: 395px;
float: left;
margin:0 12px 0 10px;
padding:7px 10px;
background:#FFFFFF;
border:1px solid $bordercolor;
}

#rightbottom {
width: 395px;
float: left;
margin:0;
padding:7px 10px;
background:#FFFFFF;
border:1px solid $bordercolor;
}

.bottom h2 {color: $sidebarcolor;
font:12px Verdana;
font-weight:bold;
color:#000000;
text-transform:uppercase;
padding-top:12px;
padding-bottom:4px;
border-bottom:1px dotted #B6B6B6;

}

.bottom ul{list-style:none;margin:8px 0 4px; padding-left: 0px;}
.bottom ul li{
background:#FFFFFF;
color:$sidebartextcolor;
line-height:1.2em;
border-top:0px;
padding-left:16px;
padding-right:0;
padding-top:4px;
padding-bottom:4px;
}

/* KOTAK PALING BAWAH
--------------------- */
#kotak{color:#FFFFFF;clear:both;height:0px;margin:0;padding:0;}
#kotakbox{color:#FFFFFF;margin:0;padding:0;width:865px;margin: 0 auto;background:$bgwidgetcolor;}
#kotakbox p {margin:0px;font-size:12px;margin-top:0px;}
.kotak {text-align:center;width:865px;color:#F1DCE3;margin:0 auto;padding:0;}
.kotak a:hover{text-decoration:underline;border:none;}
.kotak a:link, .footer a:active, .footer a:visited {color:#CC6600;border:none;font-weight:normal;}
.kotak p {margin:0px;font:12px Verdana;color:#CC6600;line-height:41px;}

/* NEW NAVBAR
------------- */
#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:3px;
margin:1px;
border:2px solid;
}
#newnavbar li a{
color:#7e2217;
}
#newnavbar li a:visited {
color: #4c4c4c;
}
#newnavbar li a:hover {
color: #7e2217;
background: #cccccc;
}

/* BACK TO TOP
-------------- */
#divStayTopLeft {
position: absolute;
margin-top:350px;
margin-right:0px; }
#divStayTopLeft a {
border:0;
height:129px;
width:25px;
display:block;
text-indent:-9999px;
background: url(http://4.bp.blogspot.com/_7pOuEDXvMiw/ShteQGKe7bI/AAAAAAAAADQ/ATgmePGabuM/s320/to+top.png) no-repeat; }
::selection { background: #ff4500; color: white; /* Safari */ }
::-moz-selection { background: #ff4500; color: white; /* Firefox */ }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* MENU ATAS KANAN
------------------ */
#menu { margin: 10px 0 0 2px;
list-style: none;
font-weight: bold;
font-family: Helvetica, Arial;
}
#menu li { float: right;
padding: 2px 0 3px 3px;
margin: 1px 12px 0 0;
line-height: 1.9em;
font-size: 1.0em; }
#menu li a { padding: 0;
text-decoration: none;
color: #7e2217;
}
#menu li a:hover { padding: 0;
text-decoration: underline;
color: #000000;
}
#menu li span { display: block;
float: left;
padding: 0 0px 0 22px;
}
#menu li span.blogspot { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.blogspot:hover { background: url('http://3.bp.blogspot.com/_87AhiaTs-5M/Sh-czaRErUI/AAAAAAAAAPo/7grYwbH2ML4/s320/icon_blogspot.png') no-repeat; }
#menu li span.yahoo { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.yahoo:hover { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Sh-dXdXq_bI/AAAAAAAAAQo/Q_e063KZKgo/s320/yahoo_icon-1.gif') no-repeat; }
#menu li span.gmail { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.gmail:hover { background: url('http://2.bp.blogspot.com/_87AhiaTs-5M/Sh-fusMCEZI/AAAAAAAAARQ/AGdcalWYZt0/s320/gmail-icon.png') no-repeat; }
#menu li span.google { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.google:hover { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Sh-cy3lUKxI/AAAAAAAAAPQ/-Q8MnjpP2D4/s320/Favicon_Goolge.png') no-repeat; }
#menu li span.paypal { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.paypal:hover { background: url('http://3.bp.blogspot.com/_87AhiaTs-5M/Sh-dBnij-FI/AAAAAAAAAQI/lwwPL09r4_s/s320/paypal-icon.gif') no-repeat; }
#menu li span.kompasiana { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.kompasiana:hover { background: url('http://3.bp.blogspot.com/_87AhiaTs-5M/SiGYZR66RwI/AAAAAAAAARo/RI7zb_TF7cE/s320/images-kompas.jpg') no-repeat; }

/* SEXY BOOKMARKS
----------------- */
div.sexy-bookmarks {
height:54px;
background:#FFFFFF;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:#FFFFFF;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(http://img509.imageshack.us/img509/3131/sexysprite.png) no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

]]></b:skin>

<script src='http://www.geocities.com/kendhin_x/Readmore.js' type='text/javascript'/>

</head>

<body>
<div id='outer-wrapper'>
<div id='menu'>
<ul style='color: rgb(255, 255, 255);'><li style='padding-left: 0;'><span class='paypal'><a href='https://www.paypal.com/id' target='_blank' title='Paypal'>Paypal</a></span></li>

<li><span class='blogspot'>
<a href='https://www.blogger.com/start' target='_blank' title='Login to Blogspot'>Login</a></span></li>

<li><span class='yahoo'>
<a href='https://login.yahoo.com/' target='_blank' title='Login Yahoo!'>Yahoo!</a></span></li>

<li><span class='gmail'>
<a href='https://www.google.com/accounts/ServiceLogin?' target='_blank' title='Check E-mail kamu!'>Gmail</a></span></li>

<li style='padding-right: 0; margin-right: 0;'><span class='google'>
<a href='http://google.com' target='_blank' title='Gerbang menuju Dunia'>Google</a></span></li>
</ul></div>
<div id='wrap2'>
<div id='kolom-bawah-footer-column-container'>

<div style='clear:both;'/>

</div>


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

<div class='masthead fix'>
<div id='head-inner'>
<b:section class='masthead' id='masthead' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pangeran tampan (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='authorBlurb'>
<div id='authorBlurb'>

<p id='authorIntro'><img alt='pangki[dot]com' src='http://www.kiesler.at/images/fatcat/icons/google_art_icon_20040503.jpg'/><span><data:description/></span></p>

</div>
</b:includable>
<b:includable id='masthead'>
<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='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'>
<span class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px; width: 400px; float: left;'>
<b:include name='masthead'/>
</h1>
</span>
<b:include name='authorBlurb'/>
</div>
</b:if>
<b:else/>


<div id='header-inner'>
<span class='titlewrapper'>
<h1 class='title' style='width: 400px; float: left;'>
<b:include name='title'/>
</h1>
</span>
<b:include name='authorBlurb'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='head-right'>
<b:section class='header' id='header2' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='benner Prita' type='HTML'>
<b:includable id='main'>


<div class='ads'>
<script src='http://widget.bytagg.com/wg_234x60.js' type='text/javascript'/>
<script type='text/javascript'>
gg_following = "";
gg_lang = "en";
gg_id = "1310";
gg_tx1 = "Follow this blog";
gg_tx2 = "with byTagg!";
bytagg.init();
</script>
</div>


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

<div id='newnavbar'>
<ul>

<li style='font-weight: bold;'><a href='#' title='Return to the the frontpage'>Homepage</a></li>

<li style='font-weight: bold;'><a href='http://simplestrategy4you.blogspot.com' target='_blank' title='Simple blog'>blog.simplestrategy</a></li>

<li style='font-weight: bold;'><a href='http://www.pangki.com/' target='_blank' title='Yang punya blog ini murah Senyum'>pangki[dot]com</a></li>

<li style='font-weight: bold;'><a href='http://www.pangki.com/2009/05/kontak-saya.html' target='_blank' title='Silahkan Kontak saya jika ada yang ingin ditanyakan'>Kontak Saya!</a></li>

</ul></div>

<div id='content-wrapper'>

<b:section class='adscolumn' id='adscolumn' preferred='yes'/>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager' style='margin-top: 10px;'>
<b:if cond='data:newerPageUrl'>
<span class='left' id='blog-pager-newer-link' style='float: left;'>
<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 class='right' id='blog-pager-older-link' style='float: right;'>
<a class='blog-pager-older-link right' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

</div>
<div class='clear'> </div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

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

<div style='float:right; margin-left:12px; margin-bottom:5px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

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

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 412; text-align: left; border: 1px dotted #c0c0c0; padding: 10px; background: #F3D8A8; height:131'>
<b> Segera bergabung dengan Penghasil Dollar di bawah ini:</b>
<ul type='square'>

<li><a href='http://reviewmu.com/?ref=210' target='_blank'>
Bergabunglah di Paid Review pertama di Indonesia?</a></li>
<li>
<a href='http://www.ziddu.com/register.php?referralid=(yovXL1@_-' target='_blank'>
Setiap file Anda di Download, Dollar mengalir. Mau?</a></li>
<li>
<a href='https://www.twittad.com/a/M1' target='_blank'>
Ingin meraup dollar via twitter? join sekarang</a></li>

</ul>
</div>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'>READ MORE → <data:post.title/></a></p>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

<div style='clear: both;'/>


</div>

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

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

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


<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='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' expr:title='data:top.emailPostMsg' target='_blank'>
<img alt='' class='icon-action' src='http://4.bp.blogspot.com/_87AhiaTs-5M/Sh67j-AARFI/AAAAAAAAAOA/gXlgd24WLNU/s320/icon-mail20080909.png'/>
</a>
</span>
</b:if>
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>


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

<div 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>
</div>

<div class='post-footer-line post-footer-line-3'/>
</div>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 412; text-align: left; border: 1px dotted #FFFFFF; padding: 10px; background: #FFFFFF; height:131'>

<p><b>Informasi Pilihan Identitas:</b><br/><b>Google/Blogger :</b> Khusus yang punya Account Blogger.<br/><b>Lainnya :</b> Jika tidak punya account blogger namun punya alamat Blog atau Website.<br/><b>Anonim : </b>Jika tidak ingin mempublikasikan profile anda (sangat tidak disarankan). Dan maaf jika harus saya hapus.<br/></p>
</div>

<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<div class='postMeta'>
<b:if cond='data:post.dateHeader'>
<span class='date'>
<data:post.dateHeader/></span>
</b:if>
<span class='comments'>
<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 <b:else/><data:post.numComments/>
</b:if></a>

</b:if>
</b:if>
</span>
</div>

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='feedLinks'/>


<b:include name='nextprev'/>

<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='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>

</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/></a>
</b:loop>
</div>
</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'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>
<div class='comment-blog-author'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<span class='right ctime' style='float: right'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><strong><data:comment.author/></strong></a>
<b:else/>
<strong><data:comment.author/></strong>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<div style='clear: both;'/>
</div>
<b:else/>
<div class='comment-general'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<span class='right ctime' style='float: right'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><strong><data:comment.author/></strong></a>
<b:else/>
<strong><data:comment.author/></strong>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<div style='clear: both;'/>
</div>
</b:if>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

</div>

<div id='sidebar-wrapper'>

<div id='searchWrap'>
<center>
<form expr:action='data:blog.homepageUrl + "search"' id='searchform' method='get' name='searchform'>
<input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Search'/></form>
</center>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='true' title='Donation' type='HTML'>
<b:includable id='main'>


<div class='ads'>
<center>
<p><span style='font-weight: bold; color: rgb(153, 51, 0); font-family: courier new;font-size:130%;'>Make a donation</span></p>

<div align='justify'>Help keep <span style='font-family: trebuchet ms; font-weight: bold;'>this Blog</span> running by making a small contribution towards the running costs of the site.</div>

<center>
<form action='https://www.paypal.com/cgi-bin/webscr' method='post'>
<input name='cmd' type='hidden' value='_s-xclick'/>
<input name='encrypted' type='hidden' value='-----BEGIN PKCS7-----MIIHTwYJKoZIhvcNAQcEoIIHQDCCBzwCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYAvHuykB2Mo9gUF8F77zksMvbkzv5OH39yqp+PfBhMF4FBkUL1mOONomjC5vRKgW3+V/ucyVodtFX/tv/gofrKetiM6h2K19zCL/CMv5gmGB6DF/ZQzZDmYQBNq1IbuMaJlWnzyl0B2keip4XhENHo9xdGojfivu6F5g4HefEqP1zELMAkGBSsOAwIaBQAwgcwGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIpno4l52a82eAgagncuzQ3133tXaJofGtVkSqFmkWzCD8o2ulCdDMlrDgof2JxR1YLOKbLp9jSf23MPRbt0jHOd4WXUwccv+vahsbT9XO9vqOI1SBSd8YJp+qWJWn+9OIIo4fb3E5oLZow4dqm+sHLmSL3dg0SUV2XXvjjogOD8+GK2ZA/UpAW7vJpjN+1EIM6LgwhzALHGQc5fwsjLUDC2F0QIEpMrxEcwdtl2KQFhZP4nigggOHMIIDgzCCAuygAwIBAgIBADANBgkqhkiG9w0BAQUFADCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20wHhcNMDQwMjEzMTAxMzE1WhcNMzUwMjEzMTAxMzE1WjCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20wgZ8wDQYJKoZIhvcNAQEBBQADgY0AMIGJAoGBAMFHTt38RMxLXJyO2SmS+Ndl72T7oKJ4u4uw+6awntALWh03PewmIJuzbALScsTS4sZoS1fKciBGoh11gIfHzylvkdNe/hJl66/RGqrj5rFb08sAABNTzDTiqqNpJeBsYs/c2aiGozptX2RlnBktH+SUNpAajW724Nv2Wvhif6sFAgMBAAGjge4wgeswHQYDVR0OBBYEFJaffLvGbxe9WT9S1wob7BDWZJRrMIG7BgNVHSMEgbMwgbCAFJaffLvGbxe9WT9S1wob7BDWZJRroYGUpIGRMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbYIBADAMBgNVHRMEBTADAQH/MA0GCSqGSIb3DQEBBQUAA4GBAIFfOlaagFrl71+jq6OKidbWFSE+Q4FqROvdgIONth+8kSK//Y/4ihuE4Ymvzn5ceE3S/iBSQQMjyvb+s2TWbQYDwcp129OPIbD9epdr4tJOUNiSojw7BHwYRiPh58S1xGlFgHFXwrEBb3dgNbMUa+u4qectsMAXpVHnD9wIyfmHMYIBmjCCAZYCAQEwgZQwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tAgEAMAkGBSsOAwIaBQCgXTAYBgkqhkiG9w0BCQMxCwYJKoZIhvcNAQcBMBwGCSqGSIb3DQEJBTEPFw0wOTA0MjcxMDI2NTdaMCMGCSqGSIb3DQEJBDEWBBSWY5yF94HaTsRJQtmrhhZXYjB6kjANBgkqhkiG9w0BAQEFAASBgAbI+4Ehux6K9/VCWULqqKFIAKd7IwqS+3s9Fz+wKOliNbwXCCVHyrKumaslzDo3efMt9WO4SA3L1dIt/4om5vDutmigAeXV3HcF5o5rv+4QMCBL6fh1KLOmUIwLsIlkY+7yj8Oyzs2RmkLaTc/tlKMDWttaM9HW9An/V8PokQPo-----END PKCS7----- '/>
<input alt='PayPal - The safer, easier way to pay online!' border='0' name='submit' src='https://www.paypal.com/en_US/i/btn/x-click-but21.gif' type='image'/>
<img alt='' border='0' height='1' src='https://www.paypal.com/id_ID/i/scr/pixel.gif' width='1'/>
</form>
</center>
</center>
</div>


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


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

</div> 

<div id='bottom'>

<b:section class='bottom' id='leftbottom' preferred='yes' showaddelement='yes'/>

<b:section class='bottom' id='rightbottom' preferred='yes' showaddelement='yes'/>

</div>

<div style='clear:both;'/>

<b:section class='kotak' id='abcde' preferred='yes' showaddelement='no'>
<b:widget id='HTML3' locked='true' title='kotak' type='HTML'>
<b:includable id='main'>
<div id='kotak'/>
<div id='kotakbox'>
<div class='kotak'>
<p> © <data:blog.title/> 2009 - Template design by <a href='http://pangki.com/' target='_black'>Pangki Fernandes</a></p>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

</div></div> 

<a href='http://whos.amung.us/stats/eb1bsb99txdb/' style='display:scroll;position: fixed; bottom:5px;right:5px;' target='_blank' title='Pengunjung'><img border='0' height='19' src='http://whos.amung.us/cwidget/eb1bsb99txdb/bbbdc0000000.png' title='Click to see how many people are online' width='71'/></a>

<div id='divStayTopLeft'>
<a href='#' title='Top'/>
</div>

<script type='text/javascript'>
//<![CDATA[
/*updown
*/

var verticalpos="fromtop"

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function JSFX_FloatTopDiv()
{
var startX = 10,
startY =15;
var PX='px', d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers){el.style=el,PX='';}
el.sP=function(x,y){el.style.right=x+PX;el.style.top=y+PX;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = window.innerHeight ? pageYOffset + window.innerHeight : ietruebody().scrollTop + ietruebody().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = window.innerHeight ? pageYOffset : ietruebody().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = window.innerHeight ? pageYOffset + window.innerHeight : ietruebody().scrollTop + ietruebody().clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 28);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
//]]>
</script>
</body>
</html>

note: please give a comment if you like this template

Andreas02 Blogger Beta Template

2009-06-19T07:32:00.000-07:00

Andreas02 Blogger Beta Template Original design by Andreas Viklund

DEMO TEMPLATE

copy this Andreas02 Blogger Beta Template via geckoandflys or this blog

<?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: Andreas02
URL: http://www.geckoandfly.com
Updated by: http://www.blogcrowds.com
Support: http://www.blogcrowds.com
----------------------------------------------- */

body {
margin:0px; padding:0px;
text-align:center;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
}

#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}

#toptabs p{
text-align:right;
color:#808080;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(http://photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#017ac1;
text-decoration:none;
background:#ffffff url(http://photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
margin:auto !important;
width:730px;
_width:770px;
padding:5px 20px 20px;
background:#ffffff;
text-align:left;
}

#logo{
margin:15px 0 0 0;
}

#logo h1 a{
color:#303030;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
clear:both;
_margin:0 0 20px 0;
}

.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#e0e0e0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}

.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#017ac1 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}

.activenavitab:hover{
text-decoration:none;
}

#desc{
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(http://photos1.blogger.com/blogger/7994/1253/1600/front.0.jpg) top left no-repeat;
clear:both;
margin:-15px 0 0 0;
}

#desc p{
width:290px;
font-size:1em;
line-height:1.3em;
padding:20px 0 0 15px;
}

#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a{
color:#ffffff;
text-decoration:underline;
}

#main{
width:500px;
float:left;
padding:0 15px 0 0;
border-right:1px solid #d0d0d0;
}

#main div{
border:0px solid #fff;
}

.block{
background:#f0f0f0;
padding:15px;
}

#sidebar{
width:180px;
float:right;
padding-left: 20px;
}

#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:12px 0;
}

#sidebar a{
text-align:left;
display:block;
width:180px;
background:#f0f0f0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:2px 0px;
}

#sidebar a:hover{
background:#e0e0e0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
text-decoration:none;
}

#sidebar ul{
margin:2px 0;
padding:0;
list-style:none;
}

#sidebar li,{
margin:2px 0px 2px 0px;
padding:0;
list-style:none;
}

#sidebar div div{
margin:20px 0 0;
}

#sidebar h2{
margin:5px 0;
}

#footer{
clear:both;
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
text-align:center;
}

#footer a{
color:#808080;
}

h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}

.clear{
clear:both;
}

blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('http://photos1.blogger.com/blogger/7994/1253/1600/quote.jpg') 10px top no-repeat;border:none}
]]></b:skin>
</head>

<body>
<br/>
<br/>
<br/>

<div id='toptabs'>
<p>Site Network:
<a class='activetoptab' href='index.html'>Home</a><span class='hide'> | </span>
<a class='toptab' href='http://www.blogcrowds.com'>Blogcrowds</a><span class='hide'> | </span>
<a class='toptab' href='http://www.geckoandfly.com'>Gecko and Fly</a><span class='hide'> | </span>
<a class='toptab' href='#'>About</a></p>
</div>

<div id='container'>


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

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pangeran tampan (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<div id='logo'>
<h1>
<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>
</div>

<div id='navitabs'>
<h2 class='hide'>Site menu:</h2>
<a class='activenavitab' href='index.html'> Welcome</a><span class='hide'> | </span>
<a class='navitab' href='http://www.blogcrowds.com/forum/'>Blogcrowds</a><span class='hide'> | </span>
<a class='navitab' href='http://www.blogcrowds.com/forum/'>Discography</a><span class='hide'> | </span>
<a class='navitab' href='http://www.blogcrowds.com/forum/'>Downloads</a><span class='hide'> | </span>
<a class='navitab' href='http://www.blogcrowds.com/forum/'>Photos</a><span class='hide'> | </span>
<a class='navitab' href='http://www.blogcrowds.com/forum/'>Tour</a><span class='hide'> | </span>
<a class='navitab' href='http://www.blogcrowds.com/forum/'>Merchandise</a><span class='hide'> | </span>
<a class='navitab' href='http://www.blogcrowds.com/forum/'>Interviews</a>
</div>

<div id='desc'>
<h1/>
<p id='slogan'><data:description/></p>
</div>
</b:includable>
</b:widget>
</b:section>

<div id='main'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' 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 id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body'>
<data:backlink.snippet/><br/>
<span class='comment-poster'><em><data:post.authorLabel/> <data:backlink.author/> <data:post.timestampLabel/> <data:backlink.timestamp/></em></span>
</dd>
</b:loop>
</dl>
</b:if>

<p class='comment-timestamp'>
<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'/>
<b:if cond='data:post.title'>
<br/>
<br/>
<h2>
<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>
<br/><span class='entrydate'><data:post.dateHeader/></span>
</h2>
</b:if>

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

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

<p class='center small'>
<em>Posted by <data:post.author/> <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a></em>

<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'/>
</p>

<p class='center small'>
<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'/>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' scrolling='no' 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='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='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='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='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='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='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='comments' var='post'>

<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h3>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h3>

<dl>
<b:loop values='data:post.comments' var='comment'>
<dt expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
At <a expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a> <a expr:href='data:comment.authorUrl'><data:comment.author/></a> said...
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/>
</dd>
</b:loop>
</dl>

<p>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>

<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>

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

<div id='sidebar'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<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: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/> (<data:label.count/>)</a>
</b:if>

</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='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='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='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<a expr:href='data:i.url'><data:i.name/> (<data:i.post-count/>)</a>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<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:include data='data' name='flat'/>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

<p>Modified by <a href='http://www.blogcrowds.com/' style='background:#fff;width:auto;display:inline;'>Blogcrowds</a></p>
</div>


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

<div id='footer'>

<div align='center'>Copyright 2006 | Blogger Beta Template by <a href='http://www.geckoandfly.com/make-money-online/'>GeckoandFly</a> and <a href='http://www.blogcrowds.com/'>Blogcrowds</a> | Design by <a href='http://www.andreasviklund.com' target='_blank'>Andreas Viklund</a><br/>
No part of the content or the blog may be reproduced without prior written permission.
</div>

</div>

</div>

</body>
</html>

note: please give a comment if you like this template

Wildflowers 3 Column

2009-06-17T20:23:00.000-07:00

DEMO TEMPLATE

copy this Wild Flowers 3 Column via freeskins or this blog

note: please give a comment if you like this template

Spiderman

2009-06-17T19:24:00.000-07:00

DEMO TEMPLATE

copy this Spiderman via blogcrowds or this blog

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>


<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='Pangeran tampan (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<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='Posting Blog' 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'> </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'> </span>
</a>
</span>
</b:if>


<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;'/> 
</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='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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </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'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<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>


<b:include name='nextprev'/>


</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'> </span>
</a>
</span>
</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='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:widget>
</b:section>
</td>

<td id='sidewrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
<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 & 2007 Marvel Characters, Inc. Motion Picture © 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>


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

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

</tr>
</table>

</div>
</div>

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

note: please give a comment if you like this template

Probama

2009-06-17T18:47:00.000-07:00

Are you Pro Obama? Try this template

DEMO TEMPLATE

copy this Probama via blogcrowds or this blog

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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: Probama
Designer: category4
URL: http://www.category4.com/wpthemes/probama/

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

/*
Theme Name: Probama
Theme URI: http://www.category4.com/2008/03/11/probama-theme-for-wordpress-released/
Description: A theme for supporters of Sen. Barack Obama
Version: 1.0
Author: Category 4 & Darren Hoyt
Author URI: http://www.category4.com, http://www.darrenhoyt.com/blog
*/

/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Headings
Content Styles
Forms
Clear
Footer

/* ---------- @ HTML Elements -----------*/

* {
margin: 0;
padding: 0;
}

body,html {
min-height:101%; /*Firefox scrollbar fix*/
}

body {
color:#FFF;
background:#010a2a;
padding-bottom:38px;
}

body, select, textarea, input {
font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial
}

p {
margin: 15px 0;
line-height:145%;
}

a, a:visited {
color: #9cbff3;
text-decoration:none
}

a:hover, a:active {
color:#FFF;
text-decoration:underline
}

*:focus {
outline: none;
}

ol {
margin: 15px 15px 15px 35px;
}

li a:hover, li a:active {
text-decoration:none
}

a img {
border:none
}

/* ---------- @ Page Structure -----------*/

#flag {
background:#1B4680 url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_flag.jpg) no-repeat scroll center 1px;
padding-bottom:33px;
}

#interior #flag {
background:#1b4680 url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_flag2.jpg) no-repeat center top;
}

.wrapper {
margin: -1px auto 0 auto;
font-size: 0.7em;
width: 871px;
}

#masthead {
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_masthead.jpg);
height: 104px;
padding:81px 0 0 18px;
}

#branding {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/logo.png) no-repeat;
padding-left:68px;
height:58px;
}

#description {
color:#7ec2f8;
letter-spacing:0.06em;
font-size:0.9em;
text-transform:uppercase;
padding-left:2px;
}

.left {
float:left;
}

.right {
float:right
}

#sidebar {
width:368px;
float:right
}

/* ---------- @ Headings -----------*/

h1 {
font:2.5em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
width:548px;
padding-top:5px;
}

h2 {
font:2em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
line-height:100%;
}

h3,#sidebar h2,#meta h2 {
font: 1.5em Georgia, "Times New Roman", Times, serif;
color:#FFF;
font-weight:bold;
line-height:110%;
}

h4 {
font-size: 1.2em
}

#commentarea h4, h4.pagetitle {
color:#e9d393;
margin-bottom:13px
}

#submenu h4 {
margin: 6px 0 5px 0;
}

/* ---------- @ Content Styles -----------*/

h1 a, h1 a:visited {
color:#FFF;
}

h1 a:hover, h1 a:active {
text-decoration:underline
}

h2 a, h2 a:visited {
color:#fec855;
}

.commentcount {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bubble.gif) no-repeat 0 2px;
padding-left:17px;
font:11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
margin-left:9px;
}

.commentcount a, .commentcount a:visited {
color:#9cbff3;
}

#interior #content {
padding-top:7px;
}

.col.left {
width:65%;
}

.col.right {
width:35%;
}

/*Post Styles*/

.entry {
padding-bottom:20px;
}

.entry ul, .entry ol {
padding:0 15px 10px 10px;
}

.entry ul li {
margin-left:35px;
list-style:square;
padding:2px 0;
}

.entry blockquote {
margin:15px 35px 25px 35px;
border-left:5px solid #fec855;
padding-left:15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#c1cddd;
line-height:140%;
}

.entry img {
float:left;
margin:5px 13px 6px 0;
border:4px solid #FFF;
}

.postmetadata {
text-transform:uppercase;
font-size: 0.9em;
color:#6e93b2;
border-bottom:1px solid #376291;
border-top:1px solid #376291;
padding:3px 0;
}

.entry pre, .entry code {
font: 1em "Courier New", Courier, monospace;
overflow:auto;
padding:14px;
background:#103064;
display:block;
width:100%;
}

.entry pre {
padding:20px 20px 40px 20px;
}

table {
width:100%;
border-collapse:collapse;
margin:15px 0;
}

td, th {
border-bottom:1px solid #416597;
padding:4px 8px;
background:#103064;
}

th {
font-weight:normal;
text-align:left;
width:35%;
}

/*Comments*/

#commentarea {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/divider2.gif) top center no-repeat;
padding-top:35px;
}

.commentlist {
margin:25px 0 0 0;
padding:0 0 30px 0;
}

.commentlist li {
margin: 15px 0 3px 22px;
padding: 8px 15px 10px 15px;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_comment.gif);
}

#commentarea small {
font-size:1.1em;
}

.commentlist cite {
font-style:normal;
font-weight:bold;
font-size:1.2em;
}

.gravatar {
float:left;
border:1px solid #2d578a;
}

.commentinfo {
width:765px;
padding-top:5px;
}

.commentlist li.my_comment {
background:#254f89;
border-bottom:1px solid #36639b;
border-top:1px solid #36639b;
}

li.my_comment cite {
font-size:1.5em;
}

/*Flickr*/

#flickr {
list-style:none;
padding-top:13px;
}

#flickr li {
float:left;
display:inline;
margin:0px 17px 16px 0px;
border-right:1px solid #031F4A;
border-bottom:1px solid #031F4A;
}

#flickr li a {
display:block;
border:4px solid #376291;
}

#flickr li a:hover {
border:4px solid #60A9DE;
}

/* ---------- @ Forms -----------*/

#searchform {
float:right;
width:210px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_search.gif) no-repeat;
padding:0 0 5px 5px;
margin-top:-3px;
}

#s {
background:#295ba0;
border:none;
color:#FFF;
padding-left:10px;
margin-top:-4px;
width:140px;
}

.field {
background:#FFF;
border:none;
padding:4px;
border:none;
}

.field:focus {
background:#e8ebf0;
}

#submit {
background: #010a2a ! important;
border:none;
font-size:0.9em;
color:#b5dbf3;
padding:5px;
text-transform:uppercase
}

#submit:hover {
background: #12225b ! important;
}

#searchsubmit {
background:#295ba0;
border:none;
margin: 1px 0 0 3px;
font-size:0.9em;
color:#b5dbf3;
padding:2px;
}

/* ---------- @ Float Clearing -----------*/

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

.clearfloat {
display:inline-block
}

.clearfloat {
display:block
}

/* ---------- @ Footer -----------*/

#meta {
padding-top: 25px;
}

#meta .widget {
width:187px;
float:left;
margin:0 13px;
}

#meta li {
list-style:none;
border-top:1px solid #213957;
padding:6px 0;
}

#meta a, #meta a:visited {
color:#80a3dc;
}

#meta a:hover, #meta a:active {
color:#FFF;
}

#footer {
padding: 12px;
color:#697d98;
background:#151d3b;
margin-top:28px;
text-align:center
}

a#cat4 {
display:block;
width:30px;
height:24px;
float:right;
background-image:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/cat4.gif);
text-indent:-9000px;
margin: 8px 15px 0 0;
}

/*Top navbar02 */

#navbar02 {
height:27px;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_nav.jpg);
padding:13px 0 0 6px;
margin-bottom:11px;
}

#nav {
font-size:1.1em;
width:610px;
float:left
}

#nav, #nav ul {
list-style: none;
line-height: 1;
}

#nav li {
float:left;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/pipe.gif) right repeat-y;
padding: 0 16px;
}

#nav a, #nav a:visited {
display:block;
color: #FFF;
padding-bottom:11px;
border-bottom:2px solid #303030;
}

#nav a:hover, #nav a:active,
#nav li.current-cat a, #nav li.current-cat a:visited {
border-bottom:2px solid #f9e098;
}

/* Dropdown Menus */
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 200px;
}

#nav li li {
width: 200px;
padding:0;
}

#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
border:none;
padding:9px 10px 9px 22px;
background:#010a2a url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/star.gif) no-repeat 6px 8px;
border-bottom:1px solid #010a2a;
}

#nav li li a:hover, #nav li li a:active {
background:#0a194f url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/star.gif) no-repeat 6px 8px;
border:none;
border-bottom:1px solid #2c4681;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

a.main:hover
{ background:none;
}

#nav li li.current-cat a, #nav li li.current-cat a:visited,
#nav .current-cat .children a, #nav .current-cat .children a:visited
{
background:#010a2a url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/star.gif) no-repeat 6px 8px;
border:none;
border-bottom:1px solid #010a2a;
}

#nav li li.current-cat a:hover, #nav li li.current-cat a:active,
#nav .current-cat .children a:hover, #nav .current-cat .children a:active {
background:#0a194f url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/star.gif) no-repeat 6px 8px;
border:none;
border-bottom:1px solid #2c4681;
}

/*Subpage Menu*/

.submenu {
float:right;
width:240px;
margin: 0 0 12px 16px;
}

.subnav li {
list-style:none;
border-bottom:1px solid #1b4680;
}

.subnav a, .subnav a:visited {
background:#103064;
display:block;
padding:6px 12px;
}

.subnav a:hover, .subnav a:active,
.subnav li.current_page_item a, .subnav li.current_page_item a:visited {
background:#010a2a;
color:#FFF;
}

/*Tertiary Menu*/

.subnav li li {
list-style:square;
margin-left:30px;
}

.subnav li li a, .subnav li li a:visited {
background:none;
padding-left:0;
padding:3px 0;
}

.subnav li li a:hover, .subnav li li a:active,
.subnav li li.current_page_item a, .subnav li li.current_page_item a:visited {
background:none;
color:#FFF;
}

#navbar-iframe,.navbar section {
display: none !important;
height:0px !important;;
}

/*Styles pertinent only to the homepage*/

/*Headers*/

#latest h2 {
width:390px;
float:right;
font-size:2em;
line-height:115%;
}

.excerpt h3 {
margin-bottom:-12px;
}

h3#video {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/youtube.gif) no-repeat right;
width:148px;
margin-bottom:6px;
}

h3#obamablog {
margin-bottom:5px;
}

h3#audio {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/feedburner.gif) no-repeat right;
width:132px;
margin:22px 0 8px 0;
}

h3#pics {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/flickr.gif) no-repeat right;
width:153px;
margin-top:15px;
}

/*Content Styles*/

#home #content {
width:485px;
float:left
}

#latest {
background:#1b4680 url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_latest.jpg) no-repeat;
padding:13px 19px 20px 19px;
}

#calendar {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/calendar.png);
width:45px;
height:44px;
float:left;
text-align:center;
text-transform:uppercase;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
padding-top:1px;
margin-top:3px;
}

#calendar p {
font:2.4em Georgia, "Times New Roman", Times, serif;
margin:0;
text-transform:none;
}

.excerpt {
padding:14px 18px;
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/divider.gif) bottom no-repeat;
}

.excerpt .commentcount {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bubble.gif) no-repeat 1px 4px;
}

#donate {
background:#103064 url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_donate.jpg) no-repeat;
padding:14px 19px 20px 19px;
margin-bottom:18px;
}

#media {
background:#103064;
padding:16px 19px 20px 19px;
}

.headlines {
padding:15px;
}

.headlines li {
list-style:none;
border-bottom:1px solid #3b608d;
padding:4px 0;
}

a.button, a.button:visited {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_button.gif) no-repeat;
display:block;
padding:5px 0 5px 34px;
width:90px;
text-transform:uppercase;
color:#e9d393;
margin:10px 4px 0 0;
}

a.button:hover, a.button:active {
background:url(http://i61.photobucket.com/albums/h59/c_stavanger/probama/bg_button_on.gif) no-repeat;
text-decoration:none
}

.mainlist li {
list-style:none;
padding: 4px 0;
border-top:1px solid #315885;
}

a.archives, a.archives:visited {
margin:0 0 0 18px;
}

#media .widget-content,#meta .widget-content {
padding:10px 0 10px 0;
}

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

<body>

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

<div id='flag'>
<div class='wrapper'>

<div id='masthead'>
<div id='branding'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pangeran tampan (Header)' type='Header'/>
</b:section>
</div>
</div>

<div class='clearfloat' id='navbar02'>
<ul class='clearfloat' id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Templates</a></li>
<li><a href='http://www.blogcrowds.com/forum/'>Blogger Forum</a></li>
</ul>

<form action='http://www.google.com/cse' id='searchform' name='cse'>
<input name='cref' type='hidden' value=''/>
<input id='s' name='q' type='text'/>
<button class='searchimg' name='sa' type='submit' value=''/>
</form>
</div>

<div class='clearfloat'>

<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='Posting Blog' type='Blog'/>
</b:section>

<b:if cond='data:blog.pageType != "item"'>
<div id='sidebar'>
<div id='donate'><h3 id='obamablog'>Latest from BarackObama.com</h3>
<ul class='mainlist'>
<li>
<a href='http://my.barackobama.com/page/community/post/stateupdates/gG5xRT' target='_blank'>
Morning News </a>
</li>

<li>
<a href='http://my.barackobama.com/page/community/post/amandascott/gG5xCv' target='_blank'>
Deadline Closing In </a>
</li>
<li>
<a href='http://my.barackobama.com/page/community/post/stateupdates/gG5xRH' target='_blank'>
The Road Ahead </a>
</li>

</ul>

<div class='clearfloat'>
<a class='button left' href='https://donate.barackobama.com/page/contribute/abamtstd?source=mainnav' target='_blank'>Donate Now</a>

<a class='button left' href='http://action.barackobama.com/page/s/volunteer' target='_blank'>Volunteer</a>
</div></div>
<div id='media'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Latest Video' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section><p><a href='http://www.blogcrowds.com/resources/view_template.php/probama_80'>Obama Blog Template</a> | <a href='http://www.blogcrowds.com/resources/view_template.php/probama_80'>Obama Blog</a></p></div>
</div>
</b:if>

</div>
</div>
</div>

<div class='wrapper'><div class='clearfloat' id='meta'>
<b:section class='foot' id='foot'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='LinkList1' locked='false' title='Link List' type='LinkList'/>
<b:widget id='Text1' locked='false' title='Text Block' type='Text'/>
</b:section>
<div class='clearfloat'/>
<div id='footer'> 2008 | <a href='http://www.blogcrowds.com/resources/blogger_template.php'>Probama</a> by <a href='http://www.category4.com/wpthemes/probama/'>Category4</a> | <a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/'>Blogcrowds</a></div>
</div></div>

</body>
</html>

note: please give a comment if you like this template

Gumball Special

2009-06-16T22:44:00.000-07:00

DEMO TEMPLATE

copy this Gumball Special via btemplates or this blog

note: please give a comment if you like this template

My Langit

2009-06-16T22:16:00.000-07:00

Langit was originally designed for WordPress by Eches and converted to Blogger (hence, Bloggerized) by the master - Gosu .

DEMO TEMPLATE

copy this My Langit via gosublogger or this blog

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>
<link href='http://geocities.com/arpitwww/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://geocities.com/arpitwww/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

<b:skin><![CDATA[/*

/*

Theme Name: MyLangit
Theme URI: http://blog.arpitnext.com
Description: Mylangit : Inspired by Langit theme by http://blog.eches.net
Version: 0.5
Modified By: ArpitNext
Distributed by: http://GoSuBlogger.com

*/

/* Variables
====================

<Variable name="titlecolor" description="Blog Title Color"
type="color" default="#5DCEFA" value="#5DCEFA">
<Variable name="blogtitlefont" description="Blog Title Font"
type="font"
default="normal bold 135% Arial,Sans-serif" value="normal bold 135% Arial,Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 75% Arial,Sans-serif" value="normal normal 75% Arial,Sans-serif">

*/

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

/*+++++++++++++++++++++++++ Global Declaration +++++++++++++++++++++++++++++*/
body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
height:100%;
background:#066caa url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitbckgnd.jpg) repeat-x center top;
color: #000000;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

a:link, a:visited {
text-decoration: none;
color: #2277dd;
border:0;
}

a:hover {
text-decoration: none;
}

p{
padding: 10px 0 0 0;
}

/*+++++++++++++++++++++++++ Global Wrapper +++++++++++++++++++++++++++++*/
#wrapper{
margin:0 auto;
width: 935px;
height:100%;
text-align: left;
padding:5px;
}

/*+++++++++++++++++++++++++ header +++++++++++++++++++++++++++++*/
#header{
float: left;
width: 928px;height:125px;
background-image:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitheader.jpg);
margin:0;
padding:0;
}

#logo {
float:left;
width:380px;
margin:20px 0 0 20px;
color:$titlecolor;
font:$blogtitlefont;
}

#logo h1 {
display:block;
color:$titlecolor;
font:$blogtitlefont;
padding:0px;
}

#logo h1 a {
display: block;
color:$titlecolor;
font:$blogtitlefont;
}

.description {
font:$descriptionfont;
color:$titlecolor;
}

#header_right {
float:right;
width:510px;
height:95px;
margin:20px 0 0 0;
padding-right:8px;
}

#banner {
height:70px;
margin:0pt 0pt 0pt 20px;
padding:0pt 6px 0pt 0pt;
width:470px;
}

/*+++++++++++++++++++++++++ Main Menu +++++++++++++++++++++++++++++*/
.menu {
float:right;
margin-top:5px;
padding:3px;
width:485px;
}

.menu li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

.menu ul, .menu ol {
display:inline;
list-style:none;
margin:0;
padding:0 4px 0 0;
float:right;
}

.menu a:link, .menu a:visited {
color:#FFFFFF;
font-weight:bold;
margin:0;
padding:3px 10px 3px 10px;
text-decoration:none;
border-bottom:2px solid #7f9fac;
}

.menu a:hover {
text-decoration: none;
border-bottom:none;
background:#4eadd2;
}

/*+++++++++++++++++++++++++ Recent Posts + About Me +++++++++++++++++++++++++++++*/
#block {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/block.jpg) no-repeat;
height:194px;
width:928px;
margin:0;
padding:0;
clear:both;
}

#lblock {
height:180px;width:467px;
padding:6px 0 0 12px;
margin:6px 0 0 0;
float:left;
}

/*+++++++++++++++++++++++++ Subscribe +++++++++++++++++++++++++++++*/
#rblock {
float:right;
height:167px;
margin:0pt;
padding:12px 0pt 0pt 0px;
width:390px;
}

#rblock a:link, #rblock a:visited, #rblock a:hover {
font-weight:700;
color:#5dcefa;
}

#top_rblock {
height:150px;
padding:0pt 5px;
width:350px;
}

/*+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++*/

#recent_content {
overflow:hidden;
width:450px;
height:155px;
margin:10px 0 0 48px;
font-weight:700;
}

#recent_content a:link, #recent_content a:visited {
font-size:12px;
font-family:Arial,Verdana;
color:#e6e1e1;
text-decoration:none;
}

#recent_content a:hover {
font-size:12px;
font-family:Arial,Verdana;
color:#5dcefa;
}

#recent_content ul {
list-style: none;
margin: 0;
padding: 5px 0 0 2px;
float:left;
}

#recent_content li {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langittag_blue.gif) no-repeat 3px 7px;
list-style:none;
line-height:25px;
padding-left:20px;
float:left;
width:200px;
overflow:hidden;
}

/*+++++++++++++++++++++++++ Wrapper: Container + Sidebar +++++++++++++++++++++++++++++*/

#c_wrapper {
margin-left:2px;
padding-top:1px;
width: 925px;
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitcontainer.jpg) repeat-y;
clear:both;
}

/* Faux column fix for firefox starts*/

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

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

/* Faux column fix for firefox ends*/

/*++++++++++++++++++++++++++++ Container + Posts ++++++++++++++++++++++++++++++++*/
#container{
float:left;
width: 505px;
padding-left:18px;
padding-right:13px;
text-align:justify;
}

/*++++++++++++++++++++++++++++ Post Header ++++++++++++++++++++++++++++++++*/

.post_header {
margin:0 5px 0 0; padding:0 5px 0 0;
height:65px;
width:490px;
}

.post_headerr {
margin:0; padding:0;
}

.post_title {
margin:0 5px 0 5px; padding:2px 0px 0 0;
}

.details {
margin:0; padding:4px 0;
}

.files {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitfolder.gif) no-repeat;
margin:0; padding:0 0 0 20px;
}

.comment_list {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitlist_comments.gif) no-repeat;
margin:0; padding:0 0 0 20px;
}

.edit {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitedit.gif) no-repeat;
margin:0; padding:0 0 0 20px;
}

/*+++++++++++++++++++++++++++ Post Calendar +++++++++++++++++++++++++++++++*/

.the_date {
display:block;
text-align: center;
float:left;height:67px;
font-family: Arial, Helvetica, sans-serif;
width:62px;
margin:-6px 6px 0 0;
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitcalendar.jpg) no-repeat;
}

.date_m {
display:block;
margin:0;
padding-top:9px;
color:#fff;
font-weight: bold;
text-align:center;
}

.date_d {
display:block;
font-size:1.2em;
margin:0;
color:#3fb4d6;
font-weight: bold;
padding:5px 1px 1.1em 0;
text-align: center;
}

/*++++++++++++++++++++Entry++++++++++++++++++++++++*/
.post{
padding: 5px 0 0px 0;
}

.post h2{
font-family: Arial, Sans-serif;
font-size: 18px;
padding-bottom:4px;
color:#f5153a;
border-bottom:1px dashed #7f9fac;
}

.entry{
line-height: 18px;
margin-top:12px;
width:488px;
margin-right:4px;
}

/*+++++++++++++++++++++++Post Meta Data++++++++++++++++++++++++*/
.metadata {
height:20px;
width:484px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
padding: 2px 0 1px 5px;
background:#44494d;
border:1px solid #b8b8b8;
color:#FFFFFF;
}

.metadata a:link, .metadata a:visited {
text-decoration:none;
color:#FFFFFF;
font-weight:800;
}

p.postmetadata{
margin: 10px 0;
height:16px;
width:440px;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

/*++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++*/

.sidebar{
float: left;
width: 358px;
height:100%;
background: #44494d;
margin: 0;
}

/*++++++++++++++++++++++ LSidebar + RSidebar +++++++++++++++++++++++++*/
.lsidebar {
margin:0;padding:0;
float:left;
width:160px;
}

.rsidebar {
margin:0;padding:0;
float:right;
width:193px;
}

.lsidebar ul, .rsidebar ul {
list-style: none;
margin: 0;
padding: 0 1px 15px 0;
}

.lsidebar ul li, .rsidebar ul li {
padding: 10px 0 4px 0;
font-family: Arial, Georgia, Sans-serif;
font-size: 12px;
color:#ffffff;
margin:0;
}

.lsidebar ul li a:link, .lsidebar ul li a:visited, .rsidebar ul li a:link, .rsidebar ul li a:visited {
color:#d7dff0;
}

.lsidebar ul li a:hover, .rsidebar ul li a:hover {
color:#5dcefa;
}

.lsidebar ul li h2, .rsidebar ul li h2 {
font-family: Verdana,Arial, Georgia, Sans-serif;
font-size: 11px;
background-color:#7d8083;
margin:0 0 6px 0; padding:6px 0 5px 8px;
height:16px;
color:#fff;
text-transform:uppercase;
}

.lsidebar ul ul li, .rsidebar ul ul li {
padding: 0 0 0 15px;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langittag_blue.gif) no-repeat 3px 4px;
}

div#ArchiveList {
padding:0px 0px 15px 0px;
}

.BlogArchive #ArchiveList ul li.archivedate {
line-height: 18px;
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langittag_blue.gif) no-repeat 3px 4px;
padding:5px -5px 0px;
padding-left:30px;
}

.lsidebar ul ul ul li, .rsidebar ul ul ul li {
padding: 0 0 0 10px;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
font-size:11px;
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitsub_categories.gif) no-repeat 0px 3px;
}

.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited, .rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {
color:#c1d0ef;
}

.lsidebar ul ul ul li a:hover, .rsidebar ul ul ul li a:hover {
color:#5dcefa;
}

#lsidebarw {
width:336px;
height:280px;
padding:0px 0px 0px 5px;
}

#footer{
clear: both;
float: left;
width: 925px;
height:88px;
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitfooter.jpg) no-repeat;
padding: 10px 0 0 0;
font-size:11px;
}

#footer p{
line-height:13px;
text-align:center;
}

#footer a:hover {
color:#2277dd;
}
/*++++++++++++++++++++++++++++++ Misc +++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++*/

#search {
width:355px;
height:48px;
margin:4px 4px 0 0;
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitsearch.jpg) no-repeat;
}

#search #s {
font-size:8pt;
margin:7px 0 0 10px;
padding-left:3px;
width:326px;
height:16px;
}

input#s {
color:#000;
padding-top:2px;
background:#fcfcfc;
}
/*++++++++++++++++++++++++++++++ BlockQuote +++++++++++++++++++++++++++++++++*/

blockquote {
margin:5px 10px;
padding:0 7px 10px 7px;
font-size:12px;
color:#336699;
border-left:4px solid #40a9c9;
}

blockquote blockquote {
margin:5px 10px;
padding:0 7px 10px 7px;
font-size:12px;
color:#336699;
border-left:4px solid #40a9c9;
}

#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {padding:50px 15px 20px; text-align: center; }

/*++++++++++++++++++++++++++++++ Comments +++++++++++++++++++++++++++++++++*/
.author_info {
float:left;
width:320px;
font-family:"New times roman",Arial;
padding-bottom:2px;
}

.comment_count {
color:#acc4d0;
float:right;
width:40px;
font-weight:700;
font-size:24px;
}

.gravatar {
float:left;
height:32px;width:32px;
margin-right:7px;
margin-bottom:2px;
}
/*++++++++++++++++++++++++++++++ Calendar +++++++++++++++++++++++++++++++++*/
table#wp-calendar{
width: 100%;
}

/*+++++++++++++++++++++++++++++ Comment +++++++++++++++++++++++++++++++++*/

#comments h4 {
color:#003F80;
font-size:14px;
font-weight:bold;
padding:10px 0px 20px;
}

#comments-head {
background:#2370BF none repeat scroll 0%;
border:2px solid #C1DBE8;
color:#FFFFFF;
font-size:14px;
font-weight:700;
height:18px;
margin:0px;
padding:2px 4px;
}

#comments-block {
margin:0 0 1px;
padding:0;
font-size:11px;
}

#comment-entry {
background:#C1DBE8 none repeat scroll 0%;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:7px 0pt;
padding:6px 15px 12px;
}

.comment-author {
float:left;
font-family:"New times roman",Arial;
padding-bottom:2px;
width:320px;
}

.gravatar {
border:1px dashed #000000;
float:left;
height:32px;
margin-bottom:2px;
margin-right:7px;
padding:1px;
width:32px;
}

.comment-body {
border-top: 1px dashed rgb(147, 160, 173);
clear: both;
margin:0px;
}

p.comment-footer {
color:#003F80;
font-size:14px;
font-weight:bold;
padding:10px 0px 20px;
}

.comment-footer2 {
color:#003F80;
font-size:14px;
font-weight:bold;
padding:10px 0px 20px;
}

/* Calendar
----------------------------------------------- */
span.cal {
background:transparent url('http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langitcalendar.jpg') no-repeat scroll 0%;
float:left;
height:49px;
width:48px;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin-right: 13px;
}

span.cal_month {
color:#FFFFFF;
display:block;
font-size:11px;
line-height:11px;
margin-left:-3px;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}

span.cal_day {
color:#999999;
display:block;
font-size:18px;
line-height:18px;
margin-left:-3px;
padding-top:8px;
text-align:center;
text-transform:uppercase;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;
}

body#layout #outer-wrapper, body#layout #header, body#layout #header_right, body#layout #block {
margin-left: auto;
margin-right: auto;
height:auto;
}

body#layout #header_right, body#layout #banner, body#layout #rblock, body#layout #lblock, body#layout #recent_content, body#layout #container, body#layout .entry {
margin-left: auto;
margin-right: auto;
height:auto;
margin:0px;
padding:0px;
width:450px;
}

body#layout .sidebar {
margin-left: auto;
margin-right: auto;
height:auto;
margin:0px;
padding:0px;
width:450px;
float:right;
}

body#layout #lsidebarw, body#layout #top_rblock, body#layout #search {
display:none;
}

]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

<script type='text/javascript'>
function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}

var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<link href='http://geocities.com/arpitwww/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://geocities.com/arpitwww/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
</head>
<body>
<script src='http://www.google-analytics.com/urchin.js' type='text/javascript'>
</script>
<script type='text/javascript'>
_uacct = "UA-3982322-1";
urchinTracker();
</script>

<div id='wrapper'>
<div id='header'>

<b:section id='headerwrapper' locked='false' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='IIT Fame Blog (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<div id='logo'>
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<div class='description'><data:description/></div>
</div>
</b:includable>
</b:widget>
</b:section>

<div id='header_right'>

<b:section id='banner' locked='true' showaddelement='no'>
<b:widget id='HTML2' locked='true' title='Header Banner Ad' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2/>
</b:if>
<div class='widget-content'>
<data:content/>
</div>


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

<b:section id='tabs' locked='true' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Tabs' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'/>
<div class='menu'>
<ul>
<li><a href='/'>Home</a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

</div>

</div>

<div id='block'>
<div id='lblock'>
<div id='recent_content'>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

</div>
</div>
<div id='rblock'>
<div id='top_rblock'>
<center><a href='http://feeds.feedburner.com/FEEDBURNER_ID'><image height='40' src='http://arpit123.googlepages.com/rss48.jpg' style='border: 0pt none ; margin-top: 15px;'/></a><br/><br/>
<form action='http://www.feedburner.com/fb/a/emailverify' method='post' onsubmit='window.open('http://www.feedburner.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px solid #ccc;padding:0px;text-align:center;' target='popupwindow'><font color='white'><b>Enter your email address:</b></font><br/><input name='email' style='width:110px' type='text' value='You@Email'/><input name='url' type='hidden' value='http://feeds.feedburner.com/~e?ffid=YOUR_FEEDBURNER_ID_NUMBER'/><input name='title' type='hidden' value='TechRaga'/> <input name='loc' type='hidden' value='en_US'/> <input type='submit' value='Subscribe'/></form><br/><br/> </center>
</div>
</div>

</div>
<div class='clearfix' id='c_wrapper'>

<div id='container'>

<div class='post' id='post-20'>

<div class='entry'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<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='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'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

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

</div>

<div class='entry'>
<p> <data:post.body/>
</p> <hr/>
<b:if cond='data:blog.pageType == "item"'> <br/> <center>
 </center></b:if>
<div style='clear: both;'/> 
</div>

<div class='metadata1'>

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

<p class='metadata'>
<b:if cond='data:blog.pageType != "item"'>
<span><a expr:href='data:post.url' rel='nofollow' target='_blank'>Read Entire Post and Comment></a></span>
</b:if> </p>

</b:if>

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

</div>

</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </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='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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<div id='comments-head'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</div>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

<div id='comment-entry'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<strong style='color: rgb(0, 63, 128); font-size: 16px;'>
<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/>
</strong>
<br/>
<span class='comment-timestamp'>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</div>

</b:loop>
</dl>

<p class='comment-footer2'>
<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'>

<div class='blog-posts hfeed'>

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

<data:adStart/>
<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>

<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<br/><br/>
<data:adStart/>
</b:if>

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

</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>

</div>

</div>

<div class='sidebar'>
<form action='/search' id='search' method='get'>
<input id='s' maxlength='50' name='q' onblur='if (this.value == "") {this.value = "To search, type and hit enter";}' onfocus='if (this.value == "To search, type and hit enter") {this.value = "";}' size='18' type='text' value='To search, type and hit enter'/>
</form>

<div id='lsidebarw'>
<center>
 </center>

</div>

<div class='lsidebar'>
<ul><li>
<b:section id='lsidebar' showaddelement='yes'/>
</li></ul>
</div>
<div class='rsidebar'>
<div class='rsidebar'>
<ul><li>
<b:section id='lsidebar1' showaddelement='yes'/>
</li></ul>
</div> </div>

</div> <div id='footer'>

</div>
</div>

</div><p>
<center><font color='white'><b>MyLangit Theme By <a href='http://Blog.ArpitNext.com'>ArpitNext</a>

<br/>Copyright © 2008 Bloggerized by : <a href='http://www.gosublogger.com'>GosuBlogger</a> |
Inspired By Langit : <a href='http://blog.eches.net'>Eches</a><br/>

</b></font></center></p>
</body>
</html>

note: please give a comment if you like this template

Halo 01

2009-06-16T08:59:00.000-07:00

This template Designed by Blogger Buster. This template uses a minimalist, grid-based layout and a unique presentation of post meta-data

DEMO TEMPLATE

Copy this Halo 01 (XML) via Blogger Buster or this blog

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Halo 01
Designer: Amanda Fazani
URL: www.bloggerbuster.com
Date: 26 November 2008
----------------------------------------------- */

/* 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="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#15222b" value="#15222b">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#333" value="#333333">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 113% Georgia, Times, serif" value="normal bold 113% Georgia, Times, serif">
<Variable name="posttitlefont" description="Post Title Font"
type="font"
default="normal normal 164% Georgia, Times, serif" value="normal normal 164% Georgia, Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 146% Georgia, Serif" value="normal normal 146% Georgia, Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% Verdana, sans-serif" value="normal normal 78% Verdana, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 86% Verdana, sans-serif" value="normal normal 86% 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:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
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;
}

.prop {
float:right;
width:1px;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

.min50px {
height:50px;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/* Header
-----------------------------------------------
*/

ul.nav{list-style:none;padding: 0; margin: 0;border-left: 1px solid $bordercolor;border-bottom: 1px solid $bordercolor;border-top: 3px solid #CC6600; background: #333; }
.nav li{float:left;display:block;width:79px; border-right: 1px solid $bordercolor;text-align: center;color: $titlecolor;}
.nav li a, .nav li a:link, .nav li a:visited, .nav li a:active {font-size:11px;outline:none;color:$titlecolor;text-decoration:none;display:block;padding:5px 0;margin-left: 0;width:79px;text-transform:uppercase;}
.nav li a:hover{background: #0E1211; color:$bgcolor!important;width:79px; border-right: 1px solid $bordercolor;}
* html .nav li a:hover{background: #0E1211; text-decoration: none; width:79px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:80px;}
.nav li.skip a{width:80px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:79px;}
li.top a{width:79px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: $titlecolor !important;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}

#masthead{padding:0;}
#masthead h1 a{width:400px;float:left;margin:10px 0 0;font:$pagetitlefont; color:$pagetitlecolor;}
#masthead h1 a em{font-style:normal;font: $pagetitlefont; color:$pagetitlecolor;}
#masthead h1 a:hover {color: $textcolor; text-decoration: none;}
#authorBlurb {width: 400px; float: right; color: $descriptioncolor;}
#authorBlurb img{float:right;width:59px;height:49px;padding-left: 10px;}
#authorIntro a{font-weight:bold;}
#authorIntro{line-height:1.4em;width:400px;float:right;margin:12px 0; text-align: right;}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
color:$pagetitlecolor;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$textcolor;
text-decoration: none;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 940px;
margin:10px auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 620px;
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: 300px;
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
----------------------------------------------- */

h1 {
font: $pagetitlefont;
color: $pagetitlecolor;
margin: 10px 0 0 0;
}
h1 a {
font: $pagetitlefont;
margin: 10px 0 0 0;
}
h2 {
margin: 0 0 .75em;
font:$posttitlefont;
line-height: 1.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
.date-header {
background: url(http://lh3.ggpht.com/_xn2gmPb9TfM/SS2ByERRPaI/AAAAAAAADW8/sFo7tYUV5ms/s144/calendar.gif) 0 .5em no-repeat;
padding-left: 15px;
margin:0;
}

.post {
width: 460px;
float: right;
margin:0 0 0 20px;
border-top: 1px solid #333;
}
.post h2 {
margin:0 0 5px;
padding:.2em 0;
font: $posttitlefont;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
border-bottom: 1px solid $bordercolor;
}

.post h2 a, .post h2 a:visited, .post h2 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h2 strong, .post h2 a:hover {
color:$textcolor;
}

.post-body {
width: 460px;
float: right;
margin:0 0 .75em;
line-height:1.6em;
}
.post-body a {
text-decoration: underline;
}

.post-body blockquote {
line-height:1.3em;
}

.post-meta {
width: 140px;
float: left;
padding: .2em 0 0;
margin: 0;
color:$sidebarcolor;
letter-spacing:.1em;
font: $postfooterfont;
border-top: 1px solid #333;
}

.meta-list {
display: block;
border-bottom: 1px solid $bordercolor;
padding-top: .5em;
padding-bottom: .5em;
}

.post-comment-link {
background: url(http://lh4.ggpht.com/_xn2gmPb9TfM/SS2ByCECzGI/AAAAAAAADXE/x7a_wolGaj8/s144/comments.gif) 0 .5em no-repeat;
padding-left: 15px;
}
.post-labels {
background: url(http://lh4.ggpht.com/_xn2gmPb9TfM/SS2ByMWyuhI/AAAAAAAADXM/GXDp_Aezyyk/s144/folder.gif) 0 .5em no-repeat;
padding-left: 15px;
}
.post-author {
background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/SS2Bx7NNASI/AAAAAAAADW0/3Z59qDrmrIU/s144/author.gif) 0 .5em no-repeat;
padding-left: 15px;
}
.post-timestamp {
background: url(http://lh4.ggpht.com/_xn2gmPb9TfM/SS2ByR4V4CI/AAAAAAAADXU/0zne2dAArLo/s144/time.gif) 0 .5em no-repeat;
padding-left: 15px;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
padding: 0 0 0 160px;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block dt {width: 120px; float: left; margin: 0 20px;}
#comments-block dd {width: 460px; float: right;}
#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;
}
.comments {
border-top: 1px solid #000;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#backlinks-container {
clear: both;
width: 460px;
float: right;
}
#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
border-top: 1px solid #333;
padding-top: 5px;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding-left: 20px;
background: url(http://lh3.ggpht.com/_xn2gmPb9TfM/SRF9ZcjQriI/AAAAAAAACqw/vig2JLaI30c/s144/feed.gif) left no-repeat;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar h2 {
font: $headerfont;
padding: .4em 0;
margin-bottom: 0;
border-bottom: 1px solid $bordercolor;
}

.sidebar ul {
list-style: none;
width: 300px;
float: left;
margin-left: 0;
padding-left: 0;
margin-top: 0;
padding-top: 0;
}

.archivedate {border: 1px solid #444; margin-left: 0; padding-left: 0;}

.sidebar ul li {
float: left;
width: 300px;
}

.sidebar ul li a {
display: block;
color: #747272;
padding: .2em .1em;
border-bottom: 1px solid $bordercolor;
}

.sidebar ul li a:hover {
color: $titlecolor;
text-decoration: none;
background: #2C2C2C;
}

.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.sidebar .widget {
border-top: 1px solid #333;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
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:960px;
clear:both;
margin:0 auto;
padding-top:15px;
}
#footer-column-container {
border-top: 3px solid #CC6600;
border-bottom: 3px solid #CC6600;
padding: 10px 0;
background: #333;
color: #ccc;
}
#footer-column-container ul{
list-style: none;
margin-left: 0;
padding-left: 0;
border-top: 1px solid $bordercolor;
width: 290px;
}
#footer-column-container ul li {
float: left;
width: 290px;
}

#footer-column-container ul li a {
display: block;
padding: .2em .1em;
border-bottom: 1px solid $bordercolor;
}

#footer-column-container ul li a:hover {
color: $titlecolor;
text-decoration: none;
background: #2C2C2C;
}

#footer-column-container h2 {
font-size: 120%;
font-weight: bold;
color: #f7f7f7;
}
#footer-column-container a {
color: #ccc;
}
#footer2 {
width: 300px;
margin: 0 10px;
float: left;
}
#footer3 {
width: 300px !important;
width: 290px;
margin: 0 10px 0 0;
float: left;
}
#footer4 {
width: 300px;
margin: 0 10px 0 0;
float: left;
}

#footer-bottom {
margin: 10px 0;
}
.flickr_badge_image {
width: 75px;
float: left;
display: inline;
}
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px !important; margin: 0 5px 5px 5px;}
.flickr_badge_image img {border: 1px solid #CC6600 !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
.left {float: left;}
.right {float: right;}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>


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

<div class='nav'>
<ul class='nav fix'>

<li><a expr:href='data:blog.homepageUrl' title='Return to the the frontpage'>Home</a></li>
<li><a href='#' title='Read about this blog'>About</a></li>
<li><a href='#' title='Link title'>Link</a></li>
<li><a href='#' title='Link title'>Link</a></li>
<li><a href='#' title='Link title'>Link</a></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe to the main feed via RSS'>RSS</a></li>
<li class='skip'><a href='#main' title='Skip to content'>Main</a></li>
</ul>
</div>

<div class='masthead fix'>
<b:section class='masthead' id='masthead' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Halo_01 (Header)' type='Header'>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='authorBlurb'>
<div id='authorBlurb'>

<p id='authorIntro'><img alt='Icon' src='http://lh6.ggpht.com/_xn2gmPb9TfM/SS2ChwchInI/AAAAAAAADXc/4BrtWQUyDKg/s144/avatar.gif'/><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='masthead'>
<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='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'>
<span class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px; width: 400px; float: left;'>
<b:include name='masthead'/>
</h1>
</span>
<b:include name='authorBlurb'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<span class='titlewrapper'>
<h1 class='title' style='width: 400px; float: left;'>
<b:include name='title'/>
</h1>
</span>
<b:include name='authorBlurb'/>
</div>
</b:if>
</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='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_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><span style='float: right;'><a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a></span><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='backlinks-block' id='backlinks-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>

</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>

<div class='post-header-line-1'/>
</div>
<div class='post-meta'>
<b:if cond='data:post.dateHeader'>
<span class='date-header meta-list'><data:post.dateHeader/></span>
</b:if>

<b:if cond='data:blog.pageType != "item"'>
<span class='post-comment-link meta-list'>
<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>
</span>
</b:if>

<b:if cond='data:post.labels'>
<span class='post-labels meta-list'>
<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>
</span>
</b:if>

<span class='post-author meta-list'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

<span class='post-timestamp meta-list'>
<b:if cond='data:top.showTimestamp'>
<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>

<p class='post-footer-line post-footer-line-3'/>
</div>
<div class='post-body'>
<div class='prop min50px'/>
<p><data:post.body/></p>
<div class='post-footer-line post-footer-line-1'>

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

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

</b:if>

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>

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

</span>
</div>
<div style='clear: both;'/> 
</div>
<div class='clear'> </div>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='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='comment-form' var='post'>
<div class='comment-form' style='clear: both; width: 460px; float: right;'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> Edit Post</span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.allowComments'>
<div class='clear'> </div>
<h4><span style='float: right;'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></span>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
</b:if>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>
<div class='comment-blog-author'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/><br/>
</dt>
<dd class='comment-body prop min50px'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<p>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</p>
</dd>
</div>
<div class='clear' style='clear: both;'/>
<b:else/>
<div class='comment-general'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/><br/>
</dt>
<dd class='comment-body prop min50px'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<p>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</p>
</dd>
</div>
<div class='clear' style='clear: both;'/>
</b:if>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
</b:if>

</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts'>

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

</div>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<div class='clear'> </div>
<b:if cond='data:blog.pageType == "item"'>
<div class='clear' style='clear: both;'> </div>
<b:include data='post' name='comments'/>
<b:include data='post' name='comment-form'/>
<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>
</b:if>
</b:loop>
<data:adEnd/>
<div class='clear'> </div>

<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<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'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</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='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'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li>
<a expr:href='data:i.url'><data:i.name/> (<data:i.post-count/>)</a>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='A Block of Text' 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='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


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

</div> 

<div id='footer-column-container'>

<div id='footer2'>

<b:section class='footer-column' id='col1' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Blogger Buster' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
- <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
- <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='footer3'>
<b:section class='footer-column' id='col2' preferred='yes'>
<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 id='footer4'>

<b:section class='footer-column' id='col3' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Photostream' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>

<div id='flickr_badge_uber_wrapper'><div id='flickr_badge_wrapper'>
<script src='http://www.flickr.com/badge_code_v2.gne?count=9&display=random&size=s&layout=x&source=user&user=8131003%40N03' type='text/javascript'/>
<a href='http://www.flickr.com' id='flickr_www'>www.<strong style='color:#3993ff'>flick<span style='color:#ff1c92'>r</span></strong>.com</a>
</div></div>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div style='clear:both;'/>

</div>

<div id='footer-bottom'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' 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>

<span class='left'>© <data:blog.title/> 2008</span>
<span class='right'>Designed by <a href='http://www.bloggerbuster.com' title='Blogger tips, tutorials and templates'>Blogger Buster</a></span>

</div>
<div style='clear:both;'/>

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

note: please give a comment if you like this template

New Cafe Blog

2009-06-15T23:00:00.000-07:00

Choose this custom look for your blog. And see what the results

DEMO TEMPLATE

Copy this New Cafe Blog (XML)

note: please give a comment if you like this template

Newspaper Template is good

2009-06-15T18:26:00.000-07:00

I like this template because of the minimalist look. with multi-column style, i really like it.

DEMO | DOWNLOAD via ZIDDU

Fetures :

* Newspaper Style Post
* Magazine Style ( some widget can hidden )
* 3 column posts
* 2 column sidebar
* 3 column footer
* Search engine
* RSS Button
* Differen comment post color by admin
* Dropdown horizontal menu
* Ads Banner
* Space for link Ads
* Hidden widget ( left sidebar )
* Nice page navigation button