FITZ FREEDOM ISLAMI

Pages

 

Template Islami2

<?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 from Layout For All
Name:     Islamic2
Designer: Abdul Munir
URL :     http://layout4all.blogspot.com
Date:     2007
Distributed by: http://BTemplates.com
---------------------------------------------*/

/*

variables
   ====================
<Variable name="textocolor" description="Text Color"
             type="color" default="#e6e6e6" value="#e6e6e6">
<Variable name="linkcolor" description="Link Color"
             type="color" default="#C3D9FF" value="#C3D9FF">
<Variable name="linkHovercolor" description="Link Hover Color"
             type="color" default="#003399" value="#003399">
   <Variable name="warnajudul" description="Warna Judul Blog"
             type="color" default="#FFFFFF" value="#FFFFFF">
   <Variable name="warnadiskripsi" description="Warna Diskripsi"
             type="color" default="#75c0d9" value="#75c0d9">
   <Variable name="warnajudulpost" description="Warna Judul Post"
             type="color" default="#007ac8" value="#007ac8">
   <Variable name="warnamenu" description="Warna Menu"
             type="color" default="#FFFFFF" value="#FFFFFF">
   <Variable name="warnahovermenu" description="Warna Hover Menu"
             type="color" default="#Fcc" value="#FFcccc">
   <Variable name="warnacontentwrapper" description="Warna Konten Wrapper"
             type="color" default="#000" value="#000000">
   <Variable name="warnalatarmain" description="Warna latar Posting"
             type="color" default="#191919" value="#191919">
   <Variable name="warnasidebarkanan" description="Warna latar Sidebar Kanan"
             type="color" default="#191919" value="#191919">
   <Variable name="warnasidebarkiri" description="Warna latar Sidebar Kiri"
             type="color" default="#000000" value="#000000">
   <Variable name="warnajdlsdbarkiri" description="Warna Judul Sidebar Kiri"
             type="color" default="#ffffcc" value="#ffffcc">
   <Variable name="warnajdlsdbarkanan" description="Warna Judul Sidebar kanan"
             type="color" default="#abcee1" value="#abcee1">
   <Variable name="warnaTeksSdKiri" description="Warna Teks Sidebar Kiri"
             type="color" default="#FFFFFF" value="#FFFFFF">
   <Variable name="warnaTeksSdKanan" description="Warna Teks Sidebar Kanan"
             type="color" default="#7a8fa4" value="#7a8fa4">
*/

#outer-wrapper {
   width: 1000px;
   margin: 0 auto;
   padding: 0px;
   position: relative;
}
/*-- hilangkan navbar --*/
#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

/*-- Struktur Badan --*/

body {
   background: #ccc;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 0px;
   margin: 0px; color:$textocolor;
}

html {
   padding: 0;
   margin: 0;
}

 a:link {
   text-decoration: none;
   color : #5606F9;
   border: 0px; -moz-outline-style: none;
}
 a:active {
   text-decoration: underline;
   color : #866FB5;
   border: 0px; -moz-outline-style: none;
}
 a:visited {
   text-decoration: none;
   color : #6F687D;
   border: 0px; -moz-outline-style: none;
}
 a:hover {
   text-decoration: underline;
   color : #f60;
   border: 0px; -moz-outline-style: none;
}
 a:focus {
   outline: none;-moz-outline-style: none;
}

h1, h2, h3, h4 { font-family: "Trebuchet MS";
}

img {
   padding: 0px;
   margin: 0px;
   border: none;
   text-align: center;
}
hr {
   border-left:0px solid #99f;
   border-right:0px solid #99f;
   border-top:1px dotted #99f;
   border-bottom:0px solid #99f;
   height : 1px;
}


/*-- Bagian header --*/

#header-wrapper {
   background: url(http://i217.photobucket.com/albums/cc189/layout4all/islamic-try_03-1.gif) no-repeat left top;
   width: 1000px;
   position: relative;
   clear: left;
   padding: 0px;
   height:81px;
}

