Hidup Jangan Tertidur

Untuk dapat menikmati hidup, hal terpenting yang perlu Anda lakukan adalah menjadi SADAR. Inti kepemimpinan adalah kesadaran. Inti spiritualitas juga adalah kesadaran. Banyak orang yang menjalani
hidup ini dalam keadaan tertidur. Mereka lahir, tumbuh, menikah, mencari nafkah, membesarkan anak, dan akhirnya meninggal dalam keadaan tertidur.

Analoginya adalah seperti orang yang terkena hipnotis. Anda tahu di mana menyimpan uang. Anda pun tahu persis nomor pin Anda. Dan Andapun menyerahkan uang Anda pada orang tidak dikenal. Anda tahu,
tapi tidak sadar. Karena itu, Anda bergerak bagaikan robot-robot yang dikendalikan orang lain, lingkungan, jabatan, uang, dan harta benda.

Pengertian menyadari amat berbeda dengan mengetahui. Anda tahu berolah raga penting untuk kesehatan, tapi Anda tidak juga melakukannya. Anda tahu memperjualbelikan jabatan itu salah, tapi Anda menikmatinya. Anda tahu berselingkuh dapat menghancurkan keluarga, tapi Anda tidak dapat menahan godaan. Itulah contoh tahu tapi tidak sadar!

Ada dua hal yang dapat membuat orang menjadi sadar. Pertama, peristiwa-peristiwa pahit dan musibah. Musibah sebenarnya adalah rahmat terselubung karena dapat membuat kita bangun dan sadar. Anda baru sadar pentingnya kesehatan kalau Anda sakit. Anda baru sadar pentingnya olahraga kalau kadar kolesterol Anda mencapai tingkat yang mengkhawatirkan. Anda baru sadar nikmatnya bekerja kalau Anda di-PHK. Seorang wanita karier baru menyadari bahwa keluarga jauh lebih penting setelah anaknya terkena narkoba. Seorang sopir taksi pernah bercerita bahwa ia baru menyadari bahayanya judi setelah hartanya habis.

Kematian mungkin merupakan satu stimulus terbesar yang mampu menyentakkan kita. Banyak tokoh terkenal meninggal begitu saja. Mereka sedang sibuk memperjualbelikan kekuasaan, saling menjegal, berjuang meraih jabatan, lalu tiba-tiba saja meninggal. Bayangkan kalau Anda sedang menonton film di bioskop. Pertunjukan sedang berlangsung seru ketika tiba-tiba listrik padam. Petugas bioskop berkata, Silakan Anda pulang, pertunjukan sudah selesai! Anda protes, bahkan ingin menunggu sampai listrik hidup kembali. Tapi, si penjaga hanya berkata tegas, Pertunjukan sudah selesai, listriknya tidak akan pernah hidup kembali.

Itulah analogi sederhana dari kematian. Kematian orang yang kita kenal, apalagi kerabat dekat kita sering menyadarkan kita pada arti hidup ini. Kematian menyadarkan kita pada betapa singkatnya hidup ini, betapa seringnya kita meributkan hal-hal sepele, dan betapa bodohnya kita menimbun kekayaan yang tidak sempat kita nikmati.

Hidup ini seringkali menipu dan meninabobokan orang. Untuk menjadi bangun kita harus sadar mengenai tiga hal, yaitu siapa diri kita, darimana kita berasal, dan ke mana kita akan pergi. Untuk itu kita perlu sering mengambil jarak dari kesibukan kita dan melakukan kontemplasi.

Ada sebuah ungkapan menarik dari seorang filsuf Perancis, Teilhard de Chardin, Kita bukanlah manusia yang mengalami pengalaman- pengalaman spiritual, kita adalah makhluk spiritual yang mengalami pengalaman-pengalam an manusiawi. Manusia bukanlah makhluk bumi melainkan makhluk langit. Kita adalah makhluk spiritual yang kebetulan sedang menempati rumah kita di bumi. Tubuh kita sebenarnya hanyalah rumah sementara bagi jiwa kita. Tubuh diperlukan karena merupakan salah satu syarat untuk bisa hidup di dunia. Tetapi, tubuh ini lama kelamaan akan rusak dan akhirnya tidak dapat digunakan lagi. Pada saat itulah jiwa kita akan meninggalkan rumah untuk mencari rumah yang lebih layak. Keadaan ini kita sebut meninggal dunia. Jangan lupa, ini bukan berarti mati karena jiwa kita tak pernah mati. Yang mati adalah rumah kita atau tubuh kita sendiri.

Coba Anda resapi paragraf diatas dalam-dalam. Badan kita akan mati, tapi jiwa kita tetap hidup. Kalau Anda menyadari hal ini, Anda tidak akan menjadi manusia yang ngoyo dan serakah. Kita memang perlu hidup, perlu makanan, tempat tinggal, dan kebutuhan dasar lainnya. Bila Anda sudah mencapai semua kebutuhan tersebut, itu sudah cukup! Buat apa sibuk mengumpul-ngumpulka n kekayaan — apalagi dengan menyalahgunakan jabatan — kalau hasilnya tidak dapat Anda nikmati selama-lamanya. Apalagi Anda sudah merusak jiwa Anda sendiri dengan berlaku curang dan korup. Padahal, jiwa inilah milik kita yang abadi.

Lantas, apakah kita perlu mengalami sendiri peristiwa-peristiwa yang pahit tersebut agar kita sadar? Jawabnya: ya! Tapi kalau Anda merasa cara tersebut terlalu mahal, ada cara kedua yang jauh lebih mudah: Belajarlah MENDENGARKAN. Dengarlah dan belajarlah dari pengalaman orang lain. Bukalah mata dan hati Anda untuk mengerti, mendengarkan, dan mempertanyakan semua pikiran dan paradigma Anda. Sayang, banyak orang yang mendengarkan semata-mata untuk memperkuat pendapat mereka sendiri, bukannya untuk mendapatkan sesuatu yang baru yang mungkin bertentangan dengan pendapat mereka sebelumnya. Orang yang seperti ini masih tertidur dan belum sepenuhnya bangun.

Islamic Clock

Desk Mess Mirrored

Lihat Code HTML

