<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
#navbar, #navbar-iframe {
display: none !important;
}
/* ---------- @ HTML Elements -----------*/
*{
margin:0px;
padding:0px;
}
body, html {
color:#666;
min-height:101%;
font-size: 100%;
background-color:#CAFA94;
background-image: url(http://img149.imageshack.us/img149/9107/rainbowgardenru0.jpg);
background-repeat: no-repeat;
background-position: top;
margin-top: 15px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
}
p {
margin: 15px 0;
}
.post img{
margin-right:10px;
}
a:link, a:visited {
text-decoration:none;
color: #336600;
}
a:hover, a:active {
color:#000000;
text-decoration: underline;
}
*:focus {
outline: none
}
/* ---------- @ Page Structure -----------*/
.theheader {
height: 200px;
width: 950px;
position:relative;
top:50px;
}
#theheader {
padding:10px;
}
#theheader h1 a {
font-size:1.8em;
font-weight:bold;
color:#336600;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top:15px;
left:280px;
}
#theheader .description{
position: absolute;
top:55px;
left:285px;
font-weight:bold;
color:#336600;
}
#theheader .box{
position: absolute;
top:80px;
right:47px;
font-weight:bold;
color:#336600;
text-align:center;
font-size:1.65em;
}
#theheader .box h3{
color:#336600;
}
.mid{
position: relative;
z-index:2;
left:10px;
top:10px;
}
/* ---------- @ Headings -----------*/
h2 {
font-size: 1.2em;
margin:0px;
padding:0px;
}
.content h2 a,
.content h2 a:visited
{
font-size: 1.5em;
margin:0px;
padding:0px;
color:#336600;
}
h3 {
font-size: 1.4em
}
h4 {
font-size: 1.2em
}
/* menu */
#menu{
position: relative;
top:10px;
width:900px;
z-index:5;
height: 44px;
}
#menu ul{
list-style: none;
list-style-type: none;
font-size: 0.90em;
padding:0px;
font-weight:bold;
padding-top:15px;
text-align:center;
width:900px;
}
#menu ul li{
margin: 0 0 0 1px;
display:inline;
border-right:1px solid #ccc;
}
#menu ul li a{
padding: 5px 10px 5px;
text-decoration: none;
color: #336600;
}
#menu ul li a:hover{
text-decoration: underline;
}
#menu ul li.current_page_item{
background-color:#336600;
}
#menu ul li.current_page_item a{
color: #336600;
}
/* ---------- @ content Area -----------*/
/*Home*/
.padding{
padding:10px;
}
.content {
font-size:12px;
line-height:20px;
margin-right:10px;
margin-top:10px;
position: relative;
top:-80px;
color:#000000;
}
.content .post, .navigation, .pagetitle, .searc_results {
padding:10px 20px 10px 20px;
}
.post{
background-position: left top;
}
/*sidebar left*/
.sidebar_left {
float:left;
margin:30px auto;
border-right:#FFFFFF 0px solid;
font-size:12px;
}
.sidebar_mid
{
margin:15px auto;
}
.sidebar_mid ul
{
margin:0;
padding:0;
list-style:none;
}
.sidebar_left h2{
background-repeat: no-repeat;
height:20px;
color:#336600;
padding:10px 0px 0px 10px;
}
.h2bg_bot{
background-repeat: no-repeat;
background-position: bottom;
height:20px;
}
.sidebar_left ul ul, .sidebar_left p, .sidebar_left form, .sidebar_left .textwidget
{
margin:0px 0 0 0px;
}
.sidebar_left li
{
margin:0;
padding:0.3em 0;
border-bottom:0px solid #dedede;
list-style:none;
}
.sidebar_left li ul li ul li a
{
color:#336600;
}
.sidebar_left li li
{
margin:0;
padding:0;
border-bottom:0px;
line-height:20px;
border-top:none;
padding-left:10px;
}
.sidebar_left li ul li a,
.sidebar_left li ul li a:visited
{
border-top:none;
color:#336600;
}
.sidebar_left li li ul li,
.sidebar_left li li ul ul
{
color: #336600;
border:none;
}
/*sidebar right*/
.sidebar_right {
float:left;
margin:30px auto;
font-size:12px;
}
.sidebar_right h2 {
color:#336600;
}
.sidebar_right ul
{
margin:0;
padding:10px;
margin-bottom:10px;
list-style:none;
}
.sidebar_right ul .box
{
padding:10px;
margin-bottom:10px;
}
.sidebar_right ul .box li
{
padding:2px;
}
.sidebar_left li
{
margin:0;
padding:0.3em 0;
border-bottom:0px solid #336600;
list-style:none;
}
/*comments*/
.post .user {
height: 10px;
width: 10px;
}
.post .user a{
padding-left:15px;
}
.post .edit {
background-image: url(http://img441.imageshack.us/img441/7583/editvu7.gif);
background-repeat: no-repeat;
height: 10px;
width: 10px;
}
.post .edit a {
padding-left:15px;
}
.post .comment {
height: 10px;
width: 10px;
}
.post .comment a {
background-image: url(http://img212.imageshack.us/img212/9411/commentfc3.gif);
background-repeat: no-repeat;
padding-left:15px;
}
/* Comments starts here*/
ol{
margin:0px;
padding:0px;
}
ol li{
display:block;
border-bottom:1px solid #222;
list-style:none;
background-color:#111;
padding:10px;
}
#commentform .textarea{
}
#commentform .textarea{
width:98%;
border:1px solid #dedede;
}
/*Interior Pages*/
.bullets {
padding:15px 15px 15px 30px;
}
.bullets li {
list-style:none;
padding-left: 11px;
margin-bottom: 5px;
}
/* ---------- @ Forms -----------*/
.button {
background: #000 ! important;
border:#F7ECD4 1px solid;
padding: 2px;
margin: 0 2px 0 0;
color:#FFF;
}
.button:focus {
padding:2px;
background: #000 ! important;
}
.button:hover {
background: #CCC ! important;
color: #000;
}
/*Clear*/
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {
display: inline-block;
}
/* Hides from IE-mac */
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}
/* End hide from IE-mac */
/* ---------- @ Footer -----------*/
#footer {
padding: 10px;
color:#336600;
height: 84px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-position: bottom;
text-align:center;
margin-top:40px;
}
#footer p{
padding-top:10px;
}
#footer a{
color:#336600;
text-decoration:underline;
font-weight:bold;
font-size:11px;
}
/* Main container */
.container {
width: 950px;
margin: 0 auto;
}
.column {
float: left;
}
/* header and footer*/
.theheader { width: 950px;}
.footer { width: 950px;}
/* middle content box with left and right column*/
.mid { width: 950px;}
/* Content Column*/
.content_column { width: 500px;}
/* left and right Columns*/
.sidebar_left { width: 175px;}
.sidebar_right { width: 175px;}
.prepend-0 { padding-left: 20px; }
.prepend-1 { padding-left: 40px; }
.prepend-2 { padding-left: 80px; }
.prepend-3 { padding-left: 120px; }
.prepend-4 { padding-left: 160px; }
.append-1 { padding-right: 40px; }
.append-2 { padding-right: 80px; }
.append-3 { padding-right: 120px; }
]]></b:skin>
</head>
<body>
<div class='container'>
<div class='column theheader last'>
<b:section class='header_section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='flowers template (Header)' type='Header'>
<b:includable id='title'>
<data:title/>
</b:includable>
<b:includable id='description'>
<data:description/>
</b:includable>
<b:includable id='main'>
<div id='theheader'>
<h1 class='title'>
<a expr:href='data:blog.homepageUrl'><b:include name='title'/></a>
</h1>
<div class='description'><b:include name='description'/></div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='column mid'>
<div class='column sidebar_left'>
<ul>
<li>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b: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='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='column content_column content prepend-1'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='navigation'>
<div class='alignleft'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
<div class='alignright'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<h2>
<a expr:href='data:post.url' expr:title='"Permanent Link to" + data:post.title' rel='bookmark'>
<data:post.title/>
</a>
</h2>
<small>
<data:post.timestamp/>
<b:if cond='data:post.labels'>
Posted In
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<span class='edit'>
<b:include data='post' name='postQuickEdit'/>
</span>
<span class='comment'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1 Comment
<b:else/>
<data:post.numComments/> Comments
</b:if>
»
</a>
</b:if>
</span>
</small>
<div class='entry' style='margin-top:15px;'>
<data:post.body/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- 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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
Edit This
</a>
</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'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</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'>
<a 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'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<div>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<!--
<b:include name='feedLinks'/>
-->
</b:includable>
</b:widget>
</b:section>
</div>
<div class='column sidebar_right prepend-1'>
<ul>
<li class='box'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<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>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'>
<b:includable id='main'>
<div class='widget-content'>
<a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
</div>
<div class='column footer last'>
<div id='footer'>
<p>
<strong><data:blog.title/></strong> 2008 All Rights Reserved
<br/><a href='http://blogger-templates.blogspot.com'>Blogger Templates</a>
</p>
</div>
</div>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar