Selasa, 10 Mei 2011


<?xml version="1.0" encoding="UTF-8" ?>
  <!DOCTYPE html (View Source for full doctype...)>
- <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>
- <title>
- <b:if cond="data:blog.homepageUrl == data:blog.url">
  <data:blog.title />
  <b:else />
  <data:blog.pageName />
  |
  <data:blog.title />
  </b:if>
  </title>
  <b:include data="blog" name="all-head-content" />
- <b:skin>
<![CDATA[
/*-----------------------------------------------

Name         :  GreenStuff
URL      : http://buymythemes.com/

GreenStuff comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and 
you can make changes to the templates to suit your needs. 
but please you must keep the footer credit links intact which 
provides credit to its author.

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

#navbar-iframe {display: none;}

body {
font-size:12px;
font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
background: url(http://2.bp.blogspot.com/_Zg9sSZhWBsI/TbjQo7EnajI/AAAAAAAAB1s/80tBHDai2ds/s000/background.jpg) #000000 repeat-x; 
color:#000;
margin:0;
padding:0;
}
a:link {
color:#041e77;
text-decoration:none;
}
a:visited {
color:#041e77;
text-decoration:none;
}
a:hover {
color:#011762;
text-decoration:underline;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,
thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #f2f7fc;
}

/* Header
----------------------------------------------- */
#header {
position:relative;
width:850px;
margin:0;
padding:0;
color:#fff;
}
#header a{
text-decoration:none;
color:#fff;
}
#header a:hover{
text-decoration:none;
color:#fff;
}
#headerimg {
width:850px;
height:60px;
margin:0;
}
headerimg .description {
text-align:left;
margin:10px 0 0 0px;
padding:0 0 0 5px;
color:#fff;
font-size:110%;
font-weight:normal;
letter-spacing:0.4em;
line-height:15px;
position:relative;
}

/* Nav
-----------------------------------------------
*/

#PageList1 {
width:500px;
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
font-size: 12px;
font-variant:small-caps;
background: url(http://1.bp.blogspot.com/_Zg9sSZhWBsI/TbjQpaNOrLI/AAAAAAAAB1w/Y_OEz4gxQUY/s000/menu.png) no-repeat;
float: right;
margin-top: -20px;
margin-right: -50px;
padding: 0px 16px;
text-align: left;
height: 51px;
color:#fff;
}
.PageList li a {
padding-top:10px;
float: left;
color:#383530;
text-decoration: none;
text-align:center;
text-transform:uppercase;
font-weight:bold; 
}
.PageList li a:hover{ 
color:#383530;
}
.crosscol .PageList li, .footer .PageList li {
float:left;
list-style:none outside none;
}
.PageList li.selected a {
color:#383530;
}

.PageList li.selected a:hover { 
color:#383530;
}

/* Post Content
-----------------------------------------------
*/

.date{
background:url(http://2.bp.blogspot.com/_Zg9sSZhWBsI/TbjQpstRq0I/AAAAAAAAB10/KuUAdxSi_yo/s000/date_sb.png) no-repeat;
font-size: 12px;
line-height: 14px;
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
text-align: left;
vertical-align: middle;
line-height:normal;
color: #000000;
margin: -48px 0 0 -65px;
padding: 4px 0 0 12px;
_position: relative;
width:66px;
height:45px;
line-height:150%;
font-weight:700;
}
.line {
background: url(http://2.bp.blogspot.com/_Zg9sSZhWBsI/TbjQp3goY6I/AAAAAAAAB14/05-3erlIohM/s000/border.png) no-repeat;
height: 5px;
width: 540px;
}
#top {
height: 60px;
background: url(http://4.bp.blogspot.com/_Zg9sSZhWBsI/TbjQqNDLNJI/AAAAAAAAB18/EiDNruDFbX4/s000/paper.gif) no-repeat;
float:right;
width:570px;
margin:0;
}
.post img {
background:#f0f0f0;
padding:4px;
border:1px solid #cccccc;
}
.entry{
overflow:hidden;
width:530px;
}
.entry ul li:before,#sidebar ul li:before {
margin-right:10px;
}
.entry ol {
margin:0;
padding:0 0 0 35px;
}
#page {
text-align:left;
background-color:#FFF;
width:900px;
border:1px solid #959596;
margin:20px auto;
padding:0;
}
#content {
font-size:1.2em;
background: url('http://1.bp.blogspot.com/_Zg9sSZhWBsI/TbjQqlNzhEI/AAAAAAAAB2A/jx50KqctF0I/s000/bg_paper.gif'); 
background-repeat:repeat;
float: right;
}
.widget_pages {
background: url(http://3.bp.blogspot.com/_Zg9sSZhWBsI/TbjQqwmIOfI/AAAAAAAAB2E/vAka6l0B_QI/s000/star.png) no-repeat;
background-position: 17px 8px;
}
#content h1 {
color:b6492d;
font-size:24px;
}
#content h2 {
color:#000;
background: url(http://4.bp.blogspot.com/_Zg9sSZhWBsI/TbjQrEo-fTI/AAAAAAAAB2I/7cdpjIq5rAk/s000/star.png); 
background-repeat:no-repeat;
padding-left: 30px;
line-height:normal;
font-size:20px;
width: 400px;
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
line-height:150%;
font-weight:700;
font-variant:small-caps;
}
#content h3 {
color:#b6492d;
font-size:16px;
}
#content h4 {
color:#b6492d;
font-size:14px;
}
#content h5 {
color:#b6492d;
font-size:12px;
}
.widecolumn .entry p {
font-size:1.05em;
}
.narrowcolumn .entry,.widecolumn .entry {
line-height:1.4em;
}
.widecolumn {
line-height:1.6em;
}
.narrowcolumn .postmetadata {
text-align:left;
font-size:9px;
font-style:italic;
min-height:14px;
padding: 5px;
}
.narrowcolumn .alt {
font-size:12px;
font-style:normal;
}
.narrowcolumn .alt a {
color:#000 !important;
}
.thread-alt {
background-color:;
}
.thread-even {
background-color:;
}

.entry p a:visited {
color:#b85b5a;
}

.narrowcolumn,.widecolumn {
float:left;
width:530px;
margin:0;
padding:0 20px 20px;
}

.post {
text-align:justify;
margin:0 0 10px;
}

.post hr {
display:block;
}
.widecolumn .post {
margin:0;
}
.widecolumn .postmetadata {
margin:30px 0;
}
.widecolumn .smallattachment {
text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0;
}
.widecolumn .attachment {
text-align:center;
margin:5px 0;
}

/* Comment Content
-----------------------------------------------
*/

h3.comments {
margin:40px auto 20px;
padding:0;
}

.comment_icon{
position: absolute;
background: url('http://2.bp.blogspot.com/_Zg9sSZhWBsI/TbjQraX8DXI/AAAAAAAAB2M/LYXyaDh5mCg/s000/comment.png');
background-repeat:no-repeat;
margin: 0px 0 0 450px;
padding-left: 25px;
padding-top: 5px;
line-height:normal;
height:20px;
font-size: 10px;
}

.commentlist li,#commentform input,#commentform textarea {
font:0.9em Verdana;
background: url(http://3.bp.blogspot.com/_Zg9sSZhWBsI/TbjQrpyllhI/AAAAAAAAB2Q/OhwWMT0uDVw/s000/paper_bg.png) no-repeat top;
color: #000;
padding: 0;
}
ol.commentlist {
margin:0;
padding:0;
}
.commentlist li ul li {
font-size:1em;
margin-right:-5px;
margin-left:10px;
}
.commentlist li {
font-weight:700;
list-style-type:none;
background: url(http://2.bp.blogspot.com/_Zg9sSZhWBsI/TbjQp3goY6I/AAAAAAAAB14/05-3erlIohM/s000/border.png) no-repeat top;
margin:15px 0 10px;
padding:5px 5px 10px 10px;
min-height: 100px;
}
.commentlist li .avatar {
float:right;
margin-right:10px;
}
.avatar-image-container {
float:right;
margin-right:10px;
}
.avatar-image-container img {
height:50px; 
width:50px;
}
.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em;
}
.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0;
}
#commentform p {
font-family:Verdana;
margin:5px 0;
}
.commentmetadata {
font-weight:400;
display:block;
margin:0;
}
#commentform input {
width:170px;
margin:5px 5px 1px 0;
}
#commentform {
margin:5px 10px 0 0;
}
#commentform textarea {
width:100%;
}

#respond:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#commentform #submit {
margin:0 0 5px auto;
display: block;
background: url(http://1.bp.blogspot.com/_Zg9sSZhWBsI/TbjQr3zPtWI/AAAAAAAAB2U/eMETz02IG6Q/s000/submit.png) no-repeat 0 0;
width: 76px;
height: 28px;
padding: 0;
border: 0;
}
#commentform #submit:active {
background-position: 0 -28px;
}
.alt {
margin:0;
padding:10px;
}
.commentlist {
text-align:justify;
padding:0;
}
.children {
padding:0;
}
.nocomments {
text-align:center;
margin:0;
padding:0;
}

