<?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:     uniQue R 1.8
Designer: rohman abdul manap
URL:      http://template-unik.blogspot.com
Date:     09 oktober 2007
-----------------------------------------------
*/


/* Variable definitions
   ====================
    <Variable name="bgcolor" description="Background color"
             type="color" default="#fff" value="#ffffff">

   <Variable name="textcolor" description="text color"
             type="color" default="#40454b" value="#40454b">

   <Variable name="linkcolor" description="link color"
             type="color" default="#3366cc" value="#3366cc">
 
   <Variable name="linkhover" description="link hover color"
             type="color" default="#ff5a00" value="#ff5a00">

   <Variable name="headerbgcolor" description="Header background Color"
             type="color" default="#408732" value="#11593C">


   <Variable name="menubgcolor" description="Menu background Color"
             type="color" default="#59bf45" value="#2BA94F">

   <Variable name="titlecolor" description="Title Color"
             type="color" default="#ff5a00" value="#ff5a00">

   <Variable name="descriptioncolor" description="description color"
             type="color" default="#fff" value="#ffffff">

   <Variable name="posttitle" description="Post Title color"
             type="color" default="#ff5a00" value="#ff5a00">

   <Variable name="footertextcolor" description="Footer text color"
             type="color" default="#fff" value="#ffffff">


  <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">

   
*/


/*  body 
----------------------- */

body { 
margin: 0; padding: 0; 
background: $bgcolor;
 font-family: 'Verdana';
 color: $textcolor;
 font-size: 12px;
 }


a:link {
text-decoration : none;
 color : $linkcolor;
border: 0px;
} 

a:active { 
text-decoration : underline; 
color : #3366cc;
border: 0px;
} 

a:visited {
text-decoration : none; 
color : #3366cc; 
border: 0px;
} 

a:hover {
text-decoration : underline; 
color : $linkhover; 
border: 0px;
} 


img { 
padding: 0; 
margin: 0; 
border: none;
}

hr { 
border-left:0px solid #abb0b5;
border-right:0px solid #abb0b5;
border-top:1px dotted #abb0b5; 
border-bottom:0px solid #abb0b5;
height : 1px;  
}

input {
font-family: 'Verdana';
 color: #6a5555; font-size: 10px;
 }

textarea { 
font-family: 'Verdana'; 
color: #6a5555; font-size: 10px;  
}

select { 
font-family: 'Verdana';
color: #6a5555; font-size: 10px;
}

h1, h2, h3 {
font-family: 'Arial';
}


/* outer wrapper
------------------------- */

#outer-wrapper {
width: 100%; 
background: $bgcolor;
}



/* header 
----------------------- */


#header-wrapper {
width: 100%;
float: left; 
background:$headerbgcolor;
}


#header-cont {
 width: 900px; 
position: relative;
 margin: 0 auto;
 padding: 32px 0px 0px 0px; height: 100px;
background:transparent url(http://amen24.googlepages.com/banner_03.gif) no-repeat left center;
}

#header-wrapper h1 {
font-size: 35px; letter-spacing: -2px;
line-height: 35px; 
padding: 15px 0px 0px 0px; margin: 0px; 
color:$titlecolor;
padding-left:100px;
}

#header-wrapper h1 a { 
text-decoration: none;
 color:$titlecolor;
}

#header-wrapper h1 a:visited {
 text-decoration: none; 
color:$titlecolor;
}

#header-wrapper h1 a:hover {
 text-decoration: none;
 color:$titlecolor;
}

#header-wrapper p {
font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold; 
letter-spacing: -1px;
 color:$descriptioncolor;
 margin:0px; 
padding-left:100px;
}


#header-wrapper a {
}


/*  under header menu
----------------------------- */


#menu-wrapper {
width: 100%; 
float: left; 
background: $menubgcolor;
padding: 0;
color:$titlecolor;
}

#navigation{ 
width: 900px; 
position: relative; 
clear: left; margin: 0 auto; 
color:#fff;
}


.menu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
background: $menubgcolor;

}

.menu {
display: inline;
}

.menu a{
float: left;
color: #fff;
padding: 0 25px 15px 0;
text-decoration: none;

}

.menu a:visited{
color: #fff;
}

.menu a:hover{
color:#000;
text-decoration:none;
}


/* content-wrapper
---------------------------- */

#content-wrapper {
width: 100%; float: left;
 padding: 20px 0 20px 0;
}

.Container { 
width: 900px; 
position: relative; 
clear: left; 
margin: 0 auto;
 padding-top:0;
}


/*main wrapper
------------------------------- */

#main-wrapper {
float: left; width: 510px; 
padding-right:10px;
}

