<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
----------------------------------------------------------------------
Blogger Template Style
Name:     Nyoba 3 Column
Designer: Isnaini
URL:      www.isnaini.com
Date:     19 Feb 2007
----------------------------------------------------------------------
*/

/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#666666" value="#666666">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 73% Verdana, Arial, Sans-serif;" value="normal normal 73% Verdana, Arial, Sans-serif;">
 <Variable name="textColor" description="Text Color"
           type="color" default="#000000" value="#000000">
<Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#0000ff">
 <Variable name="HoverlinkColor" description="Hover Link Color"
           type="color" default="#0000ff" value="#ff2400">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="mainBdColor" description="Main Border Color"
           type="color" default="#cccccc" value="#333333">
 <Variable name="postImgBdColor" description="Post Images Border Color"
           type="color" default="#f1f1f1" value="#e6e6e6">
 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#336699" value="#333333">
 <Variable name="PostTitleFont" description="Post Title Font"
           type="font" default="normal normal 100% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 165% 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;">
 <Variable name="titleFont" description="Blog Title Font"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 200% 'Trebuchet MS', Arial, Sans-serif;">
 <Variable name="titleTextColor" description="Blog Title Text Color"
           type="color" default="#ffffff" value="#000000"> 
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#666666">
 <Variable name="postTitleBgColor" description="Post Title Background Color"
           type="color" default="#f1f1f1" value="#f9f9f9">
<Variable name="postTitleTxtColor" description="Post Title Text Color"
           type="color" default="#000000" value="#000080">
 <Variable name="SBbgColor" description="Sidebar Background Color"
           type="color" default="#efefef" value="#f1f1f1">
 <Variable name="SBbdColor" description="Sidebar Border Color"
           type="color" default="#efefef" value="#b3b3b3">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#CCCCCC" value="#666666">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#ff9200">
 <Variable name="SBtextColor" description="Sidebar Text Color"
           type="color" default="#333333" value="#666666">
<Variable name="SBTitleFont" description="Sidebar Title Color"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 118% Arial, sans-serif">
<Variable name="SBLinkColor" description="Sidebar Link Color"
           type="color" default="#0000ff" value="#4040c0">
 <Variable name="footrcolor" description="Footer Background Color"
           type="color" default="#666666" value="#333333">
 <Variable name="footrTextcolor" description="Footer Text Color"
           type="color" default="#666666" value="#b3b3b3">

*/

/* lain
----------------------------------------------- */
#toplinkads{
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#blogtitle h1{
	color:  $titleTextColor;
	font-size: 18px;
	text-align: center;
     font: $titleFont;
	margin-top: 2px;
	margin-bottom: 2px;
	}
#blogtitle h1 a{
	color: #ff6600;
	}
#blogtitle{
	padding: 0px;
	width: 300px;
	margin: 0px;
}
.description {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}
.narrowcolumn {
	float: left;
	width: 440px;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
#sidebar{
	width: 300px;
	float: right;
	position: static;
	top: 0px;
        color: $SBtextColor;
        background-color: $SBbgColor;
	border: 1px solid $SBbdColor;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#sidebar a {
        color: $SBLinkColor;
}
#sidebar .widget { 
	margin-bottom: 1em;

}

#sidebar .widget-content {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#sidebar h2{
	font-size: 12px;
	font-weight: bold;
	color: $sidebarTitleTextColor;
        font: $SBTitleFont;
        background-color: $sidebarTitleBgColor;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
        padding: 4px 5px;
}
#leftsidebar h2 {
        background-color: $SBbgColor;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
        padding: 4px 5px;
	}

#leftsidebar
{
	width: 160px;
	float: left;
	padding-top: 0;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;

	}
#rightsidebar
{
	margin-top: 0px;
	margin-left: 0px;
	width: 125px;
	margin-right: 4px;
	margin-bottom: auto;
	padding: 0px;
	float: right;
	}
#kotakkanan{
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}
#kotakkanan2{
	float: left;
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}

#footer {
	padding: 0px;
	width: 780px;
	clear: both;
	height: 60px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: $footrcolor;
	color: $footrTextcolor;
	}
#footer a {
	color: $footrTextcolor;
}

 .kosong 
 {
	clear: both;
 }

body {
	font: $bodyFont;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
        color: $textColor;
        background: $bgColor;
	}

#page {
	text-align: left;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
        background-color: $mainBgColor;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: $mainBdColor;
	border-left-color: $mainBdColor;
	}

#header {
	height: 180px;
	margin: 0px;
	padding: 0px;
	background-color: $headerBgColor;
	}
/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
	float: none;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
        text-align: justify;
	}