/* Sidebar Content
-----------------------------------------------
*/

#top_menu {
background:url(http://1.bp.blogspot.com/_Zg9sSZhWBsI/TbjQsB0yzXI/AAAAAAAAB2Y/civMScsLa1M/s000/top_menu.png) no-repeat;
height: 446px;
width:284;
}
#bottom_menu {
background:url('http://3.bp.blogspot.com/_Zg9sSZhWBsI/TbjQsWLjG4I/AAAAAAAAB2c/LS2q3CsWnz4/s000/test.png') no-repeat;
height: 224px;
width: 220px;
margin-top: -15px;
float:left;
}
#sidebar {
text-decoration:none;
font:normal 150% Verdana;
margin-left:0px;
width:220px;
margin-top:-140px;
color:#000;
}
#sidebar a{
text-decoration:none;
color:#04402d;
}
#sidebar a:hover{
text-decoration:none;
color:#04402d;
}
#sidebar h2 {
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
line-height:150%;
font-weight:700;
font-size:16px;
color:#000;
padding-left:40px;
padding-top: 5px;
background: url(http://4.bp.blogspot.com/_Zg9sSZhWBsI/TbjQst3sroI/AAAAAAAAB2g/dACWmgtbGkk/s000/h2_paper.png) no-repeat top;
font-variant:small-caps;
}
#sidebar1{
float:left;
background: url(http://3.bp.blogspot.com/_Zg9sSZhWBsI/TbjQtGjsMLI/AAAAAAAAB2k/TIdjJxmdsDI/s000/menu_back.png) repeat-y;
color:#000;
}
small,#sidebar ul li,#sidebar ol li,.nocomments,.postmetadata,blockquote,strike {
color:#000;
list-style-type:none;
}
#sidebar ul li,#sidebar ol li {
color:#000;
line-height:22px;
margin:3px 0 0;
padding:0;
}
#sidebar .widget {
font-family:Arial,Verdana;
font-size:10px;
font-weight:700;
color: #000;
margin-bottom:15px;
font-size:12px;
font-style:bold;
width: 220px;
}
#sidebar p,#sidebar select {
margin:5px;
}
#sidebar ul,#sidebar ol {
list-style-type:none;
list-style-image:none;
margin:0;
padding:0;
}
#sidebar ul li,#sidebar ol {
margin:0 0 0 10px !important;
}
ol li,#sidebar ol li {
list-style:decimal outside;
}
#sidebar form {
margin:10px 0 0;
}

/* Search Content
-----------------------------------------------
*/

#sidebar #searchform #s {
width:110px;
float:left;
color:#fff;
padding:4px;
}

#search-box {
width:190px;
height:23px;
background:url(http://1.bp.blogspot.com/_Zg9sSZhWBsI/TbjQtP5xiII/AAAAAAAAB2o/aUOkIMjWop4/s000/box-search.png) no-repeat;
margin:0 0 5px 30px;
}
#search-text {
background:transparent none no-repeat 0 0;
border:none;
color:#666;
width:122px;
margin:1px 32px 4px 4px;
}

/* Footer Content
-----------------------------------------------
*/

#footer {
font-size:11px;
clear:both;
height:40px;
margin:0;
padding:0;
text-align:center;
color:#fff;
margin:0;
padding:40px 0 0 0px;
}
#footer a{
color:#efefef;
}
#footer a:hover{
color:#efefef;
}

/* Footer Content
-----------------------------------------------
*/

#blog-pager-newer-link{
float:left;
color: #000;
font-size:16px;
padding: 5px;
background: #fff;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 0px solid #5C2D58;
}
#blog-pager-newer-link a{
color: #000;
text-decoration: none;
}
#blog-pager-newer-link a:hover{
color: #000;
text-decoration: none;
}
#blog-pager-older-link{
float:right;
color: #000;
font-size:15px;
padding: 5px;
background: #fff;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 0px solid #5C2D58;
}
#blog-pager-older-link a{
color: #000;
text-decoration: none;
}
#blog-pager-older-link a:hover{
color: #000;
text-decoration: none;
}
#blog-pager{
text-align:center;
color: #000;
text-decoration: none;
font-size:15px;
}
#blog-pager a{
color: #000;
text-decoration: none;
}
#blog-pager a:hover{
color: #666;
text-decoration: none;
}

.post-share-buttons{
float:right;
display: inline;
}

.star-ratings{
margin-top: 8px;
display: inline;
float: left;
}

.post-location{
float: left;
diplay: block;
}

.post-body img {max-width:99%;}
  ]]>
  </b:skin>
  <style media="screen" type="text/css" xml:space="preserve">#page { background: no-repeat top; border: none; }</style>