Desk Mess Mirrored

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”&gt;
expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<!–[CDATA[/*–>
———————————————–
Blogger Template Style
Name:     Desk Mess Mirrored
Author:   Klodian
URL:      http://www.deluxetemplates.net
Date:     February 2010

License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the ‘attribution’ clause of the license, you are required to keep the footer links intact which provides due credit to its authors.
———————————————– */
#navbar-iframe {
display: none !important;
}
/* 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=”#58a” value=”#5588aa”>
<Variable name=”pagetitlecolor” description=”Blog Title Color”
type=”color” default=”#666″ value=”#666666″>
<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=”#999″ value=”#999999″>
<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% Georgia, Serif” value=”normal normal 100% Georgia, Serif”>
<Variable name=”headerfont” description=”Sidebar Title Font”
type=”font”
default=”normal normal 78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif” value=”normal normal 78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif”>
<Variable name=”pagetitlefont” description=”Blog Title Font”
type=”font”
default=”normal normal 200% Georgia, Serif” value=”normal normal 200% Georgia, Serif”>
<Variable name=”descriptionfont” description=”Blog Description Font”
type=”font”
default=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif” value=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif”>
<Variable name=”postfooterfont” description=”Post Footer Font”
type=”font”
default=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif” value=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif”>
<Variable name=”startSide” description=”Side where text starts in blog language”
type=”automatic” default=”left” value=”left”>
<Variable name=”endSide” description=”Side where text ends in blog language”
type=”automatic” default=”right” value=”right”>
*/

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

body {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_V-vanwnGNaA/S5aMsrpx46I/AAAAAAAAAJA/xehIi06V5ow/s1600/marble-bg.png&#8221;) repeat scroll left top #848484;
color:#333333;
font:small Georgia Serif;
margin:0;
text-align:center;
}
a:link {
color:#D21600;
text-decoration:none;
}
a:visited {
color:#C94F05;
text-decoration:none;
}
a:hover {
color:#5588AA;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_8GxSJXcDIwk/S4Z6D5r448I/AAAAAAAAAMY/_owBy18JAN4/s1600/deskmess.png&#8221;) no-repeat scroll 0 0 transparent;
height:234px;
margin:0 auto;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#D21600;
text-align:left;
}
#header h1 {
font:italic bold 26px Georgia,Serif;
letter-spacing:-2px;
margin:0;
padding:25px 20px 4px 414px;
text-transform:none;
}
#header a {
color:#D21600;
text-decoration:none;
}
#header a:hover {
color:#D21600;
}
#header .description {
color:#D21600;
font:italic 14px georgia;
letter-spacing:0;
margin:0 5px 5px;
padding:0 20px 15px 414px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font:100% arial,helvetica,tahoma;
margin:0 auto;
text-align:left;
width:990px;
}
#main-wrapper {
float:left;
margin-left:40px;
margin-top:-63px;
overflow:hidden;
position:relative;
width:600px;
word-wrap:break-word;
}
#sidebar-wrapper {
float:right;
margin-right:30px;
margin-top:-73px;
overflow:hidden;
position:relative;
width:305px;
word-wrap:break-word;
}
h2 {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0hqpnD4qcI/AAAAAAAAA8o/TPfuBykMoWc/s1600/widgeth2.png&#8221;) no-repeat scroll 0 0 transparent;
color:#696969;
font:18px/1.4em georgia;
height:57px;
letter-spacing:0;
margin-bottom:0;
padding-top:26px;
text-align:center;
text-transform:none;
}
h2.date-header {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
font-size:12px;
font-style:italic;
height:16px;
margin:0;
text-align:left;
}
.post {
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
color:#CC6600;
font-size:22px;
font-weight:normal;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:#CC6600;
display:block;
font-weight:bold;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
font-size:14px;
line-height:1.6em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
border-bottom:1px dotted #B2B0A4;
border-top:1px dotted #B2B0A4;
color:#666666;
font:italic 12px/1.4em georgia;
letter-spacing:0;
margin:0.75em 0;
padding:5px 10px;
text-transform:none;
}
.comment-link {
margin-left:0.6em;
}
.post img {
padding:1px;
}
.post blockquote {
font-family:georgia;
font-style:italic;
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #DEDEDE;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #DEDEDE;
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #CCCCCC;
float:left;
padding:5px;
}
#blog-pager-older-link {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #CCCCCC;
float:right;
padding:5px;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #F1F1F1;
color:#666666;
line-height:1.5em;
margin-left:29px;
margin-top:-15px;
padding-bottom:20px;
padding-left:5px;
width:256px;
}
.sidebar ul {
list-style:none outside none;
margin:0;
padding:0;
}
.sidebar li {
border-bottom:1px dotted #CCCCCC;
line-height:1.5em;
margin:0;
padding:2px 0 0.25em 8px;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font:bold 78%/1.6em ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font:78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}
#footer {
clear:both;
letter-spacing:0.1em;
line-height:1.6em;
margin:0 auto;
padding-top:15px;
text-align:center;
text-transform:uppercase;
width:660px;
}
#menu {
height:55px;
margin:83px 0 0 17px;
padding:0;
text-transform:uppercase;
}
#menu, #menu ul {
line-height:2.5;
list-style:none outside none;
}
#menu a, #menu a:hover {
border:medium none;
display:block;
text-decoration:none;
}
#menu li {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_V-vanwnGNaA/S5aMs3cNHbI/AAAAAAAAAJI/ETx2RmeUA8Q/s1600/menu_button.png&#8221;) repeat scroll 0 0 transparent;
float:left;
height:61px;
list-style:none outside none;
margin-left:2px;
margin-right:2px;
text-align:center;
width:99px;
}
#menu a, #menu a:visited {
color:#332613;
display:block;
font-weight:bold;
padding:10px 12px;
position:relative;
}
#menu a:hover, #menu a:active {
color:#C94F05;
text-decoration:none;
}
#content-wrapper {
-moz-background-inline-policy:continuous;
background:url(“http://3.bp.blogspot.com/_iI6SgnnhWEM/S0g8zK9AmvI/AAAAAAAAA8I/gN9n5ZtTLN4/s1600/mainmidpart.png&#8221;) repeat-y scroll 0 0 transparent;
width:977px;
}
#content-wrapper-top {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0g70nxcmUI/AAAAAAAAA74/BZbV-SJmSi8/s1600/maintoppart.png&#8221;) no-repeat scroll 0 0 transparent;
height:113px;
margin-top:-31px;
position:relative;
}
.widget-content {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_iI6SgnnhWEM/S0hrEVfwugI/AAAAAAAAA8w/vqc0rqGAYm0/s1600/widgetbck.png&#8221;) repeat-y scroll 0 0 transparent;
border-bottom:1px solid #E3DCCB;
margin-top:-27px;
padding:5px 14px 20px;
}
#sidebar-top {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0hqa-i7UOI/AAAAAAAAA8g/RCBaDC7BW8U/s1600/sidebartop.png&#8221;) no-repeat scroll 0 0 transparent;
height:90px;
min-height:90px;
}
#sidebar-bottom {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0hoEu-kkkI/AAAAAAAAA8Y/UNwr_XV-5nI/s1600/sidebarbottom.gif&#8221;) no-repeat scroll 0 0 transparent;
height:37px;
margin-left:-1px;
min-height:37px;
text-align:right;
}
#bottom {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_iI6SgnnhWEM/S0hw8Bkd8dI/AAAAAAAAA84/_XvckF_pJf0/s1600/footer2.png&#8221;) no-repeat scroll 0 0 transparent;
height:154px;
margin-left:-6px;
}
#bottom p {
color:#111111;
font-size:12px;
margin:0;
padding-left:310px;
padding-top:55px;
}
#bottom a {
color:#000000;
font-size:12px;
}

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

<body>
<div id=’outer-wrapper’><div id=’wrap2′>

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

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Desk Mess Mirrored (Header)’ type=’Header’>
includable id=’title’>

<data:title/>
<b:else/>
expr:href=’data:blog.homepageUrl’>
</b:if>
includable>
includable id=’description’>
<div class=’descriptionwrapper’>
<p class=’description’><span><data:description/></span></p>
</div>
includable>
includable id=’main’>

<b:if cond=’data:useImage’>

<!–Show just the image, no text–>
<div id=’header-inner’>
expr:href=’data:blog.homepageUrl’ style=’display: block’>
<img expr:alt=’data:title’ expr:height=’data:height’ expr:id=’data:widget.instanceId + “_headerimg”‘ expr:src=’data:sourceUrl’ expr:width=’data:width’ style=’display: block’/>
</a>
</div>
<b:else/>
<!–
Show image as background to text. You can’t really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don’t force a minimum
width if the user is using shrink to fit.
This results in a margin-width’s worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
–>

expr:style='”background-image: url(\”” + data:sourceUrl + “\”); ”                      + “background-position: ”                      + data:backgroundPositionStyleStr + “; ”                      + data:widthStyleStr                      + “min-height: ” + data:height + “px;”                      + “_height: ” + data:height + “px;”                      + “background-repeat: no-repeat; “‘ id=’header-inner’>