#header2 {
   background: url(http://i217.photobucket.com/albums/cc189/layout4all/islamic-try_04-1.gif) no-repeat left top;
   width: 1000px;
   position: relative;
   clear: left;
   padding: 0px;
   height:80px;
}
#header3 {
   background: url(http://i217.photobucket.com/albums/cc189/layout4all/islamic-try_05.gif) no-repeat left top;
   width: 1000px;
   position: relative;
   clear: left;
   padding: 0px;
   height:55px;
}
#header-inner { }
#header-wrapper h1 {
   font-size: 30px;
   line-height: 38px;
   letter-spacing: -1px;
   padding: 27px 5px 0px 100px;
   margin: 0px; font-weight:
   normal; color: #261E1E;
}
#header-wrapper h1 a {
   color:3A3446;
   text-decoration: none;
}
#header-wrapper h1 a:visited {
   color: #462C7A;
   text-decoration: none;
}
#header-wrapper h1 a:hover {
   color:#f60;
   text-decoration: none;
}

#header-wrapper p {
   color:#666;
   font-size: 14px;
   line-height: 14px;
   font-weight: bold;
   letter-spacing: -1px;
   font-family: 'Arial';
   padding: 0px;
   margin: 0px 0px 0px 100px;
}

#header-wrapper a { }

/*-- Bagian Menu --*/

.Menu {
   background: url(http://i217.photobucket.com/albums/cc189/layout4all/islamic-try_06.gif) no-repeat left top;
   width: 1000px;
   position: relative;
   float: right;
   height: 29px;
}

.Menu ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.Menu li {
   padding: 0px;
   margin: 0px;
   display: inline;
   font-size: 13px;
   font-weight: bold;
   float: right;
}
.Menu a {
   padding: 0px 0px 0px 3px;
   margin-right: 2px;
   float: left;
}
.Menu a span {
   padding: 6px 9px 6px 6px;
   display: block;
   float: right;
}
.Menu a span {
   float: none;
   color: #000;
}
.Menu a:hover span {
   color: #B40BAE;
}
.Menu a:hover {
   background-position: 0% -25px;
   color:$warnahovermenu;
   text-decoration: none;
}
.Menu a:hover span {
   background-position: 100% -25px;
   color:$warnahovermenu;
}
.Menu .on {
   color: #5C0507;
}
.Menu .on span {
   color: #5C0507;
}



/*-- Bagian Content --*/

#content-wrapper {
   background: #fff;
   width: 1000px;
   float: left; position:
   relative; padding: 0px;
}

/*-- Bagian main --*/

#main-wrapper {
width: 510px;
float: left;
}

.post {  
   padding: 5px 10px 5px 15px;
   margin:0px 0px 12px 0px;
   position: relative;
   clear: left;
}

.posthead {
   position: relative;
   clear: left;
   border-bottom: 1px dotted #000;
   padding-bottom: 10px;}

.post-title {
   font-size: 20px;
   line-height: 20px;
   letter-spacing: -1px;
   font-weight: normal;
   padding: 0px 0px 1px 0px;
   margin: 0px;
}

.post-title a{
   color: #442509;
   text-decoration: none;
}

.post-title a:visited {
   color: #CFC8B5;
   text-decoration: none;
}

.post-title a:hover {
   color:#A60707;
   text-decoration: none;
}

.post-author {
   padding: 1px 0px;
   margin: 0px;
   font-size: 10px;
   color:#ccc;
   font-weight: bold;
}

.post-body {
   padding: 0px 0px 5px 0px;
   font-size: 12px;
   line-height: 17px;
}

.post-body p{
   font-size: 12px;
   color: #302F27;
   line-height: 17px;
}

.post-body ul {
   padding: 10px 0px;
   margin: 0px;
}