#main-wrapper {
overflow:hidden;
}
.clear {
clear:both;
}
#blog-pager-newer-link {
float: left;
background: url('http://bp0.blogger.com/_c-XFk4OciTE/RwhipxUHUOI/AAAAAAAAAM8/pCEvLC_XpSg/s400/page_prev.gif') no-repeat left center;
padding-left:18px;
}
#blog-pager-older-link {
float: right;
background: url('http://bp0.blogger.com/_c-XFk4OciTE/RwhizxUHUPI/AAAAAAAAANE/Yy1HjYXsZxs/s400/page_next.gif') no-repeat right center;
padding-right:18px;
}
#blog-pager {
text-align: center; 
}


* sidebar wrapper 
---------------------------- */

#sidebar-wrapper {
float: right; 
width: 400px; 
margin-left: 15px;
padding-bottom: 4px;
}

#sidebar1 {
float: right; 
width: 200px; 
padding: 10px 0px 10px 10px;
 margin: 0; 
}

#sidebar2 {
float: right;
width: 160px; 
padding: 10px 10px 10px 0px; 
}  


#sidebar-wrapper ul{
 padding: 0px;
 margin: 0px;
border-bottom: 1px dashed green;
}

#sidebar-wrapper li { 
padding: 5px 0 3px 16px; 
margin: 0px; 
list-style-type: none;
border-bottom: 1px dashed green;
background:transparent url('http://bp3.blogger.com/_c-XFk4OciTE/Rwhh1hUHUMI/AAAAAAAAAMs/suTGpdyBy8k/s400/arrow_right.gif') no-repeat left center;
}

#sidebar-wrapper h2 {
 margin: 1.6em 0 .5em;
 padding: 0 5px 3px 0;
 font-size: 120%;
Border-bottom:2px solid #ccc;
 color:#514C4C;
}

.widget-content {
}

#NewsBar1, #NewsBar2, #VideoBar1, #VideoBar2, #AdSense1, #AdSense2, #AdSense3, #Profile1, #Feed1, #Feed2, #NewsBar1, #NewsBar2, #HTML1 , #HTML2, #HTML3, #HTML4, #Text1, #Text2, #LinkList1, #LinkList2, #TextList1, #TextList2, #BlogArchive1, #Label1, #Label2 {
 margin-bottom: 20px;
}




/* Posts
----------------------------------------------- */


.post {	
position: relative; clear: left; width: 510px;
}

.post h2 {
color:$titlecolor;
 font-size: 19px; 
line-height: 19px; 
letter-spacing: -1px; 
font-weight: normal; 
font-family: 'Arial'; 
display: block;
background: url(http://amen24.googlepages.com/judul.gif) no-repeat 3px -1px;
margin: 5px 0 5px 0; 
padding: 0 0 10px 35px;
border-bottom:1px solid #ccc;
}

.post h2 a { 
color: $posttitle;
 text-decoration: none;
}

.post h2 a:visited { 
color: $posttitle;
 text-decoration: none;
}


.post h2 a:hover { 
color: #003399; 
text-decoration: none;
}

.post-body { 
padding-top: 10px; 
font-size: 12px; 
line-height: 16px;
}

.post-body p {
 font-size: 12px;
 line-height: 16px;
}

.post-body img { 
padding: 1px; 
border: solid 1px #f0f0f0;
 margin: 0px 15px 15px 0px
}

.post-body blockquote {
 padding: 3px 15px; 
background: #fffde5;
 margin: 5px 0px; 
color:#993300; 
border: solid 1px #f6f3d3;
}

.post-body blockquote p {
 font-size: 11px;
 padding: 5px 0px;
 margin: 5px 0px; 
line-height: 15px;
}

.post-body ul {
 font-size: 11px;
 padding-left: 12px; 
}



.post-footer {
padding: 0; 
margin: 0; 
font-size: 11px;
color: #828282; 
font-style: normal;
}

.date-header {
float: left;
background:transparent url('http://bp1.blogger.com/_c-XFk4OciTE/RwhowBUHURI/AAAAAAAAANU/0P_h5BzvLMI/s400/date.gif') no-repeat left center;
padding-left:20px;
}

.date-header a {
text-decoration: underline; color: #828282;
}

.date-header a:visited {
 text-decoration: underline; 
color: #828282;
}

.date-header a:hover { 
text-decoration: underline;
color: #828282; 
}


/* comments
----------------------------- */

#comments {
padding: 0px; margin: 20px 0px 0px 0px;
}

#comments h4 {
font-size: 14px; 
letter-spacing: -1px; 
background:url(http://bp3.blogger.com/_c-XFk4OciTE/RwdMDxUHULI/AAAAAAAAAMk/0OO3ziMWEMM/s400/comment_blue.gif) no-repeat left center; 
border-bottom: dashed 1px #87909e; 
padding: 5px 0px 5px 20px; 
margin: 0px; 
}