.post-title {
  margin: 0;
  padding: 0;
  font: $PostTitleFont;
  line-height: 1.1em;
  background-color: $postTitleBgColor;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $postTitleTxtColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
p.post-footer {
  margin: -.25em 0 0;
  color: $mainBgColor;
  font-size: 10px;
}
.post-labels {
  font-size: 10px;
}
.post-footer .span {
  margin-right: .3em;
}
.comment-link {
  margin-left: .3em;
}
.post img {
  padding: 4px;
  border: 1px solid $postImgBdColor;
}
.post blockquote {
  margin: 1em 20px;
  font-style: italic;
}
}
.post blockquote p {
  margin: .75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 90%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}

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

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

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

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

small {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9px;
	line-height: 11px;
	}

h1, h2, h3 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
        color: $linkColor;
	text-decoration: none;

	}

a:hover {
        color: $HoverlinkColor;
	text-decoration: underline;
	}



.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
h2 {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
h3 {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {

	} 

html>body .entry li {
	list-style-type: square;
	padding: 0px;
	margin-left: 10px;
	}

#leftsidebar ul, #leftsidebar ul ol, #rightsidebar ul, #rightsidebar ul ol {
	padding: 0px;
	margin: 0px;
	}

#leftsidebar ul li, #rightsidebar ul li  {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#leftsidebar ul p, #leftsidebar ul select, #rightsidebar ul p, #rightsidebar ul select {
	margin: 5px 0 8px;
	}

#leftsidebar ul ul, #leftsidebar ul ol, #rightsidebar ul ul, #rightsidebar ul ol {
	margin: 5px 0 0 5px;
	}

#leftsidebar ul ul ul, #leftsidebar ul ol, #rightsidebar ul ul ul, #rightsidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #leftsidebar ul ol li, #rightsidebar ul ol li  {
	list-style: decimal outside;
	}

#leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li {
	margin: 3px 0px 0px;
	padding: 0px;
	}
/* End Entry Lists */

.entry form {
	text-align:center;
	border: 1px solid #CCCCCC;
	}

select {
	width: 130px;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #CCCCCC;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 25px;
	font-family: Arial, Verdana, sans-serif;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

input, textarea, select, button {
	border: 1px solid #999999;
	background-color: #fafafa;
	font-size: 11px;
	padding-right: 2px;
	padding-left: 2px;
}

form .button {
	border: 1px solid #CCCCCC;
	background-color: #fafafa;
}
]]></b:skin>
  </head>

  <body>
  <div id='page'>
 
      <b:section class='header' id='header' maxwidgets='4' showaddelement='no'>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
      <br/>
      <b:if cond='data:caption != ""'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>

 <b:section class='toplinkads' id='ads1' maxwidgets='1' showaddelement='yes'/>

    <div class='narrowcolumn'>

        <b:section class='post' id='main' maxwidgets='4' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' title='Edit Post'>
        <span class='quick-edit-icon'>&#160;</span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
            <a expr:name='"comment-" + data:comment.id'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-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='"#comment-" + data:comment.id' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts'>

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

    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:loop>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
      <span class='delete-comment-icon'>&#160;</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='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'>&#160;</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='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='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

  </div>
  <div class='kosong'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' title='Delete Comment'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

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

    <div class='post-body'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <div class='post-footer'>
    <p class='post-footer-line post-footer-line-1'>
      <span class='post-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/> <data:post.author/>
        </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' title='permanent link'><data:post.timestamp/></a>
        </b:if>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>

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

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' title='Email Post'>
            <span class='email-post-icon'>&#160;</span>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
      </p>

      <p class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </p>

      <p class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>

      </div>


      <div id='sidebar'>

        <b:section class='blogtitle' id='blogtitle' preferred='yes'>
<b:widget id='Header1' locked='false' title='Pecinta Blogger Template (Header)' type='Header'>
<b:includable id='main'>
  <div class='titlewrapper'>
    <h1 class='title'>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <data:title/>
      <b:else/>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:if>
    </h1>
  </div>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>

<b:section class='kotakkanan' id='kotakkanan1' maxwidgets='4' showaddelement='yes'/>


<!-- left sidebar -->
 <b:section class='leftsidebar' id='leftsidebar' maxwidgets='4' showaddelement='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> <!-- 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>

<!-- right sidebar -->
 <b:section class='rightsidebar' id='rightsidebar' maxwidgets='4' showaddelement='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            (<span class='post-count'><data:i.post-count/></span>)
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +       "&amp;dir=close&amp;toggle=" + data:interval.toggleId +       "&amp;toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +         "&amp;dir=open&amp;toggle=" + data:interval.toggleId +         "&amp;toggleopen=" + data:toggleopen'>
          <span class='zippy'>&#9658; </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section>

<!-- kontent bawah -->
<b:section class='kotakkanan' id='kotakkanan2' maxwidgets='4' showaddelement='yes'/>

<DIV class='kosong' style='text-align: center; padding: 4px'>
<SMALL>Template by <A href='http://www.isnaini.com'>Isnaini Dot Com </A></SMALL>
</DIV>
      </div>
<hr/>
         <b:section id='footer' maxwidgets='4' showaddelement='yes'/>
    
  </div> 

</body>
</html>