<!--
[if IE 7]>
<style type="text/css" media="screen" >
#header h4{height:26px;margin:22px 0 0 0;padding:11px 0 0 5px;}
#top_menu {margin-top:-155px;}
#top {margin-top:-5px;}
.post {margin:14px 0 10px;}
#search-box {margin:0 0 15px 30px;}
#search-text {margin-left:-26px;}
</style>
<![endif]
  -->
- <b:if cond="data:blog.pageType == "item"">
  <style xml:space="preserve">.post {margin-top:35px;}</style>
<!--
[if IE 7]>
<style>
.post {margin-top:60px;}
</style>
<![endif]
  -->
  </b:if>
  </head>
- <body>
- <div id="page">
- <div id="header">
- <div>
- <div id="crosscol-wrapper" style="text-align:center">
- <b:section class="crosscol" id="crosscol">
- <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">
- <li class="selected">
- <a expr:href="data:link.href" shape="rect">
  <data:link.title />
  </a>
  </li>
  <b:else />
- <li>
- <a expr:href="data:link.href" shape="rect">
  <data:link.title />
  </a>
  </li>
  </b:if>
  </b:loop>
  </ul>
  <b:include name="quickedit" />
  </div>
  </b:includable>
  </b:widget>
  </b:section>
  </div>
  </div>
- <b:section id="header1" maxwidgets="1" showaddelement="no">
- <b:widget id="Header1" locked="true" title="GreenStuff (Header)" type="Header">
- <b:includable id="title">
- <a expr:href="data:blog.homepageUrl" shape="rect">
  <data:title />
  </a>
  </b:includable>
- <b:includable id="description">
- <p class="headline">
  <data:description />
  </p>
  </b:includable>
- <b:includable id="main">
- <b:if cond="data:useImage">
- <b:if cond="data:imagePlacement == "REPLACE"">
<!--
Show just the image, no text
  -->
- <div id="header-inner">
- <a expr:href="data:blog.homepageUrl" style="display: block" shape="rect">
  <img expr:alt="data:title" expr:height="data:height" expr:id="data:widget.instanceId + "_headerimg"" expr:src="data:sourceUrl" expr:width="data:width" style="display: block" />
  </a>
  </div>
  <b:else />
- <div expr:style=""background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "" id="header-inner">
- <div class="titlewrapper" style="background: transparent">
- <h1 class="title" style="background: transparent; border-width: 0px">
  <b:include name="title" />
  </h1>
  </div>
  <b:include name="description" />
  </div>
  </b:if>
  <b:else />
<!--
No header image 
  -->
- <div id="header-inner">
- <div class="titlewrapper">
- <h1 id="logo">
  <b:include name="title" />
  </h1>
  </div>
- <h4>
  <b:include name="description" />
  </h4>
  </div>
  </b:if>
  </b:includable>
  </b:widget>
  </b:section>
  </div>
  <div id="top" />
- <div class="narrowcolumn" id="content">
- <b:section class="main" id="main" showaddelement="yes">
- <b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog">
- <b:includable id="nextprev">
- <b:if cond="data:newerPageUrl">
- <div class="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" shape="rect">
  «
  <data:newerPageTitle />
  </a>
  </div>
  </b:if>
- <b:if cond="data:olderPageUrl">
- <div class="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" shape="rect">
  <data:olderPageTitle />
  »
  </a>
  </div>
  </b:if>
  <div class="clear" />
  </b:includable>
- <b:includable id="shareButtons" var="post">
- <a class="share-button sb-email" expr:href="data:post.sharePostUrl + "&target=email"" expr:title="data:top.emailThisMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
  <data:top.emailThisMsg />
  </span>
  </a>
- <a class="share-button sb-blog" expr:href="data:post.sharePostUrl + "&target=blog"" expr:onclick=""window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"" expr:title="data:top.blogThisMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
  <data:top.blogThisMsg />
  </span>
  </a>
- <a class="share-button sb-twitter" expr:href="data:post.sharePostUrl + "&target=twitter"" expr:title="data:top.shareToTwitterMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
  <data:top.shareToTwitterMsg />
  </span>
  </a>
- <a class="share-button sb-facebook" expr:href="data:post.sharePostUrl + "&target=facebook"" expr:onclick=""window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"" expr:title="data:top.shareToFacebookMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
  <data:top.shareToFacebookMsg />
  </span>
  </a>
- <a class="share-button sb-buzz" expr:href="data:post.sharePostUrl + "&target=buzz"" expr:onclick=""window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"" expr:title="data:top.shareToBuzzMsg" target="_blank" shape="rect">
- <span class="share-button-link-text">
  <data:top.shareToBuzzMsg />
  </span>
  </a>
  </b:includable>
- <b:includable id="backlinks" var="post">
  <a name="links" shape="rect" />
- <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" shape="rect">
  <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" shape="rect">
  <data:post.createLinkLabel />
  </a>
  </p>
  </b:includable>
- <b:includable id="post" var="post">
- <b:if cond="data:blog.pageType == "item"">
<!--
navigation 
  -->
  <b:include name="nextprev" />
  </b:if>
  <div class="clear" />
- <div class="post hentry">
- <div class="comment_icon">
- <b:if cond="data:post.allowComments">
- <a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" expr:title=""Comment on " + data:post.title" shape="rect">
- <b:if cond="data:post.numComments == 0">
  No Comments
  <b:else />
- <b:if cond="data:post.numComments == 1">
  1 Comment
  <b:else />
  <data:post.numComments />
  Comments
  </b:if>
  </b:if>
  </a>
  <b:else />
  <span>Comments Off</span>
  </b:if>
  </div>
  <a expr:name="data:post.id" shape="rect" />
- <b:if cond="data:post.title">
- <h2>
- <b:if cond="data:post.link">
- <a expr:href="data:post.link" expr:title=""Permanent Link to " + data:post.title" rel="bookmark" shape="rect">
  <data:post.title />
  </a>
  <b:else />
- <b:if cond="data:post.url">
- <a expr:href="data:post.url" expr:title=""Permanent Link to " + data:post.title" rel="bookmark" shape="rect">
  <data:post.title />
  </a>
  <b:else />
  <data:post.title />
  </b:if>
  </b:if>
  </h2>
  </b:if>
- <div class="date">
- <script type="text/javascript" xml:space="preserve">
  var timestamp = "
  <data:post.timestamp />
  "; if (timestamp != '') { var timesplit = timestamp.split(","); var date_yyyy = timesplit[2]; var timesplit = timesplit[1].split(" "); var date_dd = timesplit[2]; var date_mmm = timesplit[1].substring(0, 3);; }
  </script>
  <script type="text/javascript" xml:space="preserve">document.write(date_yyyy);</script>
  <br />
  <script type="text/javascript" xml:space="preserve">document.write(date_mmm);</script>
  .
  <script type="text/javascript" xml:space="preserve">document.write(date_dd);</script>
  </div>
- <div class="entry">
- <p>
  <data:post.body />
  </p>
  <div style="clear: both;" />
<!--
clear for photos floats 
  -->
- <b:if cond="data:post.hasJumpLink">
- <div class="jump-link">
- <a expr:href="data:post.url + "#more"" expr:title="data:post.title" shape="rect">
  <data:post.jumpText />
  </a>
  </div>
  </b:if>
- <b:if cond="data:blog.pageType == "item"">
- <p class="postmetadata alt">
- <small>
  This entry was posted on
- <b:if cond="data:post.dateHeader">
  <data:post.dateHeader />
  </b:if>
- <b:if cond="data:post.labels">
  and is filed under
- <b:loop values="data:post.labels" var="label">
- <a expr:href="data:label.url" expr:title=""View all posts in " + data:label.name" rel="tag" shape="rect">
  <data:label.name />
  </a>
  <b:if cond="data:label.isLast != "true"">,</b:if>
  </b:loop>
  </b:if>
  . You can follow any responses to this entry through the
  <a expr:href="data:blog.homepageUrl + "feeds/posts/default"" shape="rect">RSS 2.0</a>
  feed.
- <b:if cond="data:post.allowComments">
  You can skip to the end and
  <a href="#respond" shape="rect">leave a response</a>
  .
  </b:if>
  </small>
  </p>
  </b:if>
  </div>
- <b:if cond="data:blog.pageType != "item"">
- <b:if cond="data:post.labels">
- <p class="postmetadata">
  Category
- <b:loop values="data:post.labels" var="label">
- <a expr:href="data:label.url" expr:title=""View all posts in " + data:label.name" rel="tag" shape="rect">
  <data:label.name />
  </a>
  <b:if cond="data:label.isLast != "true"">,</b:if>
  </b:loop>
  </p>
  </b:if>
  </b:if>
<!--
Feature added by BTemplates.com 
  -->
- <b:if cond="data:top.showReactions">
- <span class="reaction-buttons">
- <table border="0" cellpadding="0" cellspacing="0" width="100%">
- <tr>
- <td class="reactions-label-cell" nowrap="nowrap" valign="top" width="1%" rowspan="1" colspan="1">
- <span class="reactions-label">
  <data:top.reactionsLabel />
  </span>
   
  </td>