#comments dl {

}

.comment-author { 
margin: 0px; padding: 0px; 
font-size: 14px; 
line-height: 14px; 
font-family: 'Arial'; 
letter-spacing: -1px;
}

.comment-author a { 
text-decoration: none;
}

.comment-author a:visited {
 text-decoration: none;
}

.comment-author a:hover {
 text-decoration: none;
}

.comment-timestamp {
 color:#8c97a1; 
padding: 0px; 
margin: 0px; 
font-size: 10px; 
}

.comment-timestamp a { 
color:#8c97a1; 
text-decoration: none;
}

.comment-timestamp a:visited {
 text-decoration: none;
}

.feed-links {
background:transparent url('http://bp0.blogger.com/_c-XFk4OciTE/RwdKhBUHUKI/AAAAAAAAAMc/UK3mPnI2O80/s400/icon-feed.png') no-repeat scroll left center;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #ccc;
}

.comment-body {
color:#333; font-size: 11px; 
line-height: 14px;
 border-top: solid 1px #c5cad0; 
margin: 10px 0 0 0;
}

.comment-body p { 
padding: 3px 0; 
margin: 3px 0; 
font-size: 11px; 
line-height: 14px;
}


/* Profile
----------------------------------------------- */
.profile-img {
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  letter-spacing:.1em;
  font: verdana;
  color: #000;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link {
  font: verdana;
  letter-spacing: .1em;
}



/* footer wrapper 1
---------------------------- */

#footer-wrapper1 {
width: 100%; 
float: left; 
background: $menubgcolor;
padding: 20px 0px;
border-top:1px solid blue;
}

#footer-content1 {
 width: 900px; 
position: relative; 
clear: left; 
margin: 0 auto; 
}

#footer-content1 h2 { 
padding: 0 0 10px 0px;
margin: 0 0 10px 0; 
color:$titlecolor;
font-size: 17px; 
letter-spacing: -1px; 
border-bottom: dashed 1px #2658ad;
}


#footer-content1 ul {
padding: 0; 
margin: 0;
}

#footer-content1 li {
color:#fff; 
padding: 1px 0 1px 16px; 
margin: 0; 
list-style-type: none; 
font-size: 11px; 
background: url('http://bp3.blogger.com/_c-XFk4OciTE/Rwhh1hUHUMI/AAAAAAAAAMs/suTGpdyBy8k/s400/arrow_right.gif') no-repeat left top;
}

#footer-content1 li a { 
color:#fff; 
}


#footer-content1 li a:visited { 
color:#fff; 
}

#footer-content1 li a:hover {
color:$titlecolor; 
}


#footer1 {
width: 290px; 
float: left;
}


#footer2 {
width: 290px; 
float: left; 
margin: 0px 15px;
}

#footer3 {
width: 290px; 
float: left;
}



/* footer wrapper 2
---------------------------- */

#footer-wrapper2 {
width: 100%; 
float: left; 
background: $headerbgcolor; 
padding: 20px 0px;
}


#footer-content2 h2 { 
padding: 0 0 10px 0px;
margin: 0 0 10px 0; 
color:$titlecolor;
font-size: 22px; 
letter-spacing: -1px; 
border-bottom: dashed 1px #2658ad;
}

#footer-content2 { 
width: 900px; 
position: relative; 
clear: left; margin: 0 auto; 
color:#000;
}

#footer-content2 a{ 
color:#fff; 
}


#footer-content2 a:visited { 
color:#fff; 
}

#footer-content2 a:hover {
color:$titlecolor;
}


#footer-content2 p { 
padding: 0px 0px 10px 0px;
 margin: 0px 0px 10px 0px; 
color:#487cb0; 
font-size: 11px;
border-bottom: solid 1px #062a6e; 
display: block;
}

#footer-content2 p a {
color:#fff; 
text-decoration: none;
}


#footer-content2 ul {
display: inline; 
padding: 0px; 
margin: 0px; 
}

#footer-content2 li { 
display: inline; 
padding: 0px; 
margin: 0px; 
list-style-type: none;
}


#my-links {
color:$headerbgcolor;
text-align:center;
font-size:11px;
background:$headerbgcolor;
padding-bottom:10px;
}

#my-links a{ 
text-decoration: none; 
border: 0px;
color:$headerbgcolor;
background:$headerbgcolor;
} 

#my-links a:visited {
color:$headerbgcolor;
border: 0px;
color:$headerbgcolor;
} 