.post-body ul li {
   padding: 2px 10px 2px 15px;
   list-style-type: none;
   background: url(http://img253.imageshack.us/img253/3825/postcontentliicohf8.png) no-repeat left top;
   font-size: 11px;
   line-height: 15px;
   color:#442509;
}

.post-body blockquote {
   padding: 2px 10px;
   background: #eee;
   margin: 0px 0px 0px 10px;

}

.post-body blockquote p {
   font-size: 11px;
   padding: 5px 0px;
   margin: 5px 0px;
   line-height: 15px;
   color:#41352B;
}

.post-body blockquote li {
   padding: 2px 0px 2px 15px;
   list-style-type: none;
   background: url(http://img410.imageshack.us/img410/634/postcontentblockliicobo1.png) no-repeat left top;
   font-size: 11px;
   line-height: 15px;
   color:#41352B;;
}

.post-body blockquote a {
   color:#2463B9;
}

.post-body blockquote a:visited {
   color:#BEBCAD;
}

.post-body blockquote a:hover {
   color:#f60;
}

.post-body a {
   text-decoration: underline;
}


.post-footer {
   padding: 10px;
   background: #eee;
   color:#292822;
   font-size: 10px;
   font-weight: bold;
}

.post-footer a {
   color: #59553A;
   text-decoration: none;
}

.post-labels {
   padding: 5px 0px 5px 18px;
   background: url(http://bp2.blogger.com/_Zuzii37VUO4/RrwFCqYSVsI/AAAAAAAACFQ/JyHXd5gFNdM/s1600/PostCateg.png) no-repeat left center;
 color: #f60;
}

.comment-link {
   padding: 5px 0px 5px 18px;
   background: url(http://bp3.blogger.com/_Zuzii37VUO4/RrwFC6YSVtI/AAAAAAAACFY/HAqR6RLzeyQ/s1600/PostCom.png) no-repeat left center;
}

#main-wrapper {overflow:hidden;}


#blog-pager-newer-link {
    float: left;
    padding: 5px;}
#blog-pager-older-link {
    float: right;
    padding: 5px;}
#blog-pager {
    text-align: center;}

/*-- Bagian sidebar --*/

#sidebar-wrapper {
   width: 475px;
   background: #eee;
   float: right;
   margin-right: 10px;
   position: relative;
}
#sidebarkiri {
   background: #eee;
   width: 275px;
   margin-left: 8px;
   float: left;
   padding: 5px;
   color: #85735D;
}

#sidebarkiri h2 {
   border-bottom: 1px dotted #372F24;
   color:#372F24;
   padding: 0px 0px 5px 0px;
   font-size: 15px;
}
#sidebarkiri ul {
   padding-left:0px;
   margin-left:0px;
}
#sidebarkiri li {
   margin: 0px;
   padding: 2px 0px 3px 0px;
   list-style-type: none;
   font-size: 11px;
}
#sidebarkiri li a {
   color:#36C;
}
#sidebarkiri li a:visited {
   color:#f60;
}
#sidebarkiri li a:hover {
   color:#6633CC;
}


/** css for the search box */
div#pm-search ul { /* unordered list */
margin-top: 0;
margin-right: 0;
margin-left: 0px;
margin-bottom: 5px;
padding: 0;
}
div#pm-search li { /* each list element */
list-style-type: none; /* don't edit this */
display: inline; /* don't edit this */
cursor: pointer; /* don't edit this */
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
margin-left: 0px;
text-indent: 0px;
padding: 0;
}
div#pm-search form { /* the search form */
margin: 0;
padding: 0;
}
div#pm-search-h {
display: block; /* don't edit this */
}
div#pm-search-g,
div#pm-search-b,
div#pm-search-t {
display: none; /* don't edit this */
}
div#pm-search input { /* the textbox and submit button */
background-color: #ffc;
border: 1px dotted #999;
color: #999;
}
.pm-search-selected { /* which search service is currently selected */
color: #f60;
border-bottom: 1px dotted #f60;
}
.pm-search-unselected { /* which search services are not selected */
color: #f60;
border-bottom: 1px dotted #f60;
}


#sidebarkanan {
   background: #eee;
   width: 170px;
   float: right;
   padding: 5px;
