<?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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu6lzN9WRxLq7uKKVVu_0q7L2ybh8CKj_nLNUWcELSuMAurg0rlJk-XXwgdIG5ylnzyeLSd_CjFeYjLJfMX6PzuL5Z_SKLUGbjRGllewSCTBgL6eOS21QhEyUV5vNYCgzfipoPlIMrr_oU/s1600/PostCateg.png) no-repeat left center;
color: #f60;
}
.comment-link {
padding: 5px 0px 5px 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8lEjBczRVgVsXhji4ZTe_8jTH4hMf7KKXEIPCJPT2_nSkmEs22rKf_bzQtlUr6ZordmHMbSEJGYbJKgbo_4LWfyxsqXXhoIrKRNsjS6tjudSVg_YhvzSoL7T3s_GFckHyzqtwuKoplCum/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 == "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='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 + "feeds/posts/default"'><span>Entries (RSS)</span></a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'><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 == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
(<span class='post-count'><data:i.post-count/></span>)
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><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>
<!-- 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 + "_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'> </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 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 != "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' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </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='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 == "item"'>
<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 != "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 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 != "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'> </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='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'> </span>
</a>
</span>
</b:if>
</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'> </span>
</a>
</span>
</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'/>
</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='"comment-" + data:comment.id'>
<a expr:name='"comment-" + 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='"#comment-" + 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'> </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 != "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='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='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' 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='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </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 == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<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> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <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='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 != "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='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='"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: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>
FITZ FREEDOM ISLAMI
Facebook