.credits {
color:#ccc;
text-align:left;
font-size:11px;
background:$headerbgcolor;
text-align:center;
padding:20px 0 0 0;
}

.credits a{
color:#fff;
text-decoration:underline;
}

.credits a:active { 
text-decoration : underline; 
color : #3366cc;
border: 0px;
} 

.credits a:visited {
text-decoration : none; 
color : $linkhover; 
border: 0px;
} 

.credits a:hover {
text-decoration : underline; 
color : $linkhover; 
border: 0px;
} 


]]></b:skin>


  

</head>

 <body>
  <div id='outer-wrapper'><div id='wrap2'>

  
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>ir a principal </a> |
      <a href='#sidebar'>Ir a lateral</a>
    </span>



    <div id='header-wrapper'>

<div id='header-cont'>


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='teuing (Header)' type='Header'>
<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'>
          <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-->
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-repeat: no-repeat; "                      + "width: " + data:width + "px; "                      + "height: " + data:height + "px;"' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <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>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <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>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>



<div id='menu-wrapper'><div id='navigation'>
<b:section class='menu-wrapper' id='menu-wrapper' showaddelement='no'/>

<!-- Write your navigation menu here -->

<div class='menu'>

<a href='#'>Home</a>
<a href='#'>Link 1</a>
<a href='#'>Link 2</a>
<a href='#'>Link 3</a>
<!-- you can add saveral link in here -->
<a href='http://www.obralplus.com/?id=rohman' target='_blank' title='menjual berbagai software &amp; ebook, harga super murah'>Obral Plus</a>
<a href='http://www.resepbisnis.com/?id=rohman' title='Panduan membuat website secara praktis, klik di sini !'>Belajar Website</a>

</div> <!-- closed for menu -->

    </div></div>


    </div>

	
    <div id='content-wrapper'><div class='Container'>


      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'> 
            <span class='backlink-toggle-zippy'>&#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='post' var='post'>
  <div class='post uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

      <b:if cond='data:post.dateHeader'>
        <div class='date-header'><data:post.dateHeader/> &#160;&#160;<b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
<img src='http://bp3.blogger.com/_c-XFk4OciTE/RwdMDxUHULI/AAAAAAAAAMk/0OO3ziMWEMM/s400/comment_blue.gif'/>&#160;
          <data:post.numComments/> <data:commentLabelPlural/>
        </b:if></div>
      </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/><img src='http://bp2.blogger.com/_c-XFk4OciTE/RwhowRUHUTI/AAAAAAAAANk/Y7s6yJ1nu8s/s400/comment_yellow.gif'/>&#160;<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' expr:title='data:top.emailPostMsg'>
            <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: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'>&#160;</span>
    </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='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='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'>&#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='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'>&#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>

<!--<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>--><!-- jackbook.com part 1 ends --><!-- actually i almost do nothing with your template, just add that comment, you did it  -->



<div id='comment-child' style='border: medium none ; background: transparent none repeat scroll 0%; display: block; height: 750px; width: 520px; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'>
<iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' style='border:none;' width='100%'/>

</div>


</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'/>

    <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:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
      </div>


      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' 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>

        <b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' 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 + "&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='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'><img src='http://bp2.blogger.com/_c-XFk4OciTE/RwhjaRUHUQI/AAAAAAAAANM/LZfTwstIXys/s400/calendar.gif'/>&#160; <data:i.name/></a>
            (<span class='post-count'><data:i.post-count/></span>)
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><img src='http://bp2.blogger.com/_c-XFk4OciTE/RwhjaRUHUQI/AAAAAAAAANM/LZfTwstIXys/s400/calendar.gif'/>&#160; <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'><img src='http://bp2.blogger.com/_c-XFk4OciTE/RwhjaRUHUQI/AAAAAAAAANM/LZfTwstIXys/s400/calendar.gif'/>&#160; <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'><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:section>
      </div>


      <div class='clear'/>

    </div></div> <!-- End of content-wrapper -->


    <div id='footer-wrapper1'><div id='footer-content1'>
      <b:section class='footer' id='footer1'/>
      <b:section class='footer' id='footer2'/>
      <b:section class='footer' id='footer3'/>
    </div></div>


    <div id='footer-wrapper2'><div id='footer-content2'>
      <b:section class='footer' id='footer'/>
 

</div>

<!-- For legal using please don't delete the credits -->

<div class='credits'>
Copyright &#160; 2007&#160; &#169;&#160;Designed By : <a href='http://template-unik.blogspot.com'><b>uniQue</b></a>&#160;|&#160;


<!-- write your name here -->

Edited by : <a href='#'>Your name</a></div>
    </div> 


</div></div> <!-- end outer-wrapper -->


 </body>               
</html>
               