- <td rowspan="1" colspan="1">
  <iframe allowtransparency="true" class="reactions-iframe" expr:src="data:post.reactionsUrl" frameborder="0" name="reactions" scrolling="no" />
  </td>
  </tr>
  </table>
  </span>
  </b:if>
- <span class="post-icons">
<!--
email post links 
  -->
- <b:if cond="data:post.emailPostUrl">
- <span class="item-action">
- <a expr:href="data:post.emailPostUrl" expr:title="data:top.emailPostMsg" shape="rect">
  <img alt="" class="icon-action" height="13" src="http://www.blogger.com/img/icon18_email.gif" width="18" />
  </a>
  </span>
  </b:if>
<!--
quickedit pencil 
  -->
  <b:include data="post" name="postQuickEdit" />
  </span>
- <b:if cond="data:blog.pageType != "item"">
  <div class="line" />
  </b:if>
  </div>
  </b:includable>
- <b:includable id="status-message">
- <b:if cond="data:blog.pageType == "archive"">
- <h2 class="pagetitle">
  Archive for
  <data:blog.pageName />
  </h2>
  </b:if>
- <b:if cond="data:navMessage">
- <h2 class="pagetitle">
  <data:navMessage />
  </h2>
  </b:if>
  </b:includable>
- <b:includable id="comment-form" var="post">
- <div id="respond">
  <a name="comment-form" shape="rect" />
  <h3>Your Reply</h3>
- <p>
  <data:blogCommentMessage />
  </p>
  <data:blogTeamBlogMessage />
  <a expr:href="data:post.commentFormIframeSrc" id="comment-editor-src" shape="rect" />
  <iframe allowtransparency="true" class="blogger-iframe-colorize blogger-comment-from-post" frameborder="0" height="410" id="comment-editor" name="comment-editor" src="" width="100%" />
  <data:post.friendConnectJs />
  <data:post.cmtfpIframe />