margin-right: 10px;
}
#sidebarkanan h2 {
   border-bottom: 1px dotted #372F24;
   color:#372F24;
   padding: 0px 0px 5px 0px;
   font-size: 15px;
}
#sidebarkanan ul {
   padding-left:0px;
   margin-left:0px;
}
#sidebarkanan li {
   margin: 0px;
   padding: 2px 0px 3px 0px;
   list-style-type: none;
   font-size: 11px;
}
#sidebarkanan li a {
   color:#36C;
}
#sidebarkanan li a:visited {
   color:#f60;
}
#sidebarkanan li a:hover {
   color:#6633CC;
}

/*-- Bagian widget content --*/
.widget-content {
}

.profile-datablock {
  margin-top: 3px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
  line-height: 140%;
color: #000;
}
.profile-textblock {
  margin-left: 0;
}

.profile-img {
  float: left;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 0;
  border:4px solid #ccb;
}


#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 {
}
/*-- Bagian bawah --*/

#footer-wrapper {
background: url(http://i217.photobucket.com/albums/cc189/layout4all/islamic-try_06-1.gif) no-repeat top center;
   width: 1000px;
   position: relative;
color:#f60;
height: 29px;
   clear: both;
text-align: center;
font-size: 11px;
}
#munir {
padding-top: 12px;
}

#footer-wrapper a {
   color:#B3AC90;
   text-decoration: none;
}

#footer-wrapper .links {
   font-size: 10px;
   color:#92b8cd;
   padding: 0px;
   margin: 0px;
}

/*-- Bagian Komentar --*/

#comments h4 {
   font-size: 14px;
   font-weight: bold;
   margin: 0px 0px 5px 0px;
   padding: 5px 0px;
   color:#ffc;
}

#comments dl {
}

.comment-author {
   margin: 0px;
   padding: 0px;
   font-size: 11px;
   line-height: 11px;
   letter-spacing: -1px;
   color:#261E1E;
   font-weight: bold;
   display: block;
}

.comment-body {
   margin: 5px 0px 0px 0px;
   padding: 0px;
   font-size: 11px;
   line-height: 15px;
   background: #eee;
   border: 1px solid #ccc;
   display: block;
}

dd.comment-footer {
   color:#261E1E;
   padding: 10px;
   margin: 0px;
   font-size: 10px;
}
dd.comment-footer a {
   color:#f60;
   text-decoration: none;
}
dd.comment-footer a:visited {
   text-decoration: none;
}
/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper {
  padding-top: 0;
 }
body#layout #header,
body#layout #content-wrapper,
body#layout #footer {
  padding: 0;
 }
]]></b:skin>

<script type='text/javascript'>
//<![CDATA[

/***********************************************
* Javascript functions for the search box
* made by PurpleMoggy :)
* http://purplemoggy.blogspot.com/
* http://layout4all.blogspot.com
***********************************************/
var search_which_one = "pm-f-h";
function selectH() {
document.getElementById('li-h').className = 'pm-search-selected';
document.getElementById('li-g').className = 'pm-search-unselected';
document.getElementById('li-b').className = 'pm-search-unselected';
document.getElementById('li-t').className = 'pm-search-unselected';
document.getElementById('pm-search-h').style.display = 'block';
document.getElementById('pm-search-g').style.display = 'none';
document.getElementById('pm-search-b').style.display = 'none';
document.getElementById('pm-search-t').style.display = 'none';
document.getElementById('pm-f-h').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-h";
}
function selectG() {
document.getElementById('li-h').className = 'pm-search-unselected';
document.getElementById('li-g').className = 'pm-search-selected';
document.getElementById('li-b').className = 'pm-search-unselected';
document.getElementById('li-t').className = 'pm-search-unselected';
document.getElementById('pm-search-h').style.display = 'none';
document.getElementById('pm-search-g').style.display = 'block';
document.getElementById('pm-search-b').style.display = 'none';
document.getElementById('pm-search-t').style.display = 'none';
document.getElementById('pm-f-g').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-g";
}
function selectB() {
document.getElementById('li-h').className = 'pm-search-unselected';
document.getElementById('li-g').className = 'pm-search-unselected';
document.getElementById('li-b').className = 'pm-search-selected';
document.getElementById('li-t').className = 'pm-search-unselected';
document.getElementById('pm-search-h').style.display = 'none';
document.getElementById('pm-search-g').style.display = 'none';
document.getElementById('pm-search-b').style.display = 'block';
document.getElementById('pm-search-t').style.display = 'none';
document.getElementById('pm-f-b').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-b";
}
function selectT() {
document.getElementById('li-h').className = 'pm-search-unselected';
document.getElementById('li-g').className = 'pm-search-unselected';
document.getElementById('li-b').className = 'pm-search-unselected';
document.getElementById('li-t').className = 'pm-search-selected';
document.getElementById('pm-search-h').style.display = 'none';
document.getElementById('pm-search-g').style.display = 'none';
document.getElementById('pm-search-b').style.display = 'none';
document.getElementById('pm-search-t').style.display = 'block';
document.getElementById('pm-f-t').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-t";
}