<div class=’titlewrapper’ style=’background: transparent’>
<h1 class=’title’ style=’background: transparent; border-width: 0px’>
<b:include name=’title’/>
<!–h1>
</div>
<b:include name=’description’/>
</div>
</b:if>
<b:else/>
<!–No header image –>
<div id=’header-inner’>
<div class=’titlewrapper’>
<h1 class=’title’>
<b:include name=’title’/>
</h1>
</div>
<b:include name=’description’/>
</div>
</b:if>
includable>
</b:widget>
</b:section>
<ul id=’menu’>

  • expr:href=’data:blog.homepageUrl’ title=’Home’>Home
  • expr:href=’data:blog.homepageUrl + “feeds/posts/default”‘ title=’Posts RSS’>RSS
  • expr:href=’data:blog.homepageUrl + “feeds/comments/default”‘ title=’Comments RSS’>Comments
  • <li><a href=’#’ title=’Edit this link’>Edit</a></li>
    <!–ul>

    </div>
    <div id=’content-wrapper-top’/>
    <div id=’content-wrapper’>

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

    <div id=’main-wrapper’>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
    includable id=’nextprev’>
    <div class=’blog-pager’ id=’blog-pager’>

    <span id=’blog-pager-newer-link’>
    expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’>
    </span>
    </b:if>

    <span id=’blog-pager-older-link’>
    expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-older-link”‘ expr:title=’data:olderPageTitle’>
    </span>
    </b:if>

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

    </div>
    <div class=’clear’/>
    includable>
    includable id=’backlinks’ var=’post’>
    <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>
    expr:href=’data:backlink.url’ rel=’nofollow’>
    <b:include data=’backlink’ name=’backlinkDeleteIcon’/>
    </dt>
    <dd class=’comment-body collapseable’>
    <data:backlink.snippet/>
    </dd>
    <dd class=’comment-footer collapseable’>
    <span class=’comment-author’><data:post.authorLabel/> <data:backlink.author/></span>
    <span class=’comment-timestamp’><data:post.timestampLabel/> <data:backlink.timestamp/></span>
    </dd>
    </div>
    </b:loop>
    <!–dl>
    </b:if>
    <p class=’comment-footer’>
    <a class=’comment-link’ expr:href=’data:post.createLinkUrl’ expr:id=’data:widget.instanceId + &quot;_backlinks-create-link&quot;’ target=’_blank’><data:post.createLinkLabel/></a>
    </p>
    includable>
    includable id=’post’ var=’post’>
    <div class=’post hentry’>
    expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
    <h3 class=’post-title entry-title’>
    <b:if cond=’data:post.link’>
    expr:href=’data:post.link’>
    <b:else/>
    <b:if cond=’data:post.url’>
    expr:href=’data:post.url’>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

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

    <div class=’post-body entry-content’>
    <data:post.body/>
    <div style=’clear: both;’/> <!– clear for photos floats –>
    </div>

    <b:if cond=’data:post.hasJumpLink’>
    <div class=’jump-link’>
    expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’>
    </div>
    </b:if>

    <div class=’post-footer’>
    <div class=’post-footer-line post-footer-line-1′><span class=’post-author vcard’>
    <b:if cond=’data:top.showAuthor’>
    <data:top.authorLabel/>
    <span class=’fn’><data:post.author/></span>
    </b:if>
    </span> <span class=’post-timestamp’>
    <b:if cond=’data:top.showTimestamp’>
    <data:top.timestampLabel/>
    <b:if cond=’data:post.url’>
    <a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’><abbr class=’published’ expr:title=’data:post.timestampISO8601′><data:post.timestamp/></abbr></a>
    </b:if>
    </b:if>
    </span> <span class=’post-comment-link’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <b:if cond=’data:post.allowComments’>
    1 commentLabel/>
    </b:if>
    </b:if>
    </span> <span class=’post-icons’>
    <!– email post links –>
    <b:if cond=’data:post.emailPostUrl’>
    <span class=’item-action’>
    expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
    <img alt=” class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>

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

    <div class=’post-footer-line post-footer-line-2′><span class=’post-labels’>
    <b:if cond=’data:post.labels’>
    postLabelsLabel/>
    <b:loop values=’data:post.labels’ var=’label’>
    expr:href=’data:label.url’ rel=’tag’>,
    </b:loop>
    </b:if>
    </span> </div>

    <div class=’post-footer-line post-footer-line-3’/>
    </div>
    </div>
    includable>
    includable id=’commentDeleteIcon’ var=’comment’>
    expr:class='”item-control ” + data:comment.adminClass’>
    expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinks’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’> <!– Blog feed links –>
    <b:if cond=’data:feedLinks’>
    <div class=’blog-feeds’>
    <b:include data=’feedLinks’ name=’feedLinksBody’/>
    </div>
    </b:if>

    <b:else/> <!–Post feed links –>
    <div class=’post-feeds’>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.allowComments’>
    <b:if cond=’data:post.feedLinks’>
    <b:include data=’post.feedLinks’ name=’feedLinksBody’/>
    </b:if>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    includable>
    includable id=’status-message’>

    <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
    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>
    includable>
    includable id=’comment-form’ var=’post’>
    <div class=’comment-form’>
    <a name=’comment-form’/>

    postCommentMsg/>

    blogCommentMessage/>
    blogTeamBlogMessage/>
    expr:href=’data:post.commentFormIframeSrc’ id=’comment-editor-src’/>
    <iframe allowtransparency=’true’ class=’blogger-iframe-colorize blogger-comment-from-post’ frameborder=’0′ height=’410′ id=’comment-editor’ name=’comment-editor’ src=” width=’100%’/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>

    BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
    </div>
    includable>
    includable id=’backlinkDeleteIcon’ var=’backlink’>
    expr:class='”item-control ” + data:backlink.adminClass’>
    expr:href=’data:backlink.deleteUrl’ expr:title=’data:top.deleteBacklinkMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinksBody’ var=’links’>
    <div class=’feed-links’>
    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>
    includable>
    <b:includable id=’postQuickEdit’ var=’post’>
    <b:if cond=’data:post.editUrl’>
    expr:class='”item-control ” + data:post.adminClass’>
    expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
    <img alt=” class=’icon-action’ height=’18’ src=’http://www.blogger.com/img/icon18_edit_allbkg.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>
    </b:includable>
    <b:includable id=’comments’ var=’post’>
    <div class=’comments’ id=’comments’>
    <a name=’comments’/>
    <b:if cond=’data:post.allowComments’>
    <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’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
     
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
     
    <data:post.commentRangeText/>
     
    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
     
    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’>
    </span>
    </b:if>

    <dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
    <b:loop values=’data:post.comments’ var=’comment’>

    expr:class='”comment-author ” + data:comment.authorClass’ expr:id=’data:comment.anchorName’>

    <b:if cond=’data:comment.favicon’>
    expr:src=’data:comment.favicon’ height=’16px’ style=’margin-bottom:-2px;’ width=’16px’/>
    </b:if>
    expr:name=’data:comment.anchorName’/>
    <b:if cond=’data:blog.enabledCommentProfileImages’>
    <data:comment.authorAvatarImage/>
    </b:if>
    <b:if cond=’data:comment.authorUrl’>
    expr:href=’data:comment.authorUrl’ rel=’nofollow’>
    <b:else/>
    <data:comment.author/>
    </b:if>
    commentPostedByMsg/>
    </dt>
    <dd class=’comment-body’>
    <b:if cond=’data:comment.isDeleted’>
    <span class=’deleted-comment’><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class=’comment-footer’>
    <span class=’comment-timestamp’>
    expr:href=’data:comment.url’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </span>
    </dd>
    </b:loop>
    </dl>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
    <data:post.oldestLinkText/>
    </a>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
    <data:post.olderLinkText/>
    </a>
     
    <data:post.commentRangeText/>
     
    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
    <data:post.newerLinkText/>
    </a>
    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’>
    <data:post.newestLinkText/>
    </a>
    </span>
    </b:if>

    <p class=’comment-footer’>
    <b:if cond=’data:post.embedCommentForm’>
    <b:if cond=’data:post.allowNewComments’>
    <b:include data=’post’ name=’comment-form’/>
    <b:else/>
    <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond=’data:post.allowComments’>
    expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
    </b:if>
    </b:if>

    </p>
    </b:if>

    <div id=’backlinks-container’>

    expr:id=’data:widget.instanceId + “_backlinks-container”‘>

    <b:if cond=’data:post.showBacklinks’>
    <b:include data=’post’ name=’backlinks’/>
    </b:if>
    </div>
    </div>
    </div>
    </b:includable>
    <b:includable id=’main’ var=’top’>
    <!– posts –>
    <div class=’blog-posts hfeed’>

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

    defaultAdStart/>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.dateHeader’>
    <h2 class=’date-header’>
    </b:if>
    <b:include data=’post’ name=’post’/>
    <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:post.includeAd’>
    <b:if cond=’data:post.isFirstPost’>
    defaultAdEnd/>
    <b:else/>
    adEnd/>
    </b:if>
    <div class=’inline-ad’>
    adCode/>
    </div>
    adStart/>
    </b:if>
    <b:if cond=’data:post.trackLatency’>
    <data:post.latencyJs/>
    </b:if>
    </b:loop>
    adEnd/>
    </div>
    <b:if cond=’data:blog.url != data:blog.homepageUrl’>
    <br/>
    <script type=”text/javascript”><!–
    google_ad_client = &quot;pub-3277672805402347&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* 336×280, blogger-templates */
    google_ad_slot = &quot;3398966583&quot;;
    google_ad_width = 336;
    google_ad_height = 280;
    google_ad_type = &quot;text&quot;;
    google_color_border = &quot;EEE8DA&quot;;
    google_color_bg = &quot;EEE8DA&quot;;
    google_color_link = &quot;DCA809&quot;;
    google_color_text = &quot;000000&quot;;
    google_color_url = &quot;1BACDF&quot;;
    //–&gt;
    &lt;/script&gt;
    <script type=”text/javascript”
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </b:if>
    <!– navigation –>
    <b:include name=’nextprev’/>

    <b:if cond=’data:top.showStars’>
    // <![CDATA[src=’http://www.google.com/jsapi&#8217; type=’text/javascript’ />]]>
    <script type=’text/javascript’>
    google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    <div id=’sidebar-wrapper’>
    <div id=’sidebar-top’/>

    <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 != &quot;&quot;’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <b:if cond=’data:team == &quot;true&quot;’> <!– team blog profile –>
    <ul>
    <b:loop values=’data:authors’ var=’i’>

  • expr:href=’data:i.userUrl’>
  • </b:loop>
    </ul>

    <b:else/> <!– normal blog profile –>

    <b:if cond=’data:photo.url != &quot;&quot;’>
    expr:href=’data:userUrl’>
    </b:if>

    <dl class=’profile-datablock’>

    displayname/>

    <dd class=’profile-data’><data:location/></dd>
    </b:if>

    </dl>
    viewProfileMsg/>
    </b:if>

    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Label2′ locked=’false’ title=’Categories’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>

    expr:class='”widget-content ” + data:display + “-label-widget-content”‘>

    <b:if cond=’data:display == &quot;list&quot;’>
    <ul>
    <b:loop values=’data:labels’ var=’label’>
    <li>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values=’data:labels’ var=’label’>
    expr:class='”label-size label-size-” + data:label.cssSize’>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span class=’label-count’ dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Archives’ type=’BlogArchive’>
    <b:includable id=’toggle’ var=’interval’>
    <b:if cond=’data:interval.toggleId’>
    <b:if cond=’data:interval.expclass == &quot;expanded&quot;’>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy toggle-open’>▼ </span>
    </a>
    <b:else/>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy’>
    <b:if cond=’data:blog.languageDirection == &quot;rtl&quot;’>
    ◄ 
    <b:else/>
    ► 
    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>

    <b:loop values=’data:intervalData’ var=’i’>
    <ul>

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

    <option value=”><data:title/></option>
    <b:loop values=’data:data’ var=’i’>
    expr:value=’data:i.url’> ()
    </b:loop>
    </select>
    </b:includable>
    <b:includable id=’flat’ var=’data’>
    <ul>
    <b:loop values=’data:data’ var=’i’>
    <li class=’archivedate’>
    expr:href=’data:i.url’> ()
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’posts’ var=’posts’>
    <ul class=’posts’>
    <b:loop values=’data:posts’ var=’i’>

  • expr:href=’data:i.url’>
  • </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’>

    expr:id=’data:widget.instanceId + “_ArchiveList”‘>

    <b:if cond=’data:style == &quot;HIERARCHY&quot;’>
    <b:include data=’data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:style == &quot;FLAT&quot;’>
    <b:include data=’data’ name=’flat’/>
    </b:if>
    <b:if cond=’data:style == &quot;MENU&quot;’>
    <b:include data=’data’ name=’menu’/>
    </b:if>
    </div>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>

    <h2 class=’title’><data:title/></h2>
    <b:else/>

    (totalFollowerCount/>)

    </b:if>
    </b:if>
    </b:if>
    <div class=’widget-content’>

    expr:id=’data:widget.instanceId + “-wrapper”‘>

    codeSnippet/>
    </div>
    <b:else/>

    <span class=’item-control following-not-admin’>
    failureSnippet/>
    </span>
    <span class=’item-control blog-admin’>
    adminFailureSnippet/>
    </span>
    <b:else/>
    <b:if cond=’data:followingLinkPresent’>
    <div class=’follow-this profile-link item-control following-follow-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    followThisMessage/>
    </a>
    </div>
    <div class=’follow-this profile-link item-control following-stop-following-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    stopFollowingMessage/>
    </a>
    </div>
    </b:if>

    <div class=’followers-grid’>

    <div class=’profile-link item-control following-follow-this’>
    emptyFollowersMessage/>
    </div>
    </b:if>
    <!–
    Relies on the js written out in navbar.gxp
    –>
    <b:loop values=’data:followers’ var=’follower’>
    <div class=’follower’>
    expr:href=’data:follower.profileUrl’ expr:title=’data:follower.displayName’ rel=’nofollow’>

    </a>
    </div>
    </b:loop>
    <div class=’clear’/>
    </div>

    <div class=’followers-canvas profile-link’>
    followersFooterMessage/>
    <span class=’item-control following-not-admin’>
    expr:href=’data:followersUri’>
    viewAllMessage/>
    </a>
    </span>
    <span class=’item-control blog-admin’>
    expr:href=’data:manageFollowersUri’>
    manageFollowersMessage/>
    </a>
    </span>
    </div>
    </b:if>
    </b:if>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    <div id=’sidebar-bottom’/>
    </div>

    <!– spacer for skins that want sidebar and main to be the same height–>
    <div class=’clear’> </div>
    <div id=’content-wrapper-butt’/>
    </div> <!– end content-wrapper –>

    <div id=’bottom’>
    (c)2009 expr:href=’data:blog.homepageUrl’>. Blogger created by blogger Templates
    </div>

    </div></div> <!– end outer-wrapper –>
    </body>
    </html>

    Posted in HTML. 2 Comments »

    Line Template Blogger

    xml version=”1.0″ encoding=”UTF-8″ ?>
    <!–DOCTYPE html PUBLIC “null” “null”>
    expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
    <head>
    <meta content=’IE=EmulateIE7′ http-equiv=’X-UA-Compatible’/>
    <b:include data=’blog’ name=’all-head-content’/>
    <title><data:blog.pageTitle/></title>

    <!–[CDATA[/–>

    /* Variable definitions
    ====================
    <Variable name=”keycolor” description=”Main Color” type=”color” default=”#1a222a” value=”#1a2a2a”/>
    <Variable name=”body.background” description=”Body Background” type=”background”
    color=”$(body.background.color)” default=”#111111 url(http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center” value=”#181e52 url(http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNzZiYWYyZDMtNTI3MC00ZWI1LThmMzAtMWM3MTVkN2E2ZTdh) repeat fixed top center /* Credit: centauria (http://www.istockphoto.com/googleimages.php?id=1528595&platform=blogger) */”/>

    <Group description=”Page Text” selector=”.content-inner”>
    <Variable name=”body.font” description=”Font” type=”font”
    default=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”body.text.color” description=”Text Color” type=”color” default=”#333333″ value=”#333333″/>
    </Group>

    <Group description=”Backgrounds” selector=”.body-fauxcolumns-outer”>
    <Variable name=”body.background.color” description=”Outer Background” type=”color” default=”#296695″ value=”#29958d”/>
    <Variable name=”header.background.color” description=”Header Background” type=”color” default=”transparent” value=”transparent”/>
    <Variable name=”post.background.color” description=”Post Background” type=”color” default=”#ffffff” value=”#ffffff”/>
    </Group>

    <Group description=”Links” selector=”.main-outer”>
    <Variable name=”link.color” description=”Link Color” type=”color” default=”#336699″ value=”#339999″/>
    <Variable name=”link.visited.color” description=”Visited Color” type=”color” default=”#6699cc” value=”#66cccc”/>
    <Variable name=”link.hover.color” description=”Hover Color” type=”color” default=”#33aaff” value=”#32ffed”/>
    </Group>

    <Group description=”Blog Title” selector=”.header”>
    <Variable name=”header.font” description=”Title Font” type=”font”
    default=”normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”header.text.color” description=”Text Color” type=”color” default=”#ffffff”  value=”#ffffff”/>
    </Group>

    <Group description=”Tabs Text” selector=”.tabs-outer .PageList”>
    <Variable name=”tabs.font” description=”Font” type=”font”
    default=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”tabs.text.color” description=”Text Color” type=”color” default=”#ffffff” value=”#ffffff”/>
    <Variable name=”tabs.selected.text.color” description=”Selected Color” type=”color” default=”$(link.color)” value=”$(link.color)”/>
    </Group>

    <Group description=”Tabs Background” selector=”.tabs-outer .PageList”>
    <Variable name=”tabs.background.color” description=”Background Color” type=”color” default=”transparent” value=”transparent”/>
    <Variable name=”tabs.selected.background.color” description=”Selected Color” type=”color” default=”transparent” value=”transparent”/>
    <Variable name=”tabs.separator.color” description=”Separator Color” type=”color” default=”transparent” value=”transparent”/>
    </Group>

    <Group description=”Post” selector=”.post”>
    <Variable name=”post.title.font” description=”Title Font” type=”font”
    default=”normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”post.footer.text.color” description=”Footer Text Color” type=”color” default=”#999999″ value=”#999999″/>
    <Variable name=”post.border.color” description=”Border Color” type=”color” default=”#dddddd” value=”#dddddd”/>
    </Group>

    <Group description=”Gadgets” selector=”.sidebar .widget”>
    <Variable name=”widget.title.font” description=”Title Font” type=”font”
    default=”bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal bold 100% ‘Times New Roman’, Times, FreeSerif, serif;”/>
    <Variable name=”widget.title.text.color” description=”Title Color” type=”color” default=”#888888″ value=”#888888″/>
    </Group>

    <Group description=”Footer” selector=”.footer-outer”>
    <Variable name=”footer.text.color” description=”Text Color” type=”color” default=”#cccccc” value=”#cccccc”/>
    <Variable name=”footer.widget.title.text.color” description=”Gadget Title Color” type=”color” default=”#aaaaaa” value=”#aaaaaa”/>
    </Group>

    <Group description=”Footer Links” selector=”.footer-outer”>
    <Variable name=”footer.link.color” description=”Link Color” type=”color” default=”#99ccee” value=”#98eee5″/>
    <Variable name=”footer.link.visited.color” description=”Visited Color” type=”color” default=”#77aaee” value=”#77e5ee”/>
    <Variable name=”footer.link.hover.color” description=”Hover Color” type=”color” default=”#33aaff” value=”#32ffed”/>
    </Group>

    20px” value=”20px”/>
    <Variable name=”content.padding” description=”Content Padding” type=”length” default=”0″ value=”0″/>
    <Variable name=”content.background” description=”Content Background” type=”background”
    default=”transparent none repeat scroll top left” value=”transparent none repeat scroll top left”/>
    <Variable name=”content.border.radius” description=”Content Border Radius” type=”length” default=”0″ value=”0″/>
    <Variable name=”content.shadow.spread” description=”Content Shadow Spread” type=”length” default=”0″ value=”0″/>

    <Variable name=”header.padding” description=”Header Padding” type=”length” default=”0″ value=”0″/>
    <Variable name=”header.background.gradient” description=”Header Gradient” type=”url”
    default=”none” value=”none”/>
    <Variable name=”header.border.radius” description=”Header Border Radius” type=”length” default=”0″ value=”0″/>

    20px” value=”20px”/>
    <Variable name=”footer.border.radius.top” description=”Footer Border Radius Top” type=”length” default=”0″ value=”0″/>
    <Variable name=”footer.border.radius.bottom” description=”Footer Border Radius Bottom” type=”length” default=”20px” value=”20px”/>
    <Variable name=”region.shadow.spread” description=”Main and Footer Shadow Spread” type=”length” default=”3px” value=”3px”/>
    1px” value=”1px”/>

    <Variable name=”tabs.background.gradient” description=”Tab Background Gradient” type=”url” default=”none” value=”none”/>
    <Variable name=”tab.selected.background.gradient” description=”Selected Tab Background” type=”url”
    default=”url(http://www.blogblog.com/1kt/transparent/white80.png)” value=”url(http://www.blogblog.com/1kt/transparent/white80.png)”/>
    <Variable name=”tab.background” description=”Tab Background” type=”background”
    default=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left” value=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left”/>

    10px”  value=”10px”/>
    <Variable name=”tab.first.border.radius” description=”First Tab Border Radius” type=”length” default=”10px”  value=”10px”/>
    <Variable name=”tabs.border.radius” description=”Tabs Border Radius” type=”length” default=”0″  value=”0″/>

    <Variable name=”tabs.spacing” description=”Tab Spacing” type=”length” default=”.25em” value=”.25em”/>
    <Variable name=”tabs.margin.bottom” description=”Tab Margin Bottom” type=”length” default=”0″ value=”0″/>
    <Variable name=”tabs.margin.sides” description=”Tab Margin Sides” type=”length” default=”20px” value=”20px”/>

    <Variable name=”main.background” description=”Main Background” type=”background”
    default=”transparent url(http://www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left” value=”transparent url(http://www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left”/>
    <Variable name=”main.padding.sides” description=”Main Padding Sides” type=”length” default=”20px” value=”20px”/>

    <Variable name=”footer.background” description=”Footer Background” type=”background”
    default=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left” value=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left”/>

    <Variable name=”post.margin.sides” description=”Post Margin Sides” type=”length” default=”-20px” value=”-20px”/>
    <Variable name=”post.border.radius” description=”Post Border Radius” type=”length” default=”5px” value=”5px”/>
    <Variable name=”widget.title.text.transform” description=”Widget Title Text Transform” type=”string” default=”uppercase” value=”uppercase”/>

    <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”/>
    */

    /* Content
    ———————————————– */
    body {
    font: $(body.font);
    color: $(body.text.color);
    }

    body .region-inner {
    width: auto;
    }

    .content-outer {
    font-size: 90%;
    }

    a:link {
    text-decoration:none;
    color: $(link.color);
    }

    a:visited {
    text-decoration:none;
    color: $(link.visited.color);
    }

    a:hover {
    text-decoration:underline;
    color: $(link.hover.color);
    }

    .body-fauxcolumn-outer {
    background: $(body.background);
    }

    .content-outer {
    background: $(content.background);

    -moz-border-radius: $(content.border.radius);
    -webkit-border-radius: $(content.border.radius);
    -goog-ms-border-radius: $(content.border.radius);
    border-radius: $(content.border.radius);

    -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
    -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
    box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

    margin: $(content.margin) auto;
    }

    .content-inner {
    padding: $(content.padding);
    }

    /* Header
    ———————————————– */
    .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
    _background-image: none;

    color: $(header.text.color);

    -moz-border-radius: $(header.border.radius);
    -webkit-border-radius: $(header.border.radius);
    -goog-ms-border-radius: $(header.border.radius);
    border-radius: $(header.border.radius);
    }

    .Header img, .Header #header-inner {
    -moz-border-radius: $(header.border.radius);
    -webkit-border-radius: $(header.border.radius);
    -goog-ms-border-radius: $(header.border.radius);
    border-radius: $(header.border.radius);
    }

    .header-inner .Header .titlewrapper,
    .header-inner .Header .descriptionwrapper {
    padding-left: $(header.padding);
    padding-right: $(header.padding);
    }

    .Header h1 {
    font: $(header.font);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

    .Header h1 a {
    color: $(header.text.color);
    }

    .Header .description {
    font-size: 130%;
    }

    /* Tabs
    ———————————————– */
    .tabs-inner {
    margin: .5em $(tabs.margin.sides) $(tabs.margin.bottom);
    padding: 0;
    }

    .tabs-inner .section {
    margin: 0;
    }

    .tabs-inner .widget ul {
    padding: 0;

    background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;

    -moz-border-radius: $(tabs.border.radius);
    -webkit-border-radius: $(tabs.border.radius);
    -goog-ms-border-radius: $(tabs.border.radius);
    border-radius: $(tabs.border.radius);
    }

    .tabs-inner .widget li {
    border: none;
    }

    .tabs-inner .widget li a {
    display: block;

    padding: .5em 1em;
    margin-$endSide: $(tabs.spacing);

    color: $(tabs.text.color);
    font: $(tabs.font);

    -moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
    -webkit-border-top-left-radius: $(tab.border.radius);
    -webkit-border-top-right-radius: $(tab.border.radius);
    -goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
    border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;

    background: $(tab.background);

    border-$endSide: 1px solid $(tabs.separator.color);
    }

    .tabs-inner .widget li:first-child a {
    padding-$startSide: 1.25em;

    -moz-border-radius-top$startSide: $(tab.first.border.radius);
    -moz-border-radius-bottom$startSide: $(tabs.border.radius);
    -webkit-border-top-$startSide-radius: $(tab.first.border.radius);
    -webkit-border-bottom-$startSide-radius: $(tabs.border.radius);
    -goog-ms-border-top-$startSide-radius: $(tab.first.border.radius);
    -goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius);
    border-top-$startSide-radius: $(tab.first.border.radius);
    border-bottom-$startSide-radius: $(tabs.border.radius);
    }

    .tabs-inner .widget li.selected a,
    .tabs-inner .widget li a:hover {
    position: relative;
    z-index: 1;

    background: $(tabs.selected.background.color) $(tab.selected.background.gradient) repeat scroll bottom;
    color: $(tabs.selected.text.color);

    -moz-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    -goog-ms-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    }

    /* Headings
    ———————————————– */
    h2 {
    font: $(widget.title.font);
    text-transform: $(widget.title.text.transform);
    color: $(widget.title.text.color);
    margin: .5em 0;
    }

    /* Main
    ———————————————– */
    .main-outer {
    background: $(main.background);

    -moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
    -webkit-border-top-left-radius: $(main.border.radius.top);
    -webkit-border-top-right-radius: $(main.border.radius.top);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
    border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

    -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    }

    .main-inner {
    padding: 15px $(main.padding.sides) 20px;
    }

    .main-inner .column-center-inner {
    padding: 0 0;
    }

    .main-inner .column-left-inner {
    padding-left: 0;
    }

    .main-inner .column-right-inner {
    padding-right: 0;
    }

    /* Posts
    ———————————————– */
    h3.post-title {
    margin: 0;
    font: $(post.title.font);
    }

    .comments h4 {
    margin: 1em 0 0;
    font: $(post.title.font);
    }

    .post-outer {
    background-color: $(post.background.color);
    border: solid 1px $(post.border.color);

    -moz-border-radius: $(post.border.radius);
    -webkit-border-radius: $(post.border.radius);
    border-radius: $(post.border.radius);
    -goog-ms-border-radius: $(post.border.radius);

    padding: 15px 20px;
    margin: 0 $(post.margin.sides) 20px;
    }

    .post-body {
    line-height: 1.4;
    font-size: 110%;
    }

    .post-header {
    margin: 0 0 1.5em;

    color: $(post.footer.text.color);
    line-height: 1.6;
    }

    .post-footer {
    margin: .5em 0 0;

    color: $(post.footer.text.color);
    line-height: 1.6;
    }

    #blog-pager {
    font-size: 140%
    }

    #comments .comment-author {
    padding-top: 1.5em;

    border-top: dashed 1px #ccc;
    border-top: dashed 1px rgba(128, 128, 128, .5);

    background-position: 0 1.5em;
    }

    #comments .comment-author:first-child {
    padding-top: 0;

    border-top: none;
    }

    .avatar-image-container {
    margin: .2em 0 0;
    }

    /* Widgets
    ———————————————– */
    .widget ul, .widget #ArchiveList ul.flat {
    padding: 0;
    list-style: none;
    }

    .widget ul li, .widget #ArchiveList ul.flat li {
    border-top: dashed 1px #ccc;
    border-top: dashed 1px rgba(128, 128, 128, .5);
    }

    .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
    border-top: none;
    }

    .widget .post-body ul {
    list-style: disc;
    }

    .widget .post-body ul li {
    border: none;
    }

    /* Footer
    ———————————————– */
    .footer-outer {
    color:$(footer.text.color);
    background: $(footer.background);

    -moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
    -webkit-border-top-left-radius: $(footer.border.radius.top);
    -webkit-border-top-right-radius: $(footer.border.radius.top);
    -webkit-border-bottom-left-radius: $(footer.border.radius.bottom);
    -webkit-border-bottom-right-radius: $(footer.border.radius.bottom);
    -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
    border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);

    -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    }

    .footer-inner {
    padding: 10px $(main.padding.sides) 20px;
    }

    .footer-outer a {
    color: $(footer.link.color);
    }

    .footer-outer a:visited {
    color: $(footer.link.visited.color);
    }

    .footer-outer a:hover {
    color: $(footer.link.hover.color);
    }

    .footer-outer .widget h2 {
    color: $(footer.widget.title.text.color);
    }
    ]]></b:skin>

    <b:template-skin>
    <b:variable default=’930px’ name=’content.width’ type=’length’ value=’930px’/>
    <b:variable default=’0′ name=’main.column.left.width’ type=’length’ value=’0px’/>
    <b:variable default=’360px’ name=’main.column.right.width’ type=’length’ value=’360px’/>

    <!–[CDATA[–>
    body {
    min-width: $(content.width);
    }

    .content-outer, .region-inner {
    width: $(content.width);
    }

    .main-inner .columns {
    padding-left: $(main.column.left.width);
    padding-right: $(main.column.right.width);
    }

    .main-inner .fauxcolumn-center-outer {
    left: $(main.column.left.width);
    right: $(main.column.right.width);
    /* IE6 does not respect left and right together */
    _width: expression(this.parentNode.offsetWidth –
    parseInt(“$(main.column.left.width)”) –
    parseInt(“$(main.column.right.width)”) + ‘px’);
    }

    .main-inner .fauxcolumn-left-outer {
    width: $(main.column.left.width);
    }

    .main-inner .fauxcolumn-right-outer {
    width: $(main.column.right.width);
    }

    .main-inner .column-left-outer {
    width: $(main.column.left.width);
    right: $(main.column.left.width);
    margin-right: -$(main.column.left.width);
    }

    .main-inner .column-right-outer {
    width: $(main.column.right.width);
    margin-right: -$(main.column.right.width);
    }

    #layout {
    min-width: 0;
    }

    #layout .content-outer {
    width: 800px;
    }

    #layout .region-inner {
    width: auto;
    }
    ]]>
    </b:template-skin>
    </head>

    <body class=’loading’>
    <div class=’body-fauxcolumns’>
    <div class=’fauxcolumn-outer body-fauxcolumn-outer’>
    <div class=’cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left’>
    <div class=’fauxborder-right’/>
    <div class=’fauxcolumn-inner’>
    </div>
    </div>
    <div class=’cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>
    </div>

    <div class=’content-outer’>
    <div class=’content-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left content-fauxborder-left’>
    <div class=’fauxborder-right content-fauxborder-right’/>
    <div class=’content-inner’>

    <header>
    <div class=’header-outer’>
    <div class=’header-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left header-fauxborder-left’>
    <div class=’fauxborder-right header-fauxborder-right’/>
    <div class=’region-inner header-inner’>
    <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’Header1′ locked=’true’ title=’Polka (Header)’ type=’Header’>
    includable id=’main’>

    <b:if cond=’data:useImage’>

    <!–Show just the image, no text–>
    <div id=’header-inner’>
    expr:href=’data:blog.homepageUrl’ style=’display: block’>
    <img expr:alt=’data:title’ expr:height=’data:height’ expr:id=’data:widget.instanceId + “_headerimg”‘ expr:src=’data:sourceUrl’ expr:width=’data:width’ style=’display: block’/>
    </a>
    </div>
    <b:else/>
    <!–
    Show image as background to text. You can’t really calculate the width
    reliably in JS because margins are not taken into account by any of
    clientWidth, offsetWidth or scrollWidth, so we don’t force a minimum
    width if the user is using shrink to fit.
    This results in a margin-width’s worth of pixels being cropped. If the
    user is not using shrink to fit then we expand the header.
    –>

    expr:style='”background-image: url(\”” + data:sourceUrl + “\”); ”                      + “background-position: ”                      + data:backgroundPositionStyleStr + “; ”                      + data:widthStyleStr                      + “min-height: ” + data:height + “px;”                      + “_height: ” + data:height + “px;”                      + “background-repeat: no-repeat; “‘ id=’header-inner’>

    <div class=’titlewrapper’ style=’background: transparent’>
    <h1 class=’title’ style=’background: transparent; border-width: 0px’>
    <b:include name=’title’/>
    <!–h1>
    </div>
    <b:include name=’description’/>
    </div>
    </b:if>
    <b:else/>
    <!–No header image –>
    <div id=’header-inner’>
    <div class=’titlewrapper’>
    <h1 class=’title’>
    <b:include name=’title’/>
    </h1>
    </div>
    <b:include name=’description’/>
    </div>
    </b:if>
    includable>
    includable id=’title’>
    <b:if cond=’data:blog.url == data:blog.homepageUrl’>
    <data:title/>
    <b:else/>
    expr:href=’data:blog.homepageUrl’>
    </b:if>
    includable>
    includable id=’description’>
    <div class=’descriptionwrapper’>
    <p class=’description’><span><data:description/></span></p>
    </div>
    includable>
    </b:widget>
    </b:section>
    </div>
    </div>
    <div class=’header-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>
    </header>

    <div class=’tabs-outer’>
    <div class=’tabs-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left tabs-fauxborder-left’>
    <div class=’fauxborder-right tabs-fauxborder-right’/>
    <div class=’region-inner tabs-inner’>
    <b:section class=’tabs’ id=’crosscol’ maxwidgets=’1′ showaddelement=’yes’/>
    <b:section class=’tabs’ id=’crosscol-overflow’ showaddelement=’no’/>
    </div>
    </div>
    <div class=’tabs-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

    <div class=’main-outer’>
    <div class=’main-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>

    <div class=’fauxborder-left main-fauxborder-left’>
    <div class=’fauxborder-right main-fauxborder-right’/>
    <div class=’region-inner main-inner’>

    <div class=’columns fauxcolumns’>

    <div class=’fauxcolumn-outer fauxcolumn-center-outer’>
    <div class=’cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left’>
    <div class=’fauxborder-right’/>
    <div class=’fauxcolumn-inner’>
    </div>
    </div>
    <div class=’cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

    <div class=’fauxcolumn-outer fauxcolumn-left-outer’>
    <div class=’cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left’>
    <div class=’fauxborder-right’/>
    <div class=’fauxcolumn-inner’>
    </div>
    </div>
    <div class=’cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

    <div class=’fauxcolumn-outer fauxcolumn-right-outer’>
    <div class=’cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left’>
    <div class=’fauxborder-right’/>
    <div class=’fauxcolumn-inner’>
    </div>
    </div>
    <div class=’cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

    <!– corrects IE6 width calculation –>
    <div class=’columns-inner’>

    <div class=’column-center-outer’>
    <div class=’column-center-inner’>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
    includable id=’nextprev’>
    <div class=’blog-pager’ id=’blog-pager’>

    <span id=’blog-pager-newer-link’>
    expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’>
    </span>
    </b:if>
    <span id=’blog-pager-older-link’>
    expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-older-link”‘ expr:title=’data:olderPageTitle’>
    </span>
    </b:if>

    <b:if cond=’data:blog.homepageUrl != data:blog.url’>
    homeMsg/>
    <b:else/>
    <b:if cond=’data:newerPageUrl’>
    homeMsg/>
    </b:if>
    </b:if>

    </div>
    <div class=’clear’/>
    includable>
    includable id=’backlinks’ var=’post’>
    <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>
    expr:href=’data:backlink.url’ rel=’nofollow’>
    <b:include data=’backlink’ name=’backlinkDeleteIcon’/>
    </dt>
    <dd class=’comment-body collapseable’>
    <data:backlink.snippet/>
    </dd>
    <dd class=’comment-footer collapseable’>
    <span class=’comment-author’><data:post.authorLabel/> <data:backlink.author/></span>
    <span class=’comment-timestamp’><data:post.timestampLabel/> <data:backlink.timestamp/></span>
    </dd>
    </div>
    </b:loop>
    <!–dl>
    </b:if>
    <p class=’comment-footer’>
    <a class=’comment-link’ expr:href=’data:post.createLinkUrl’ expr:id=’data:widget.instanceId + &quot;_backlinks-create-link&quot;’ target=’_blank’><data:post.createLinkLabel/></a>
    </p>
    includable>
    includable id=’post’ var=’post’>
    <div class=’post hentry uncustomized-post-template’>
    expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
    <h3 class=’post-title entry-title’>
    <b:if cond=’data:post.link’>
    expr:href=’data:post.link’>
    <b:else/>
    <b:if cond=’data:post.url’>
    expr:href=’data:post.url’>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

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

    <div class=’post-body entry-content’>
    <data:post.body/>

    <div style=’clear: both;’/> <!– clear for photos floats –>
    </div>

    <b:if cond=’data:post.hasJumpLink’>
    <div class=’jump-link’>
    expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’>
    </div>
    </b:if>

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

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

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

    <span class=’star-ratings’>
    <b:if cond=’data:top.showStars’>

    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 != &quot;item&quot;’>
    <b:if cond=’data:post.allowComments’>
    1 commentLabel/>
    </b:if>
    </b:if>
    </span>

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

    <span class=’post-icons’>
    <!– email post links –>
    <b:if cond=’data:post.emailPostUrl’>
    <span class=’item-action’>
    expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
    <img alt=” class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>

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

    <div class=’post-footer-line post-footer-line-2′>
    <span class=’post-labels’>
    <b:if cond=’data:post.labels’>
    postLabelsLabel/>
    <b:loop values=’data:post.labels’ var=’label’>
    expr:href=’data:label.url’ rel=’tag’>,
    </b:loop>
    </b:if>
    </span>
    </div>

    <div class=’post-footer-line post-footer-line-3′>
    <span class=’post-location’>
    <b:if cond=’data:top.showLocation’>
    <b:if cond=’data:post.location’>
    postLocationLabel/>
    expr:href=’data:post.location.mapsUrl’ target=’_blank’>
    </b:if>
    </b:if>
    </span>
    </div>
    </div>
    </div>
    includable>
    includable id=’commentDeleteIcon’ var=’comment’>
    expr:class='”item-control ” + data:comment.adminClass’>
    expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’status-message’>

    <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
    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>
    includable>
    includable id=’feedLinks’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’> <!– Blog feed links –>
    <b:if cond=’data:feedLinks’>
    <div class=’blog-feeds’>
    <b:include data=’feedLinks’ name=’feedLinksBody’/>
    </div>
    </b:if>

    <b:else/> <!–Post feed links –>
    <div class=’post-feeds’>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.allowComments’>
    <b:if cond=’data:post.feedLinks’>
    <b:include data=’post.feedLinks’ name=’feedLinksBody’/>
    </b:if>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    includable>
    includable id=’comment-form’ var=’post’>
    <div class=’comment-form’>
    <a name=’comment-form’/>

    postCommentMsg/>

    blogCommentMessage/>
    blogTeamBlogMessage/>
    expr:href=’data:post.commentFormIframeSrc’ id=’comment-editor-src’/>
    <iframe allowtransparency=’true’ class=’blogger-iframe-colorize blogger-comment-from-post’ frameborder=’0′ height=’410′ id=’comment-editor’ name=’comment-editor’ src=” width=’100%’/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>

    BLOG_CMT_createIframe(‘<data:post.appRpcRelayPath/>’, ‘<data:post.communityId/>’);
    </script>
    </div>
    includable>
    includable id=’backlinkDeleteIcon’ var=’backlink’>
    expr:class='”item-control ” + data:backlink.adminClass’>
    expr:href=’data:backlink.deleteUrl’ expr:title=’data:top.deleteBacklinkMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinksBody’ var=’links’>
    <div class=’feed-links’>
    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>
    includable>
    includable id=’postQuickEdit’ var=’post’>
    <b:if cond=’data:post.editUrl’>
    expr:class='”item-control ” + data:post.adminClass’>
    expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
    <img alt=” class=’icon-action’ height=’18’ src=’http://www.blogger.com/img/icon18_edit_allbkg.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>
    includable>
    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’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>

    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>

    <data:post.commentRangeText/>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>

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

    <dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
    <b:loop values=’data:post.comments’ var=’comment’>

    expr:class='”comment-author ” + data:comment.authorClass’ expr:id=’data:comment.anchorName’>

    <b:if cond=’data:comment.favicon’>
    <img expr:src=’data:comment.favicon’ height=’16px’ style=’margin-bottom:-2px;’ width=’16px’/>
    </b:if>
    expr:name=’data:comment.anchorName’/>
    <b:if cond=’data:blog.enabledCommentProfileImages’>
    <data:comment.authorAvatarImage/>
    </b:if>
    <b:if cond=’data:comment.authorUrl’>
    expr:href=’data:comment.authorUrl’ rel=’nofollow’>
    <b:else/>
    <data:comment.author/>
    </b:if>
    commentPostedByMsg/>
    </dt>
    <dd class=’comment-body’>
    <b:if cond=’data:comment.isDeleted’>
    <span class=’deleted-comment’><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class=’comment-footer’>
    <span class=’comment-timestamp’>
    expr:href=’data:comment.url’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </span>
    </dd>
    </b:loop>
    </dl>

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

    <data:post.commentRangeText/>

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

    <p class=’comment-footer’>
    <b:if cond=’data:post.embedCommentForm’>
    <b:if cond=’data:post.allowNewComments’>
    <b:include data=’post’ name=’comment-form’/>
    <b:else/>
    <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond=’data:post.allowComments’>
    expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
    </b:if>
    </b:if>

    </p>
    </b:if>

    <div id=’backlinks-container’>

    expr:id=’data:widget.instanceId + “_backlinks-container”‘>

    <b:if cond=’data:post.showBacklinks’>
    <b:include data=’post’ name=’backlinks’/>
    </b:if>
    </div>
    </div>
    </div>
    </b:includable>
    <b:includable id=’main’ var=’top’>
    <!– posts –>
    <div class=’blog-posts hfeed’>

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

    defaultAdStart/>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.isDateStart’>
    <b:if cond=’data:post.isFirstPost == &quot;false&quot;’>
    &lt;/div&gt;&lt;/div&gt;
    </b:if>
    </b:if>
    <b:if cond=’data:post.isDateStart’>
    &lt;div class=&quot;date-outer&quot;&gt;
    </b:if>
    <b:if cond=’data:post.dateHeader’>
    <h2 class=’date-header’>
    </b:if>
    <b:if cond=’data:post.isDateStart’>
    &lt;div class=&quot;date-posts&quot;&gt;
    </b:if>
    <div class=’post-outer’>
    <b:include data=’post’ name=’post’/>
    <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    </div>
    <b:if cond=’data:post.includeAd’>
    <b:if cond=’data:post.isFirstPost’>
    defaultAdEnd/>
    <b:else/>
    adEnd/>
    </b:if>
    <div class=’inline-ad’>
    adCode/>
    </div>
    adStart/>
    </b:if>
    <b:if cond=’data:post.trackLatency’>
    <data:post.latencyJs/>
    </b:if>
    </b:loop>

    &lt;/div&gt;&lt;/div&gt;
    </b:if>
    adEnd/>
    </div>
    <b:if cond=’data:blog.url != data:blog.homepageUrl’>
    <br/>
    <br/>
    <img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car6.jpg’ style=’vertical-align: middle; float: center;’ width=’120’/>
    <img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car3.jpg’ style=’vertical-align: middle; float: center;’ width=’120’/>

    <a class=’aligncenter’ href=’http://accessories-external.com/car/car4.htm&#8217; title=’The best design in aerodynamics best and fastest car’><img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car4.jpg&#8217; style=’vertical-align: middle; float: center;’ width=’120’/></a>

    <a class=’aligncenter’ href=’http://accessories-external.com/car/car5.htm&#8217; title=’The best design in aerodynamics best and fastest car’><img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car5.jpg&#8217; style=’vertical-align: middle; float: center;’ width=’120’/></a>
    </b:if>
    <!– navigation –>
    <b:include name=’nextprev’/>

    <!– feed links –>
    <b:include name=’feedLinks’/>

    <b:if cond=’data:top.showStars’>
    // <![CDATA[src=’http://www.google.com/jsapi&#8217; type=’text/javascript’ />]]>

    google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>
    </div>
    </div>

    <div class=’column-left-outer’>
    <div class=’column-left-inner’>
    <aside>
    <macro:include id=’main-column-left-sections’ name=’sections’>
    <macro:param default=’0′ name=’num’ value=’0’/>
    <macro:param default=’sidebar-left’ name=’idPrefix’/>
    <macro:param default=’sidebar’ name=’class’/>
    <macro:param default=’true’ name=’includeBottom’/>
    </macro:include>
    </aside>
    </div>
    </div>

    <div class=’column-right-outer’>
    <div class=’column-right-inner’>
    <aside>
    <macro:include id=’main-column-right-sections’ name=’sections’>
    <macro:param default=’2′ name=’num’ value=’2’/>
    <macro:param default=’sidebar-right’ name=’idPrefix’/>
    <macro:param default=’sidebar’ name=’class’/>
    <macro:param default=’true’ name=’includeBottom’/>
    </macro:include>
    </aside>
    </div>
    </div>

    </div>

    <div style=’clear: both’/>
    <!– columns –>
    </div>

    <!– main –>
    </div>
    </div>
    <div class=’main-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

    <footer>
    <div class=’footer-outer’>
    <div class=’footer-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left footer-fauxborder-left’>
    <div class=’fauxborder-right footer-fauxborder-right’/>
    <div class=’region-inner footer-inner’>
    <macro:include id=’footer-sections’ name=’sections’>
    <macro:param default=’2′ name=’num’/>
    <macro:param default=’footer’ name=’idPrefix’/>
    <macro:param default=’foot’ name=’class’/>
    <macro:param default=’false’ name=’includeBottom’/>
    </macro:include>
    <!– outside of the include in order to lock Attribution widget –>
    <b:section class=’foot’ id=’footer-3′ showaddelement=’no’>
    <b:widget id=’Text1′ locked=’false’ title=’@copyright  2010 and powered’ type=’Text’>
    <b:includable id=’main’>
    <!– only display title if it’s non-empty –>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2 class=’title’>
    </b:if>
    <div class=’widget-content’>
    <data:content/>
    </div>

    <b:include name=’quickedit’/>
    </b:includable>
    </b:widget>
    </b:section>
    </div>
    </div>
    <div class=’footer-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>
    </footer>

    <!– content –>
    </div>
    </div>
    <div class=’content-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

    <script type=’text/javascript’>
    document.body.className = document.body.className.replace(‘loading’, ”);
    </script>
    </body>

    <macro:includable id=’sections’ var=’col’>
    <macro:if cond=’data:col.num == 0′>
    <macro:else/>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-1″‘ preferred=’yes’ showaddelement=’yes’/>

    <macro:if cond=’data:col.num &gt;= 2′>
    <table border=’0′ cellpadding=’0′ cellspacing=’0′ mexpr:class=’&quot;section-columns columns-&quot; + data:col.num’>
    <tr>
    <td class=’first’>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-1″‘/>
    </td>

    <td>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-2″‘/>
    </td>

    <macro:if cond=’data:col.num &gt;= 3′>
    <td>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-3″‘/>
    </td>
    </macro:if>

    <macro:if cond=’data:col.num &gt;= 4′>
    <td>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-4″‘/>
    </td>
    </macro:if>
    </tr>
    </table>

    <macro:if cond=’data:col.includeBottom’>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-3″‘ showaddelement=’no’/>
    </macro:if>
    </macro:if>
    </macro:if>
    </macro:includable>

    <b:section-contents id=’sidebar-right-1′>
    <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <b:if cond=’data:team == &quot;true&quot;’> <!– team blog profile –>
    <ul>
    <b:loop values=’data:authors’ var=’i’>

  • expr:href=’data:i.userUrl’>
  • </b:loop>
    </ul>

    <b:else/> <!– normal blog profile –>

    <b:if cond=’data:photo.url != &quot;&quot;’>
    expr:href=’data:userUrl’>
    </b:if>

    <dl class=’profile-datablock’>

    displayname/>

    <dd class=’profile-data’><data:location/></dd>
    </b:if>

    </dl>
    viewProfileMsg/>
    </b:if>

    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’sidebar-right-2-1′>
    <b:widget id=’PageList1′ locked=’false’ title=’Pages’ type=’PageList’>
    <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’>
    <b:if cond=’data:link.isCurrentPage’>

  • expr:href=’data:link.href’>
  • <b:else/>

  • expr:href=’data:link.href’>
  • </b:if>
    </b:loop>
    </ul>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Label1′ locked=’false’ title=’Categories’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>

    expr:class='”widget-content ” + data:display + “-label-widget-content”‘>

    <b:if cond=’data:display == &quot;list&quot;’>
    <ul>
    <b:loop values=’data:labels’ var=’label’>
    <li>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values=’data:labels’ var=’label’>
    expr:class='”label-size label-size-” + data:label.cssSize’>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span class=’label-count’ dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’sidebar-right-2-2′>
    <b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>

    <h2 class=’title’><data:title/></h2>
    <b:else/>

    (totalFollowerCount/>)

    </b:if>
    </b:if>
    </b:if>
    <div class=’widget-content’>

    expr:id=’data:widget.instanceId + “-wrapper”‘>

    codeSnippet/>
    </div>
    <b:else/>

    <span class=’item-control following-not-admin’>
    failureSnippet/>
    </span>
    <span class=’item-control blog-admin’>
    adminFailureSnippet/>
    </span>
    <b:else/>
    <b:if cond=’data:followingLinkPresent’>
    <div class=’follow-this profile-link item-control following-follow-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    followThisMessage/>
    </a>
    </div>
    <div class=’follow-this profile-link item-control following-stop-following-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    stopFollowingMessage/>
    </a>
    </div>
    </b:if>

    <div class=’followers-grid’>

    <div class=’profile-link item-control following-follow-this’>
    emptyFollowersMessage/>
    </div>
    </b:if>
    <!–
    Relies on the js written out in navbar.gxp
    –>
    <b:loop values=’data:followers’ var=’follower’>
    <div class=’follower’>
    expr:href=’data:follower.profileUrl’ expr:title=’data:follower.displayName’ rel=’nofollow’>

    </a>
    </div>
    </b:loop>
    <div class=’clear’/>
    </div>

    <div class=’followers-canvas profile-link’>
    followersFooterMessage/>
    <span class=’item-control following-not-admin’>
    expr:href=’data:followersUri’>
    viewAllMessage/>
    </a>
    </span>
    <span class=’item-control blog-admin’>
    expr:href=’data:manageFollowersUri’>
    manageFollowersMessage/>
    </a>
    </span>
    </div>
    </b:if>
    </b:if>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’sidebar-right-3′>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <div id=’ArchiveList’>

    expr:id=’data:widget.instanceId + “_ArchiveList”‘>

    <b:if cond=’data:style == &quot;HIERARCHY&quot;’>
    <b:include data=’data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:style == &quot;FLAT&quot;’>
    <b:include data=’data’ name=’flat’/>
    </b:if>
    <b:if cond=’data:style == &quot;MENU&quot;’>
    <b:include data=’data’ name=’menu’/>
    </b:if>
    </div>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    <b:includable id=’flat’ var=’data’>
    <ul class=’flat’>
    <b:loop values=’data:data’ var=’i’>

    expr:href=’data:i.url’> ()
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’menu’ var=’data’>

    <option value=”><data:title/></option>
    <b:loop values=’data:data’ var=’i’>
    expr:value=’data:i.url’> ()
    </b:loop>
    </select>
    </b:includable>

    <b:loop values=’data:intervalData’ var=’i’>
    <ul class=’hierarchy’>

  • 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=’toggle’ var=’interval’>
    <b:if cond=’data:interval.toggleId’>
    <b:if cond=’data:interval.expclass == &quot;expanded&quot;’>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy toggle-open’>▼ </span>
    </a>
    <b:else/>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy’>
    <b:if cond=’data:blog.languageDirection == &quot;rtl&quot;’>

    <b:else/>

    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id=’posts’ var=’posts’>
    <ul class=’posts’>
    <b:loop values=’data:posts’ var=’i’>

  • expr:href=’data:i.url’>
  • </b:loop>
    </ul>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’footer-1’/><b:section-contents id=’footer-2-1’/><b:section-contents id=’footer-2-2’/></html>

    Posted in HTML. 1 Comment »

    Line Template Blogger

    Wood Template

    Lihat Code HTML

    Mask Template

    Lihat code HTML