- <script type="text/javascript" xml:space="preserve">
  BLOG_CMT_createIframe('
  <data:post.appRpcRelayPath />
  ', '
  <data:post.communityId />
  ');
  </script>
  </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" shape="rect">
  <img src="http://www.blogger.com/img/icon_delete13.gif" />
  </a>
  </span>
  </b:includable>
- <b:includable id="mobile-nextprev">
- <div class="blog-pager" id="blog-pager">
- <b:if cond="data:newerPageUrl">
- <div class="mobile-link-button" 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" shape="rect">
  <data:newerPageTitle />
  </a>
  </div>
  </b:if>
- <b:if cond="data:olderPageUrl">
- <div class="mobile-link-button" 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" shape="rect">
  <data:olderPageTitle />
  </a>
  </div>
  </b:if>
- <div class="mobile-link-button" id="blog-pager-home-link">
- <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect">
  <data:homeMsg />
  </a>
  </div>
- <div class="mobile-desktop-link">
- <a class="home-link" expr:href="data:desktopLinkUrl" shape="rect">
  <data:desktopLinkMsg />
  </a>
  </div>
  </div>
  <div class="clear" />
  </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" shape="rect">
  <img alt="" class="icon-action" height="18" src="http://www.blogger.com/img/icon18_edit_allbkg.gif" width="18" />
  </a>
  </span>
  </b:if>
  </b:includable>
- <b:includable id="main" var="top">
<!--
posts 
  -->
- <div class="blog-posts hfeed">
  <b:include data="top" name="status-message" />
  <data:defaultAdStart />
- <b:loop values="data:posts" var="post">
  <b:include data="post" name="post" />
- <b:if cond="data:blog.pageType == "static_page"">
  <b:include data="post" name="comments" />
  </b:if>
- <b:if cond="data:blog.pageType == "item"">
  <b:include data="post" name="comments" />
  </b:if>
- <b:if cond="data:post.includeAd">
- <b:if cond="data:post.isFirstPost">
  <data:defaultAdEnd />
  <b:else />
  <data:adEnd />
  </b:if>
- <div class="inline-ad">
  <data:adCode />
  </div>
  <data:adStart />
  </b:if>
- <b:if cond="data:post.trackLatency">
  <data:post.latencyJs />
  </b:if>
  </b:loop>
  <data:adEnd />
  </div>
  <div class="clear" />
- <b:if cond="data:blog.pageType != "item"">
<!--
navigation 
  -->
  <b:include name="nextprev" />
  </b:if>
- <b:if cond="data:top.showStars">
  <script src="http://www.google.com/jsapi" type="text/javascript" xml:space="preserve" />
- <script type="text/javascript" xml:space="preserve">
  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" shape="rect">
  <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"">
<!--
Blog feed links 
  -->
- <b:if cond="data:feedLinks">
- <div class="blog-feeds">
  <b:include data="feedLinks" name="feedLinksBody" />
  </div>
  </b:if>
  <b:else />
<!--
Post feed links 
  -->
- <div class="post-feeds">
- <b:loop values="data:posts" var="post">
- <b:if cond="data:post.allowComments">
- <b:if cond="data:post.feedLinks">
  <b:include data="post.feedLinks" name="feedLinksBody" />
  </b:if>
  </b:if>
  </b:loop>
  </div>
  </b:if>
  </b:includable>
- <b:includable id="mobile-index-post" var="post">
- <b:if cond="data:post.dateHeader">
- <div class="mobile-index-date">
- <div class="date-header">
- <span>
  <data:post.dateHeader />
  </span>
  </div>
  </div>
  </b:if>
- <div class="mobile-post-outer">
- <a expr:href="data:post.url" shape="rect">
- <div class="mobile-index-title-outer">
- <h3 class="mobile-index-title entry-title">
  <data:post.title />
  </h3>
  </div>
- <div>
  <div class="mobile-index-arrow">&rsaquo;</div>
- <div class="mobile-index-contents">
- <b:if cond="data:post.thumbnailUrl">
- <div class="mobile-index-thumbnail">
- <div class="Image">
  <img expr:src="data:post.thumbnailUrl" />
  </div>
  </div>
  </b:if>
- <div class="post-body">
- <b:if cond="data:post.snippet">
  <data:post.snippet />
  </b:if>
  </div>
  </div>
  <div style="clear: both;" />
  </div>
  </a>
- <div class="mobile-index-comment">
- <b:if cond="data:blog.pageType != "item"">
- <b:if cond="data:blog.pageType != "static_page"">
- <b:if cond="data:post.allowComments">
- <b:if cond="data:post.numComments != 0">
- <a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect">
- <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>
  </b:if>
  </div>
  </div>
  </b:includable>
- <b:includable id="feedLinksBody" var="links">
- <div class="feed-links">
  <data:feedLinksMsg />
- <b:loop values="data:links" var="f">
- <a class="feed-link" expr:href="data:f.url" expr:type="data:f.mimeType" target="_blank" shape="rect">
  <data:f.name />
  (
  <data:f.feedType />
  )
  </a>
  </b:loop>
  </div>
  </b:includable>
- <b:includable id="comments" var="post">
- <div class="comments" id="comments">
  <a name="comments" shape="rect" />
- <b:if cond="data:post.allowComments">
- <b:if cond="data:post.numComments != 0">
- <h3 id="comments">
- <b:if cond="data:post.numComments == 1">
  One Response to “
  <data:post.title />
 
  <b:else />
  <data:post.numComments />
  Responses to “
  <data:post.title />
 
  </b:if>
  </h3>
  </b:if>
- <b:if cond="data:post.commentPagingRequired">
- <span class="paging-control-container">
- <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl" shape="rect">
  <data:post.oldestLinkText />
  </a>
   
- <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl" shape="rect">
  <data:post.olderLinkText />
  </a>
   
  <data:post.commentRangeText />
   
- <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl" shape="rect">
  <data:post.newerLinkText />
  </a>
   
- <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl" shape="rect">
  <data:post.newestLinkText />
  </a>
  </span>
  </b:if>
- <ol class="commentlist">
- <b:loop values="data:post.comments" var="comment">
- <li>
- <div class="comment-body">
- <div class="comment-author vcard">
- <b:if cond="data:comment.favicon">
  <img expr:src="data:comment.favicon" height="50px" style="margin-bottom:-2px;" width="50px" />
  </b:if>
  <a expr:name="data:comment.anchorName" shape="rect" />
- <b:if cond="data:blog.enabledCommentProfileImages">
  <data:comment.authorAvatarImage />
  </b:if>
- <cite class="fn">
- <b:if cond="data:comment.authorUrl">
- <a expr:href="data:comment.authorUrl" rel="nofollow" shape="rect">
  <data:comment.author />
  </a>
  <b:else />
  <data:comment.author />
  </b:if>
  </cite>
  <span class="says">says:</span>
  </div>
- <div class="comment-meta commentmetadata">
- <a expr:href="data:comment.url" title="comment permalink" shape="rect">
  <data:comment.timestamp />
  </a>
  <b:include data="comment" name="commentDeleteIcon" />
  </div>
- <b:if cond="data:comment.isDeleted">
- <span class="deleted-comment">
  <data:comment.body />
  </span>
  <b:else />
- <p>
  <data:comment.body />
  </p>
  </b:if>
  </div>
  </li>
  </b:loop>
  </ol>
- <b:if cond="data:post.commentPagingRequired">
- <span class="paging-control-container">
- <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl" shape="rect">
  <data:post.oldestLinkText />
  </a>
- <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl" shape="rect">
  <data:post.olderLinkText />
  </a>
   
  <data:post.commentRangeText />
   
- <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl" shape="rect">
  <data:post.newerLinkText />
  </a>
- <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl" shape="rect">
  <data:post.newestLinkText />
  </a>
  </span>
  </b:if>
- <p class="comment-footer">
- <b:if cond="data:post.embedCommentForm">
- <b:if cond="data:post.allowNewComments">
  <b:include data="post" name="comment-form" />
  <b:else />
  <data:post.noNewCommentsText />
  </b:if>
  <b:else />
- <b:if cond="data:post.allowComments">
- <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect">
  <data:postCommentMsg />
  </a>
  </b:if>
  </b:if>
  </p>
  <b:else />
  <p class="nocomments">Comments are closed.</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="top_menu" />
- <div id="sidebar" role="complementary">
- <form action="/search" method="get" enctype="application/x-www-form-urlencoded">
- <div id="search-box">
  <input class="textfield" id="search-text" name="q" onblur="if(this.value=="") this.value="Search...";" onfocus="if(this.value=="Search...") this.value="";" type="text" value="Search..." />
  </div>
  </form>
- <b:section id="sidebar1" preferred="yes" role="navigation">
- <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 == "expanded"">
- <a class="toggle" href="javascript:void(0)" shape="rect">
  <span class="zippy toggle-open">▼ </span>
  </a>
  <b:else />
- <a class="toggle" href="javascript:void(0)" shape="rect">
- <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" expr:title="data:i.name" shape="rect">
  <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 class="archivedate">
- <a expr:href="data:i.url" expr:title="data:i.name" shape="rect">
  <data:i.name />
  </a>
  (
  <data:i.post-count />
  )
  </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" expr:title="data:i.title" shape="rect">
  <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: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="Label1" locked="false" title="Labels" type="Label">
- <b:includable id="main">
- <b:if cond="data:title">
- <h2>
  <data:title />
  </h2>
  </b:if>
- <div expr:class=""widget-content " + data:display + "-label-widget-content"">
- <b:if cond="data:display == "list"">
- <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" expr:title=""View all posts filed under " + data:label.name" shape="rect">
  <data:label.name />
  </a>
  </b:if>
- <b:if cond="data:showFreqNumbers">
- <span dir="ltr">
  (
  <data:label.count />
  )
  </span>
  </b:if>
  </li>
  </b:loop>
  </ul>
  <b:else />
- <b:loop values="data:labels" var="label">
- <span expr:class=""label-size label-size-" + data:label.cssSize">
- <b:if cond="data:blog.url == data:label.url">
- <span expr:dir="data:blog.languageDirection">
  <data:label.name />
  </span>
  <b:else />
- <a expr:dir="data:blog.languageDirection" expr:href="data:label.url" shape="rect">
  <data:label.name />
  </a>
  </b:if>
- <b:if cond="data:showFreqNumbers">
- <span class="label-count" dir="ltr">
  (
  <data:label.count />
  )
  </span>
  </b:if>
  </span>
  </b:loop>
  </b:if>
  <b:include name="quickedit" />
  </div>
  </b:includable>
  </b:widget>
  </b:section>
  <div id="bottom_menu" />
  </div>
<!--
GreenStuff blogger template comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and 
you can make changes to the templates to suit your needs. 
and please you must keep the footer credit links intact which 
provides credit to its authors.
  -->
- <div id="footer">
  Copyright (c) 2010
- <a expr:href="data:blog.homepageUrl" shape="rect">
  <data:blog.title />
  </a>
  . Design by
  <a href="http://www.wpthemesexpert.com/" shape="rect">WP Themes Expert</a>
  <br />
  <a href="http://buymythemes.com/" title="Blogger Templates" shape="rect">Blogger Templates</a>
  ,
  <a href="http://laptopadvisor.blogspot.com/2009/04/top-10-best-small-laptops.html" title="Best Laptops" shape="rect">Best Laptops</a>
  and
  <a href="http://newhairnow.com/" title="New Hair Styles" shape="rect">Hair Styles</a>
  .
  </div>
  </div>
  </body>
  </html>

Tidak ada komentar:

Posting Komentar