//]]>
</script>

</head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>main </a> |
      <a href='#sidebar'>sidebar</a>
    </span>

<!-- bagian header -->
    <div id='header-wrapper'>

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Islamic2 (Header)' type='Header'>
<b:includable id='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>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--Show image as background to text-->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-repeat: no-repeat; &quot;                      + &quot;width: &quot; + data:width + &quot;px; &quot;                      + &quot;height: &quot; + data:height + &quot;px;&quot;' 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='header2'/>
<div id='header3'/>
<!-- bagian menu -->
<div class='Menu'>

<ul>
    <li class='on'><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
    <li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><span>Entries (RSS)</span></a></li>
    <li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'><span>Comments (RSS)</span></a></li>
    <li class='page_item'><a href='#' title='Music'><span>Edit</span></a></li>
    <li class='page_item'><a href='#' title='Calender'><span>Edit</span></a></li>
    <li class='page_item'><a href='#' title='Links'><span>Edit</span></a></li>
    <li class='page_item'><a href='#' title='Contact'><span>Edit</span></a></li>
    <li class='page_item'><a href='http://layout4all.blogspot.com/' title='Template/layout'><span>Edit</span></a></li>
</ul>
</div>
<!-- bagian content -->  
    <div id='content-wrapper'>
<!-- bagian sidebar -->

<!-- sidebar kiri -->
<div id='sidebarkiri'>

<div id='pm-search'>

<div id='pm-search-h'>
<form action='http://layout4all.blogspot.com/search' method='get'>
<input id='pm-f-h' name='q' size='28' type='text' value=''/>
<input type='submit' value='Search'/>
</form>
</div>
<div id='pm-search-g'>
<form action='http://blogsearch.google.com/blogsearch' method='get'>
<input id='pm-f-g' name='as_q' size='28' type='text' value=''/>
<input type='submit' value='Search'/>
<input name='bl_url' type='hidden' value='layout4all.blogspot.com'/>
</form>
</div>
<div id='pm-search-b'>
<form action='http://search.blogger.com/' method='get'>
<input id='pm-f-b' name='as_q' size='28' type='text' value=''/>
<input type='submit' value='Search'/>
<input name='bl_url' type='hidden' value='layout4all.blogspot.com'/>
</form>
</div>
<div id='pm-search-t'>
<form action='http://www.technorati.com/search.php' method='post'>
<input id='pm-f-t' maxlength='255' name='s' size='28' type='text'/>
<input type='submit' value='Search'/>
<input name='sub' type='hidden' value='searchlet'/>
<input name='from' type='hidden' value='layout4all.blogspot.com'/>
<input name='authority' type='hidden' value='n'/>
<input name='language' type='hidden' value='n'/>
</form>
</div>
<ul>
<li class='pm-search-selected' id='li-h' onclick='selectH()'>here</li><li class='pm-search-unselected' id='li-g' onclick='selectG()'>google</li><li class='pm-search-unselected' id='li-b' onclick='selectB()'>blogger</li><li class='pm-search-unselected' id='li-t' onclick='selectT()'>technorati</li>
</ul>
</div>
        <b:section class='sidebar' id='sidebar-kiri' 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 == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + 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='&quot;archivedate &quot; + 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='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <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'><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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>

<!-- bagian main -->
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' 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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>


  <div class='post hentry uncustomized-post-template'><div class='posthead'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-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>

      <small><span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

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



</div>

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

    <div class='post-body entry-content'>
      <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-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>

          <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 != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <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 != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </p>

      <p class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</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='primarycontent'>
    <div id='primarycontent'><div>


            <!-- posts -->
            <div class='blog-posts'>
                <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 == &quot;item&quot;'>
                        <b:if cond='data:post.allowComments'>
                            <b:include data='post' name='comments'/>
                        </b:if>
                    </b:if>
                </b:loop>
            </div>



            <b:includable id='post' var='post'>
                <div class='item entry'>

                <div class='itemhead'>
                    <a expr:name='data:post.id'/>
                    <b:if cond='data:post.title'>
                        <h3>
                        <b:if cond='data:post.url'>
                            <a expr:href='data:post.url'><data:post.title/></a>
                        <b:else/>
                            <data:post.title/>
                        </b:if>
                        </h3>
                    </b:if>

                    <small class='metadata'>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>

                            <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 class='chronodata'>
                            <b:if cond='data:top.showAuthor'>
                                <data:top.authorLabel/> <data:post.author/>
                            </b:if>
                            <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>

                    </small>
                </div>

                <div class='itemtext'>
                    <p><data:post.body/></p>
                    <div style='clear: both;'/> <!-- clear for photos floats -->
                </div>


                <div class='itemhead'>
                    <p class='post-footer-line post-footer-line-1'>

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

                    <span class='post-icons'>
                        <!-- email post links -->
                        <b:if cond='data:post.emailPostUrl'>
                            <span class='item-action'>
                            <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 != &quot;true&quot;'>,</b:if>
                            </b:loop>
                        </b:if>
                    </span>
                    </p>

                    <p class='post-footer-line post-footer-line-3'/>

                </div></div>
            </b:includable>


            <b:includable id='postQuickEdit' var='post'>
                <b:if cond='data:post.editUrl'>
                    <span expr:class='&quot;item-control &quot; + 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='commentDeleteIcon' var='comment'>
                <span expr:class='&quot;item-control &quot; + 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='backlinkDeleteIcon' var='backlink'>
                <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                    <a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
                        <span class='delete-comment-icon'/>
                    </a>
                </span>
            </b:includable>







        <div class='comments'>
            <b:includable id='comments' var='post'>


                <a name='comments'/>
                <h4>
                    <b:if cond='data:post.numComments == 1'>
                        1 Comment:
                    <b:else/>
                        <data:post.numComments/> Comments:
                    </b:if>
                </h4>

                <ol id='commentlist'>

                    <li class='item'>
                        <b:loop values='data:post.comments' var='comment'>
                            <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
                                <a expr:name='&quot;comment-&quot; + data:comment.id'/>
                                <b:if cond='data:comment.authorUrl'>
                                    <span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span>
                                <b:else/>
                                    <span class='commentauthor'><data:comment.author/></span>
                                </b:if>
                                said...
                            </dt>
                            <small class='commentmetadata'>
                                <a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
                                    <data:comment.timestamp/>
                                </a>
                                <b:include data='comment' name='commentDeleteIcon'/>
                            </small>

                            <b:if cond='data:comment.isDeleted'>
                                <div class='itemtext'><data:comment.body/></div>
                            <b:else/>
                                <div class='itemtext'><data:comment.body/></div>
                            </b:if>

                        </b:loop>
                    </li>
                </ol>

                <p>
                    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a>
                </p><br/><br/>

                    <div class='backlinks-container'>
                         <b:if cond='data:post.showBacklinks'>
                             <b:include data='post' name='backlinks'/>
                         </b:if>
                    </div>
            </b:includable>


            <b:includable id='backlinks' var='post'>
                <a name='links'/><h4><data:post.backlinksLabel/></h4>

                <b:if cond='data:post.numBacklinks != 0'>
                    <ol>
                        <b:loop values='data:post.backlinks' var='backlink'>
                            <div class='collapsed-backlink backlink-control'>
                                <span class='commentauthor'>
                                    <span class='backlink-toggle-zippy'>&#160;</span>
                                    <a expr:href='data:backlink.url'><data:backlink.title/></a>
                                    <b:include data='backlink' name='backlinkDeleteIcon'/>
                                </span>
                                <dd class='comment-body collapseable'>
                                    <data:backlink.snippet/>
                                </dd>
                                <small class='commentmetadata'>
                                    <span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span>
                                    <data:post.timestampLabel/> <data:backlink.timestamp/>
                                </small>
                            </div>
                        </b:loop>
                    </ol>
                </b:if>

                <p>
                    <a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
                </p>

            </b:includable>


            <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
                    <b:if cond='data:feedLinks'>
                        <div class='blog-feeds'>;;
                            <b:include data='feedLinks' name='feedLinksBody'/>
                        </div>
                    </b:if>

                    <b:else/> <!--Post feed links -->
                    <div class='post-feeds'>
                        <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.allowComments'>
                                <b:if cond='data:post.feedLinks'>
                                    <b:include data='post.feedLinks' name='feedLinksBody'/>
                                </b:if>
                            </b:if>
                        </b:loop>
                    </div>
                </b:if>
            </b:includable>
            <b:includable id='feedLinksBody' var='links'>
                <div class='feed-links'>
                Subscribe to:
                <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>
        </div></div></div>
        </b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + 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='PeekABooPost' var='post'>
  <div class='post uncustomized-post-template'>
      <table><tr>
    <td width='40px'>
        <a expr:onclick='&quot;javascript:toggleIt(\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Expand/collapse this post'>[+/-]</a>
    </td>
    <td>
        <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
    </td>
    </tr></table>
      <div class='post-body' expr:id='data:post.id' style='display:none'>
        <p><data:post.body/></p>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + 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='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

    <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 == &quot;item&quot;'>
        <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:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <p class='breadcrumbs'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          You are here:
          <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  &gt;
          <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == &quot;true&quot;'>
              <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
            </b:if>
          </b:loop>
          <b:if cond='data:post.title'>
            &gt;  <b><data:post.title/></b>
          </b:if>
        </b:if>
      </span>
      </p>
  </b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + 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='nextprev-icon'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span class='pushbutton'><span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/left.1.gif'/></a>
      </span></span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span class='pushbutton'><span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/right.1.gif'/></a>
     </span></span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <span class='pushbutton'><a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/home.1.gif'/></a></span>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <span class='pushbutton'><a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/home.1.gif'/></a></span>
      </b:if>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</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='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='&quot;comment-&quot; + data:comment.id'>
            <a expr:name='&quot;comment-&quot; + 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='&quot;#comment-&quot; + 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 + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

<!-- sidebar kanan -->
<div id='sidebarkanan'>
        <b:section class='sidebar' id='sidebar-kanan' preferred='yes'>
<b:widget id='Label1' locked='false' title='label' 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'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </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>
      </div>

<!-- bagian antara-->
      <div class='clear'/>
    </div>
<!-- bagian bawah -->
    <div id='footer-wrapper'><div id='munir'>
  <!-- Tulisan dibawah ini jangan dihapus -->
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Design by <a href='http://layout4all.blogspot.com/'> Abdul Munir</a> Visit Original Post <a href='http://layout4all.blogspot.com/2007/12/islamic2-template.html'>Islamic2 Template</a>
    </div></div>
  </div></div>
</body>
</html>