KOLOM EKSTRIM




TEMPLATE 8 KOLOM 7POSTING 1 SIDEBAR
COPY KODE DIBAWAH IN
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------------------
Theme Name: GUMBALL SPECIAL
Theme URI: http://www.hellbiscuit.com/
Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
Version: 1.0
Author: Evan Eckard
Author URI: http://www.evaneckard.com/
-----------------------------------------------------------------
Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/
-----------------------------------------------------------------
*/

.Navbar {visibility:hidden;display: none;}
body {
margin:0 10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: blue;#333333;
}

#container {
width:1100px;
padding:10px 0;
margin:0 auto;

}

/* header area */

#container h3 {
font-size:34px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:34px;
padding:0 0 6px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnV1gpnCiX_fK7EKVJH_rGKb4ydWgQMd8OGTZ9t5s0UEdLaOshNBK49j7wnR3XyHRyn5kRm7eBvt5d1hcmSyTwKjepGhnD4cpcklcmdmId2hbNuED-sHTWr3vS3i0Hrkl1MEQyt_SfDWbD/s1600/double-line.gif) repeat-x left bottom;
display:inline;
}
#container h3 a {
text-decoration:none;
color:yellow;#333;
}
#container h3 a:hover {
color:#1958b7;
}
.hellbiscuit a {
display:block;
width:251px;
height:15px;
margin-top:16px;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:red; no-repeat;
}


/* home columns */

#col01 {
width:880px;
float:left;
overflow:hidden;
}
#col02 {
width:200px;
float:right;
overflow:hidden;
}
#col01, #col02 {
padding:10px 0;
}

/* home post */

#col01 .home-post {
width:105px;
margin:0 20px -90px 0;
height:280px;
overflow:hidden;
float:left;
}
#col01 .home-post .title {
background:url(http://2.bp.blogspot.com/-JP5Cj2GLg4w/TfqK2HxtLsI/AAAAAAAACH4/8G-i6Ubn5io/s1600/rt%2B5%2Batas.JPG)no-repeat;
padding:4px 8px;
}
#col01 .home-post .title h2 {
margin:0;
padding:0;
}
#col01 .home-post .title h2 a {
text-decoration:none;
text-transform:uppercase;
color:red;
margin:0;
padding:0;
font-size:14px;
line-height:16px;
}
#col01 .home-post .title h2 a:hover {
color:yellow;#000;
border-bottom:none;
background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
height:200px;
width:105px;
overflow:hidden;
position:relative;
border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
text-decoration:none;
border:none;
}
#col01 .home-post .excerpt {color:#333333;
height:180px;
overflow:hidden;
padding:0px 0px 0;
font-size:10px;
line-height:16px;
background:white;#a7a7a7;
border:1px solid #1958b7;
}
#col01 .home-post .excerpt p { text-decoration:none;
margin:0 0 10px;
padding:0;
}
#col01 .home-post .excerpt a {
color:white;#333333;
border:0px solid #1958b7;
}
#col01 .home-post .excerpt a:hover {
text-decoration:none;
color:brown;#333333;
background:#A7A7A7;
}
#col01 .home-post .meta {
padding:4px 8px 0 24px;
height:35px;
background:url(http://2.bp.blogspot.com/-AQPtPQplWYU/TfqLYi3H8yI/AAAAAAAACIA/920KdfKzED0/s1600/rt%2B5%2Bbawah.JPG)no-repeat 0px 0px;
text-transform:uppercase;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:rgb(103,135,196);

float:left;
border-bottom:1px solid tansparant;
}

#col01 .home-post .author a {
display:block;
font-size:10px;
color:#508fc4;
text-decoration:none;
float:right;
}
#col01 .home-post .comments a:hover, #508fc4 .home-post .author a:hover {
color:red;#000;
}


/* single template post */

#col01 .post {
padding:0 20px 20px 0;
font-size:12px;
line-height:19px;
}
#col01 .post a {
color:#1958b7;
}
#col01 .post a:hover {
background:#FFFAC7;
color:#000;
text-decoration:none;
}
#col01 .post h1 {
font-size:28px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:32px;
padding:0 0 6px;
}
#col01 .post h4 {
font-size:20px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:26px;
padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
text-decoration:none;
color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
color:#fff;
border-bottom:none;
background-color:#ff0067;
}
#col01 .post-upper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:12px 0;
font-size:11px;
line-height:16px;
color:#606060;
}
#col01 .post-upper a {
color:#606060;
text-decoration:none;
}
#col01 .post-upper a:hover {
color:#1958b7;
text-decoration:none;
}
#col01 .post-upper .digg {
float:right;
}
#col01 .post .image {
float:right;
margin:12px 0 12px 12px;
}


/* categories page */

#col01 .cat-name {
font-size:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:4px 0 8px;
width:700px;
}
#col01 .category-name {
font-size:18px;
color:#fff;
text-transform:uppercase;
background:#ff0067;
font-weight:bold;
}


/* comments outer */

#comments-holder {
padding:12px 0 0;
}

/* comment list styles */

#comment-list {
font-size:12px;
padding:10px 0;
}
#comment-list .bigger {
font-weight:normal;
font-size:16px;
line-height:20px;
text-transform:uppercase;
}
.comment-left {
padding:16px 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
}
.comment-meta {
float:left;
width:120px;
margin-right:10px;
font-size:10px;
font-weight:bold;
font-color:red;
}
.comment-metadata {
font-size:10px;
font-weight:normal;
}
.comment-metadata a {
text-decoration:none;
}
.comment-metadata a:hover {
text-decoration:none;
}
.comment-txt {
float:left;
width:440px;
font-size:12px;
line-height:18px;
}
cite {
font-style:normal;
text-transform:uppercase;
font-size:12px;
}

/* comment form styles */

.comments-PII, .comments-PII-2 {
float:left;
}
.comments-PII {
width:280px;
margin-right:15px;
}
.comments-PII-2 {
width:380px;
}
.comments-PII input {
font-size:12px;
width:270px;
padding:2px;
}
.comments-PII-2 textarea {
font-size:12px;
width:370px;
height:180px;
padding:2px;
}
.submit-btn {
display:block;
padding:0;
cursor:pointer;
width:141px;
height:34px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;
border-style:none;
}

.submit-btn:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
font-size:10px;
}


/* misc */

.uppercase {
text-transform:uppercase;
}






/* col02 stuff */

#categories {
height:340px;
background:red;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPGVG5s3nqi1802NbK-d1D0W_6_ViO_vRt6eHmV0v2XUiAlj9p7w5sKSW3-Ebun3WwhPreMqlgZVvUsRqfJRYVoTDTGhekikv_A1maqExGcl0FZHnVNq8Xgtn920fhGwumr3by-X8xkLc/s1600/nav-back.gif) no-repeat;
overflow:hidden;
margin-bottom:20px;
}
#col02 h2 {
background:green;#1958b7;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#col02 ul {
color:blue;#A6A6A6;
margin:0 0;
padding:0 20px;
overflow:auto;
height:100%;
}
#col02 li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #d3d3d3;
}
#col02 li a {
display:block;
color:magenta;#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 li a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
#col02 a {
display:block;
color:yellow;#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:rgb(103,135,196);#A6A6A6;
height:100%;
}
#sponsor-box {
height:340px;
background:#A7A7A7;
overflow:hidden;
position:relative;
margin-bottom:20px;
}
#sponsor-box .title {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#sponsor-box .sponsor {
padding:10px 0 0;
width:200px;
height:133px;
overflow:hidden;
margin:0 auto;
}
#sponsor-box .meta {
padding:4px 8px 0;
position:absolute;
bottom:0px;
left:0px;
width:204px;
height:19px;
background:#7f7f7f;
text-transform:uppercase;
text-align:right;
}
#sponsor-box .meta a {
font-size:10px;
color:#fff;
text-decoration:none;
}
#sponsor-box .meta a:hover {
color:#000;
}


#about-box {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqQ9U5vphiPLHNrNlUCyIWL00RI_UzILIPTdxZkQiwl-9iYWCeZ2f99bUgbYtE3v9vwU_bOwV3RyyIf6yr1n4sxBpwG_uaNPncI-uhaIXBvSqH9MGjgo6vCgtFAnfHavBqCT9F34UNXTi/s1600/about-back.gif) no-repeat;
overflow:hidden;
}
#about-box .pages {
margin:10px 0;
padding:0 20px;
overflow:auto;
height:159px;
border-bottom:1px solid #fff;
}
#about-box .pages li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #A7A7A7;
}
#about-box .pages a {
display:block;
color:#000;
text-transform:uppercase;
font-size:10px;
padding:4px 0;
text-decoration:none;
}
#about-box .pages a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}


/* search form */

#about-box form {
padding:10px 20px;
margin:0;
text-align:right;
border-bottom:1px solid #fff;
height:56px;
}
#about-box .txt-field {
font-size:12px;
margin:0 0 6px;
width:176px;
padding:1px;
}
#about-box .btn-search {
display:block;
padding:0;
cursor:pointer;
float:right;
width:89px;
height:28px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;
border-style:none;
}

#about-box .btn-search:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}


#about-box .rss a {
display:block;
width:180px;
padding:5px 0;
margin:10px auto 0;
color:#333;
border-bottom:1px solid #A7A7A7;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezzBKSaQ6-zYclgM4zunB_NMxpoamC2xULuoXyypwxBqCmnK5t1iEWr-wwMKpN6TY5eXSOElCtUxa5bjqjziYW44SI0bhDB1CFt31dA3HGDE9j42lo1QV09zBuQudhZnA2ecRHI9Y4owZ/s1600/icon-rss.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .rss a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;
}
#about-box .bookmark a {
display:block;
width:180px;
padding:5px 0;
margin:0 auto;
color:#333;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .bookmark a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;
}



/* footer */

#footer {
padding:20px 0;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
font-size:10px;
line-height:14px;
color:#5f5f5f;
}
#footer a {
color:#5f5f5f;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer .sm-logo a {
display:block;
width:100px;
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;
}
#footer .sm-logo2 a {
display:block;
width:45px;
height:46px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo2 a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;
}



]]></b:skin>
</head>

<body>
<div id='container'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='5' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='DATABASE ONLINE RT 5 RW 4 KUPANG PANJAAN Kel Dr SUTOMO Kec TEGALSARI (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h3><data:title/></h3>
<b:else/>
<a expr:href='data:blog.homepageUrl'><h3><data:title/></h3></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. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h3>
<b:include name='title'/>
</h3>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='col01'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div id='page-nav'>
<b:if cond='data:newerPageUrl'>
<span class='newer'>
<a class='newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:HALAMAN_SESUDAHNYA'><data:newerPageTitle/></a>
</span>
</b:if>

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</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='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>

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




<div class='home-post'> <!-- Starting Post Upper Portion -->
<div class='home-post-upper'>
<div class='title'><h2><a expr:href='data:post.url'><data:post.title/></a></h2></div>
<div class='excerpt'><p><data:post.body/></p></div>
</div>
<div class='meta'><span class='comments'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a></span><span class='author'><a expr:href='data:post.url'>Read On &gt;&gt;</a></span></div>
</div> <!-- Ending Post Summarized Form -->


<b:else/>




<div class='post'>

<div class='post-upper'>
<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
<span class='digg'>
<script type='text/javascript'>
digg_bgcolor = &#39;#ffffff&#39;;
digg_skin = &#39;compact&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></span>
<span class='uppercase'>Posted <data:post.timestamp/></span> <em>by</em> <span class='uppercase'><data:post.author/></span> <em>in</em> <span class='uppercase'> <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></div> <!-- Ending Post Upper Portion -->








<a expr:name='data:post.id'/>

<div class='post-header-line-1'/>
<div style='margin-top: 15px;'>
<data:post.body/>
<br clear='all'/> <!-- clear for photos floats -->
</div>
<br clear='all'/> <div id='comments-holder'>
<div id='comment-list'><data:post.numComments/> KOMENTAR... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div>


</div> <!-- Ending Post Body -->

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


<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

<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'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

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

<div class='post-footer-line post-footer-line-2'>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' 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'>&amp;lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' 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'>&amp;rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template'>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<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>

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

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void();'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</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'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</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:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</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' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

<div style='clear: both;'/>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<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>
</b:if>
</div>
</div>
</div>
</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>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comment-left'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><div class='comment-txt'><data:comment.body/></div></span>
<b:else/>
<div class='comment-txt'><p><data:comment.body/></p></div>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-metadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<br/>
<br/>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</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>

<div id='col02'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML5' locked='false' title='KODE HTML BLOG INI' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML17' locked='false' title='ACARA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML23' locked='false' title='DATA PENDUDUK RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML22' locked='false' title='DATA PENDUDUK MUSIMAN RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='DATA PENDUDUK TINGGAL DI LUAR WILAYAH RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML20' locked='false' title='DATA KK WARGA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML13' locked='false' title='KK YANG TINGGAL DISINI' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='PESAN KE TEMAN ANDA' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList16' locked='true' title='HALAMAN UTAMA' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul class='sf-menu' id='menu-menu-1'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='current-cat'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML101' locked='true' title='Featured Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<div id='about-box'>
<ul class='pages'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a></li>

</ul>
<form action='http://www.google.com/cse' id='cse-search-box' target='_blank'>
<div>
<input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='25' type='text'/>
<input name='sa' type='submit' value='Search'/>
</div>
</form>
<script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
<span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div> <br clear='all'/>

<div id='footer'><span class='sm-logo'><a href='http://www.hellbiscuit.com'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/>
Dibeli dari <a href='http://www.evaneckard.com'>EvanEckard.com</a> dan <a href='http://www.hellbiscuit.com'>HELLBISCUIT</a>. oleh Blogger Template <a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a> dan <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>.</div>

</div>
</body>
</html>





TEMPLATE 6 KOLOM 5POSTING 1 SIDEBAR
COPY KODE DIBAWAH IN
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------------------
Theme Name: GUMBALL SPECIAL
Theme URI: http://www.hellbiscuit.com/
Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
Version: 1.0
Author: Evan Eckard
Author URI: http://www.evaneckard.com/
-----------------------------------------------------------------
Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/
-----------------------------------------------------------------
*/

.Navbar {visibility:hidden;display: none;}
body {
margin:0 10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: blue;#333333;
}

#container {
width:1100px;
padding:20px 0;
margin:0 auto;

}

/* header area */

#container h3 {
font-size:34px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:34px;
padding:0 0 6px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnV1gpnCiX_fK7EKVJH_rGKb4ydWgQMd8OGTZ9t5s0UEdLaOshNBK49j7wnR3XyHRyn5kRm7eBvt5d1hcmSyTwKjepGhnD4cpcklcmdmId2hbNuED-sHTWr3vS3i0Hrkl1MEQyt_SfDWbD/s1600/double-line.gif) repeat-x left bottom;
display:inline;
}
#container h3 a {
text-decoration:none;
color:yellow;#333;
}
#container h3 a:hover {
color:#1958b7;
}
.hellbiscuit a {
display:block;
width:150px;
height:15px;
margin-top:16px;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:red; no-repeat;
}


/* home columns */

#col01 {
width:880px;
float:left;
overflow:hidden;
}
#col02 {
width:200px;
float:right;
overflow:hidden;
}
#col01, #col02 {
padding:20px 0;
}

/* home post */

#col01 .home-post {
width:150px;
margin:0 20px -90px 0;
height:350px;
overflow:hidden;
float:left;
}
#col01 .home-post .title {
background:rgb(103,135,196);url(http://2.bp.blogspot.com/-JP5Cj2GLg4w/TfqK2HxtLsI/AAAAAAAACH4/8G-i6Ubn5io/s1600/rt%2B5%2Batas.JPG)no-repeat;
padding:4px 8px;
}
#col01 .home-post .title h2 {
margin:0;
padding:0;
}
#col01 .home-post .title h2 a {
text-decoration:none;
text-transform:uppercase;
color:red;
margin:0;
padding:0;
font-size:14px;
line-height:16px;
}
#col01 .home-post .title h2 a:hover {
color:yellow;#000;
border-bottom:none;
background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
height:230px;
width:150px;
overflow:hidden;
position:relative;
border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
text-decoration:none;
border:none;
}
#col01 .home-post .excerpt {color:#333333;
height:230px;
overflow:hidden;
padding:6px 6px 0;
font-size:10px;
line-height:16px;
background:white;#a7a7a7;
border:1px solid #1958b7;
}
#col01 .home-post .excerpt p { text-decoration:none;
margin:0 0 10px;
padding:0;
}
#col01 .home-post .excerpt a {
color:white;#333333;
border:0px solid #1958b7;
}
#col01 .home-post .excerpt a:hover {
text-decoration:none;
color:brown;#333333;
background:#A7A7A7;
}
#col01 .home-post .meta {
padding:4px 8px 0 24px;
height:10px;
background:rgb(103,135,196);url(http://2.bp.blogspot.com/-AQPtPQplWYU/TfqLYi3H8yI/AAAAAAAACIA/920KdfKzED0/s1600/rt%2B5%2Bbawah.JPG)no-repeat 0px 0px;
text-transform:uppercase;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:yellow;

float:left;
border-bottom:1px solid tansparant;
}

#col01 .home-post .author a {
display:block;
font-size:10px;
color:#508fc4;
text-decoration:none;
float:right;
}
#col01 .home-post .comments a:hover, #508fc4 .home-post .author a:hover {
color:red;#000;
}


/* single template post */

#col01 .post {
padding:0 20px 20px 0;
font-size:12px;
line-height:19px;
}
#col01 .post a {
color:#1958b7;
}
#col01 .post a:hover {
background:#FFFAC7;
color:#000;
text-decoration:none;
}
#col01 .post h1 {
font-size:28px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:32px;
padding:0 0 6px;
}
#col01 .post h4 {
font-size:20px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:26px;
padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
text-decoration:none;
color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
color:#fff;
border-bottom:none;
background-color:#ff0067;
}
#col01 .post-upper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:12px 0;
font-size:11px;
line-height:16px;
color:#606060;
}
#col01 .post-upper a {
color:#606060;
text-decoration:none;
}
#col01 .post-upper a:hover {
color:#1958b7;
text-decoration:none;
}
#col01 .post-upper .digg {
float:right;
}
#col01 .post .image {
float:right;
margin:12px 0 12px 12px;
}


/* categories page */

#col01 .cat-name {
font-size:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:4px 0 8px;
width:700px;
}
#col01 .category-name {
font-size:18px;
color:#fff;
text-transform:uppercase;
background:#ff0067;
font-weight:bold;
}


/* comments outer */

#comments-holder {
padding:12px 0 0;
}

/* comment list styles */

#comment-list {
font-size:12px;
padding:10px 0;
}
#comment-list .bigger {
font-weight:normal;
font-size:16px;
line-height:20px;
text-transform:uppercase;
}
.comment-left {
padding:16px 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
}
.comment-meta {
float:left;
width:120px;
margin-right:10px;
font-size:10px;
font-weight:bold;
font-color:red;
}
.comment-metadata {
font-size:10px;
font-weight:normal;
}
.comment-metadata a {
text-decoration:none;
}
.comment-metadata a:hover {
text-decoration:none;
}
.comment-txt {
float:left;
width:440px;
font-size:12px;
line-height:18px;
}
cite {
font-style:normal;
text-transform:uppercase;
font-size:12px;
}

/* comment form styles */

.comments-PII, .comments-PII-2 {
float:left;
}
.comments-PII {
width:280px;
margin-right:15px;
}
.comments-PII-2 {
width:380px;
}
.comments-PII input {
font-size:12px;
width:270px;
padding:2px;
}
.comments-PII-2 textarea {
font-size:12px;
width:370px;
height:180px;
padding:2px;
}
.submit-btn {
display:block;
padding:0;
cursor:pointer;
width:141px;
height:34px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;
border-style:none;
}

.submit-btn:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
font-size:10px;
}


/* misc */

.uppercase {
text-transform:uppercase;
}






/* col02 stuff */

#categories {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPGVG5s3nqi1802NbK-d1D0W_6_ViO_vRt6eHmV0v2XUiAlj9p7w5sKSW3-Ebun3WwhPreMqlgZVvUsRqfJRYVoTDTGhekikv_A1maqExGcl0FZHnVNq8Xgtn920fhGwumr3by-X8xkLc/s1600/nav-back.gif) no-repeat;
overflow:hidden;
margin-bottom:20px;
}
#col02 h2 {
background:#1958b7;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#col02 ul {
color:#A6A6A6;
margin:0 0;
padding:0 20px;
overflow:auto;
height:100%;
}
#col02 li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #d3d3d3;
}
#col02 li a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 li a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
#col02 a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:#A6A6A6;
height:100%;
}
#sponsor-box {
height:340px;
background:#A7A7A7;
overflow:hidden;
position:relative;
margin-bottom:20px;
}
#sponsor-box .title {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#sponsor-box .sponsor {
padding:10px 0 0;
width:200px;
height:133px;
overflow:hidden;
margin:0 auto;
}
#sponsor-box .meta {
padding:4px 8px 0;
position:absolute;
bottom:0px;
left:0px;
width:204px;
height:19px;
background:#7f7f7f;
text-transform:uppercase;
text-align:right;
}
#sponsor-box .meta a {
font-size:10px;
color:#fff;
text-decoration:none;
}
#sponsor-box .meta a:hover {
color:#000;
}


#about-box {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqQ9U5vphiPLHNrNlUCyIWL00RI_UzILIPTdxZkQiwl-9iYWCeZ2f99bUgbYtE3v9vwU_bOwV3RyyIf6yr1n4sxBpwG_uaNPncI-uhaIXBvSqH9MGjgo6vCgtFAnfHavBqCT9F34UNXTi/s1600/about-back.gif) no-repeat;
overflow:hidden;
}
#about-box .pages {
margin:10px 0;
padding:0 20px;
overflow:auto;
height:159px;
border-bottom:1px solid #fff;
}
#about-box .pages li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #A7A7A7;
}
#about-box .pages a {
display:block;
color:#000;
text-transform:uppercase;
font-size:10px;
padding:4px 0;
text-decoration:none;
}
#about-box .pages a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}


/* search form */

#about-box form {
padding:10px 20px;
margin:0;
text-align:right;
border-bottom:1px solid #fff;
height:56px;
}
#about-box .txt-field {
font-size:12px;
margin:0 0 6px;
width:176px;
padding:1px;
}
#about-box .btn-search {
display:block;
padding:0;
cursor:pointer;
float:right;
width:89px;
height:28px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;
border-style:none;
}

#about-box .btn-search:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}


#about-box .rss a {
display:block;
width:180px;
padding:5px 0;
margin:10px auto 0;
color:#333;
border-bottom:1px solid #A7A7A7;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezzBKSaQ6-zYclgM4zunB_NMxpoamC2xULuoXyypwxBqCmnK5t1iEWr-wwMKpN6TY5eXSOElCtUxa5bjqjziYW44SI0bhDB1CFt31dA3HGDE9j42lo1QV09zBuQudhZnA2ecRHI9Y4owZ/s1600/icon-rss.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .rss a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;
}
#about-box .bookmark a {
display:block;
width:180px;
padding:5px 0;
margin:0 auto;
color:#333;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .bookmark a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;
}



/* footer */

#footer {
padding:20px 0;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
font-size:10px;
line-height:14px;
color:#5f5f5f;
}
#footer a {
color:#5f5f5f;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer .sm-logo a {
display:block;
width:100px;
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;
}
#footer .sm-logo2 a {
display:block;
width:45px;
height:46px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo2 a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;
}
]]></b:skin>
</head>

<body>
<div id='container'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='5' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='SUSUNAN PENGURUS RT 05 (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h3><data:title/></h3>
<b:else/>
<a expr:href='data:blog.homepageUrl'><h3><data:title/></h3></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. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h3>
<b:include name='title'/>
</h3>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='col01'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML16' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML19' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div id='page-nav'>
<b:if cond='data:newerPageUrl'>
<span class='newer'>
<a class='newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:HALAMAN_SESUDAHNYA'><data:newerPageTitle/></a>
</span>
</b:if>

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</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='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>

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




<div class='home-post'> <!-- Starting Post Upper Portion -->
<div class='home-post-upper'>
<div class='title'><h2><a expr:href='data:post.url'><data:post.title/></a></h2></div>
<div class='excerpt'><p><data:post.body/></p></div>
</div>
<div class='meta'><span class='comments'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a></span><span class='author'><a expr:href='data:post.url'>Read On &gt;&gt;</a></span></div>
</div> <!-- Ending Post Summarized Form -->


<b:else/>




<div class='post'>

<div class='post-upper'>
<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
<span class='digg'>
<script type='text/javascript'>
digg_bgcolor = &#39;#ffffff&#39;;
digg_skin = &#39;compact&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></span>
<span class='uppercase'>Posted <data:post.timestamp/></span> <em>by</em> <span class='uppercase'><data:post.author/></span> <em>in</em> <span class='uppercase'> <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></div> <!-- Ending Post Upper Portion -->








<a expr:name='data:post.id'/>

<div class='post-header-line-1'/>
<div style='margin-top: 15px;'>
<data:post.body/>
<br clear='all'/> <!-- clear for photos floats -->
</div>
<br clear='all'/> <div id='comments-holder'>
<div id='comment-list'><data:post.numComments/> TULIS PESAN... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div>


</div> <!-- Ending Post Body -->

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


<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

<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'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

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

<div class='post-footer-line post-footer-line-2'>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' 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'>&amp;lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' 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'>&amp;rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template'>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<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>

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

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void();'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</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'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</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:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</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' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

<div style='clear: both;'/>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<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>
</b:if>
</div>
</div>
</div>
</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>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comment-left'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><div class='comment-txt'><data:comment.body/></div></span>
<b:else/>
<div class='comment-txt'><p><data:comment.body/></p></div>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-metadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<br/>
<br/>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</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>

<div id='col02'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML17' locked='false' title='ACARA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML23' locked='false' title='DATA PENDUDUK RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML22' locked='false' title='DATA PENDUDUK MUSIMAN RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='DATA PENDUDUK TINGGAL DI LUAR WILAYAH RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML20' locked='false' title='DATA KK WARGA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='STRUKTUR PENGURUS RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML13' locked='false' title='KK YANG TINGGAL DISINI' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='SILAHKAN KOMENTAR' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList16' locked='true' title='HALAMAN UTAMA' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul class='sf-menu' id='menu-menu-1'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='current-cat'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML101' locked='true' title='Featured Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<div id='about-box'>
<ul class='pages'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a></li>

</ul>
<form action='http://www.google.com/cse' id='cse-search-box' target='_blank'>
<div>
<input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='25' type='text'/>
<input name='sa' type='submit' value='Search'/>
</div>
</form>
<script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
<span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div> <br clear='all'/>

<div id='footer'><span class='sm-logo'><a href='http://www.hellbiscuit.com'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/>
Dibeli dari <a href='http://www.evaneckard.com'>EvanEckard.com</a> dan <a href='http://www.hellbiscuit.com'>HELLBISCUIT</a>. oleh Blogger Template <a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a> dan <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>.</div>

</div>
</body>
</html>









TEMPLATE 5 KOLOM 4 POSTING 1 SIDEBAR
COPY KODE DIBAWAH IN
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------------------
Theme Name: GUMBALL SPECIAL
Theme URI: http://www.hellbiscuit.com/
Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
Version: 1.0
Author: Evan Eckard
Author URI: http://www.evaneckard.com/
-----------------------------------------------------------------
Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/
-----------------------------------------------------------------
*/

.Navbar {visibility:hidden;display: none;}
body {
margin:0 10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: blue;#333333;
}

#container {
width:1100px;
padding:20px 0;
margin:0 auto;

}

/* header area */

#container h3 {
font-size:34px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:34px;
padding:0 0 6px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnV1gpnCiX_fK7EKVJH_rGKb4ydWgQMd8OGTZ9t5s0UEdLaOshNBK49j7wnR3XyHRyn5kRm7eBvt5d1hcmSyTwKjepGhnD4cpcklcmdmId2hbNuED-sHTWr3vS3i0Hrkl1MEQyt_SfDWbD/s1600/double-line.gif) repeat-x left bottom;
display:inline;
}
#container h3 a {
text-decoration:none;
color:yellow;#333;
}
#container h3 a:hover {
color:#1958b7;
}
.hellbiscuit a {
display:block;
width:251px;
height:15px;
margin-top:16px;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:red; no-repeat;
}


/* home columns */

#col01 {
width:880px;
float:left;
overflow:hidden;
}
#col02 {
width:200px;
float:right;
overflow:hidden;
}
#col01, #col02 {
padding:20px 0;
}

/* home post */

#col01 .home-post {
width:200px;
margin:0 20px -90px 0;
height:400px;
overflow:hidden;
float:left;
}
#col01 .home-post .title {
background:rgb(103,135,196);url(http://2.bp.blogspot.com/-JP5Cj2GLg4w/TfqK2HxtLsI/AAAAAAAACH4/8G-i6Ubn5io/s1600/rt%2B5%2Batas.JPG)no-repeat;
padding:4px 8px;
}
#col01 .home-post .title h2 {
margin:0;
padding:0;
}
#col01 .home-post .title h2 a {
text-decoration:none;
text-transform:uppercase;
color:red;
margin:0;
padding:0;
font-size:14px;
line-height:16px;
}
#col01 .home-post .title h2 a:hover {
color:yellow;#000;
border-bottom:none;
background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
height:235px;
width:200px;
overflow:hidden;
position:relative;
border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
text-decoration:none;
border:none;
}
#col01 .home-post .excerpt {color:#333333;
height:300px;
overflow:hidden;
padding:6px 6px 0;
font-size:10px;
line-height:16px;
background:white;#a7a7a7;
border:1px solid #1958b7;
}
#col01 .home-post .excerpt p { text-decoration:none;
margin:0 0 10px;
padding:0;
}
#col01 .home-post .excerpt a {
color:white;#333333;
border:0px solid #1958b7;
}
#col01 .home-post .excerpt a:hover {
text-decoration:none;
color:brown;#333333;
background:#A7A7A7;
}
#col01 .home-post .meta {
padding:4px 8px 0 24px;
height:35px;
background:rgb(103,135,196);url(http://2.bp.blogspot.com/-AQPtPQplWYU/TfqLYi3H8yI/AAAAAAAACIA/920KdfKzED0/s1600/rt%2B5%2Bbawah.JPG)no-repeat 0px 0px;
text-transform:uppercase;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:white;rgb(103,135,196);

float:left;
border-bottom:1px solid tansparant;
}

#col01 .home-post .author a {
display:block;
font-size:10px;
color:#508fc4;
text-decoration:none;
float:right;
}
#col01 .home-post .comments a:hover, #508fc4 .home-post .author a:hover {
color:red;#000;
}


/* single template post */

#col01 .post {
padding:0 20px 20px 0;
font-size:12px;
line-height:19px;
}
#col01 .post a {
color:#1958b7;
}
#col01 .post a:hover {
background:#FFFAC7;
color:#000;
text-decoration:none;
}
#col01 .post h1 {
font-size:28px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:32px;
padding:0 0 6px;
}
#col01 .post h4 {
font-size:20px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:26px;
padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
text-decoration:none;
color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
color:#fff;
border-bottom:none;
background-color:#ff0067;
}
#col01 .post-upper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:12px 0;
font-size:11px;
line-height:16px;
color:#606060;
}
#col01 .post-upper a {
color:#606060;
text-decoration:none;
}
#col01 .post-upper a:hover {
color:#1958b7;
text-decoration:none;
}
#col01 .post-upper .digg {
float:right;
}
#col01 .post .image {
float:right;
margin:12px 0 12px 12px;
}


/* categories page */

#col01 .cat-name {
font-size:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:4px 0 8px;
width:700px;
}
#col01 .category-name {
font-size:18px;
color:#fff;
text-transform:uppercase;
background:#ff0067;
font-weight:bold;
}


/* comments outer */

#comments-holder {
padding:12px 0 0;
}

/* comment list styles */

#comment-list {
font-size:12px;
padding:10px 0;
}
#comment-list .bigger {
font-weight:normal;
font-size:16px;
line-height:20px;
text-transform:uppercase;
}
.comment-left {
padding:16px 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
}
.comment-meta {
float:left;
width:120px;
margin-right:10px;
font-size:10px;
font-weight:bold;
font-color:red;
}
.comment-metadata {
font-size:10px;
font-weight:normal;
}
.comment-metadata a {
text-decoration:none;
}
.comment-metadata a:hover {
text-decoration:none;
}
.comment-txt {
float:left;
width:440px;
font-size:12px;
line-height:18px;
}
cite {
font-style:normal;
text-transform:uppercase;
font-size:12px;
}

/* comment form styles */

.comments-PII, .comments-PII-2 {
float:left;
}
.comments-PII {
width:280px;
margin-right:15px;
}
.comments-PII-2 {
width:380px;
}
.comments-PII input {
font-size:12px;
width:270px;
padding:2px;
}
.comments-PII-2 textarea {
font-size:12px;
width:370px;
height:180px;
padding:2px;
}
.submit-btn {
display:block;
padding:0;
cursor:pointer;
width:141px;
height:34px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;
border-style:none;
}

.submit-btn:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
font-size:10px;
}


/* misc */

.uppercase {
text-transform:uppercase;
}






/* col02 stuff */

#categories {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPGVG5s3nqi1802NbK-d1D0W_6_ViO_vRt6eHmV0v2XUiAlj9p7w5sKSW3-Ebun3WwhPreMqlgZVvUsRqfJRYVoTDTGhekikv_A1maqExGcl0FZHnVNq8Xgtn920fhGwumr3by-X8xkLc/s1600/nav-back.gif) no-repeat;
overflow:hidden;
margin-bottom:20px;
}
#col02 h2 {
background:#1958b7;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#col02 ul {
color:#A6A6A6;
margin:0 0;
padding:0 20px;
overflow:auto;
height:100%;
}
#col02 li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #d3d3d3;
}
#col02 li a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 li a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
#col02 a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:#A6A6A6;
height:100%;
}
#sponsor-box {
height:340px;
background:#A7A7A7;
overflow:hidden;
position:relative;
margin-bottom:20px;
}
#sponsor-box .title {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#sponsor-box .sponsor {
padding:10px 0 0;
width:200px;
height:133px;
overflow:hidden;
margin:0 auto;
}
#sponsor-box .meta {
padding:4px 8px 0;
position:absolute;
bottom:0px;
left:0px;
width:204px;
height:19px;
background:#7f7f7f;
text-transform:uppercase;
text-align:right;
}
#sponsor-box .meta a {
font-size:10px;
color:#fff;
text-decoration:none;
}
#sponsor-box .meta a:hover {
color:#000;
}


#about-box {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqQ9U5vphiPLHNrNlUCyIWL00RI_UzILIPTdxZkQiwl-9iYWCeZ2f99bUgbYtE3v9vwU_bOwV3RyyIf6yr1n4sxBpwG_uaNPncI-uhaIXBvSqH9MGjgo6vCgtFAnfHavBqCT9F34UNXTi/s1600/about-back.gif) no-repeat;
overflow:hidden;
}
#about-box .pages {
margin:10px 0;
padding:0 20px;
overflow:auto;
height:159px;
border-bottom:1px solid #fff;
}
#about-box .pages li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #A7A7A7;
}
#about-box .pages a {
display:block;
color:#000;
text-transform:uppercase;
font-size:10px;
padding:4px 0;
text-decoration:none;
}
#about-box .pages a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}


/* search form */

#about-box form {
padding:10px 20px;
margin:0;
text-align:right;
border-bottom:1px solid #fff;
height:56px;
}
#about-box .txt-field {
font-size:12px;
margin:0 0 6px;
width:176px;
padding:1px;
}
#about-box .btn-search {
display:block;
padding:0;
cursor:pointer;
float:right;
width:89px;
height:28px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;
border-style:none;
}

#about-box .btn-search:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}


#about-box .rss a {
display:block;
width:180px;
padding:5px 0;
margin:10px auto 0;
color:#333;
border-bottom:1px solid #A7A7A7;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezzBKSaQ6-zYclgM4zunB_NMxpoamC2xULuoXyypwxBqCmnK5t1iEWr-wwMKpN6TY5eXSOElCtUxa5bjqjziYW44SI0bhDB1CFt31dA3HGDE9j42lo1QV09zBuQudhZnA2ecRHI9Y4owZ/s1600/icon-rss.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .rss a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;
}
#about-box .bookmark a {
display:block;
width:180px;
padding:5px 0;
margin:0 auto;
color:#333;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .bookmark a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;
}



/* footer */

#footer {
padding:20px 0;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
font-size:10px;
line-height:14px;
color:#5f5f5f;
}
#footer a {
color:#5f5f5f;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer .sm-logo a {
display:block;
width:100px;
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;
}
#footer .sm-logo2 a {
display:block;
width:45px;
height:46px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo2 a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;
}
]]></b:skin>
</head>

<body>
<div id='container'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='5' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='DATABASE ONLINE RT 05-RW 04 , KELURAHAN Dr. SUTOMO, KEC. TEGALSARI, KOTA SURABAYA (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h3><data:title/></h3>
<b:else/>
<a expr:href='data:blog.homepageUrl'><h3><data:title/></h3></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. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h3>
<b:include name='title'/>
</h3>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML12' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='col01'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div id='page-nav'>
<b:if cond='data:newerPageUrl'>
<span class='newer'>
<a class='newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:HALAMAN_SESUDAHNYA'><data:newerPageTitle/></a>
</span>
</b:if>

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</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='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>

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




<div class='home-post'> <!-- Starting Post Upper Portion -->
<div class='home-post-upper'>
<div class='title'><h2><a expr:href='data:post.url'><data:post.title/></a></h2></div>
<div class='excerpt'><p><data:post.body/></p></div>
</div>
<div class='meta'><span class='comments'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a></span><span class='author'><a expr:href='data:post.url'>Read On &gt;&gt;</a></span></div>
</div> <!-- Ending Post Summarized Form -->


<b:else/>




<div class='post'>

<div class='post-upper'>
<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
<span class='digg'>
<script type='text/javascript'>
digg_bgcolor = &#39;#ffffff&#39;;
digg_skin = &#39;compact&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></span>
<span class='uppercase'>Posted <data:post.timestamp/></span> <em>by</em> <span class='uppercase'><data:post.author/></span> <em>in</em> <span class='uppercase'> <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></div> <!-- Ending Post Upper Portion -->








<a expr:name='data:post.id'/>

<div class='post-header-line-1'/>
<div style='margin-top: 15px;'>
<data:post.body/>
<br clear='all'/> <!-- clear for photos floats -->
</div>
<br clear='all'/> <div id='comments-holder'>
<div id='comment-list'><data:post.numComments/> KOMENTAR... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div>


</div> <!-- Ending Post Body -->

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


<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

<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'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

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

<div class='post-footer-line post-footer-line-2'>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' 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'>&amp;lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' 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'>&amp;rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template'>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<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>

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

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void();'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</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'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</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:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</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' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

<div style='clear: both;'/>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<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>
</b:if>
</div>
</div>
</div>
</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>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comment-left'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><div class='comment-txt'><data:comment.body/></div></span>
<b:else/>
<div class='comment-txt'><p><data:comment.body/></p></div>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-metadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<br/>
<br/>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</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>

<div id='col02'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML3' locked='false' title='KODE HTML' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML20' locked='false' title='DATA KK WARGA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML23' locked='false' title='DATA PENDUDUK RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML22' locked='false' title='DATA PENDUDUK MUSIMAN RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='DATA PENDUDUK TINGGAL DI LUAR WILAYAH RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML13' locked='false' title='KK YANG TINGGAL DISINI' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML17' locked='false' title='ACARA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image4' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != &quot;&quot;'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image3' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != &quot;&quot;'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image2' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != &quot;&quot;'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != &quot;&quot;'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='STRUKTUR PENGURUS RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='PESAN KE TEMAN ANDA' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList16' locked='true' title='HALAMAN UTAMA' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul class='sf-menu' id='menu-menu-1'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='current-cat'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML101' locked='true' title='Featured Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<div id='about-box'>
<ul class='pages'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a></li>

</ul>
<form action='http://www.google.com/cse' id='cse-search-box' target='_blank'>
<div>
<input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='25' type='text'/>
<input name='sa' type='submit' value='Search'/>
</div>
</form>
<script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
<span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div> <br clear='all'/>

<div id='footer'><span class='sm-logo'><a href='http://www.hellbiscuit.com'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/>
Dibeli dari <a href='http://www.evaneckard.com'>EvanEckard.com</a> dan <a href='http://www.hellbiscuit.com'>HELLBISCUIT</a>. oleh Blogger Template <a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a> dan <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>.</div>

</div>
</body>
</html>



TEMPLATE 8 KOLOM 7POSTING 1 SIDEBAR
COPY KODE DIBAWAH IN
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------------------
Theme Name: GUMBALL SPECIAL
Theme URI: http://www.hellbiscuit.com/
Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
Version: 1.0
Author: Evan Eckard
Author URI: http://www.evaneckard.com/
-----------------------------------------------------------------
Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/
-----------------------------------------------------------------
*/

.Navbar {visibility:hidden;display: none;}
body {
margin:0 10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: blue;#333333;
}

#container {
width:1100px;
padding:10px 0;
margin:0 auto;

}

/* header area */

#container h3 {
font-size:34px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:34px;
padding:0 0 6px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnV1gpnCiX_fK7EKVJH_rGKb4ydWgQMd8OGTZ9t5s0UEdLaOshNBK49j7wnR3XyHRyn5kRm7eBvt5d1hcmSyTwKjepGhnD4cpcklcmdmId2hbNuED-sHTWr3vS3i0Hrkl1MEQyt_SfDWbD/s1600/double-line.gif) repeat-x left bottom;
display:inline;
}
#container h3 a {
text-decoration:none;
color:yellow;#333;
}
#container h3 a:hover {
color:#1958b7;
}
.hellbiscuit a {
display:block;
width:251px;
height:15px;
margin-top:16px;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:red; no-repeat;
}


/* home columns */

#col01 {
width:880px;
float:left;
overflow:hidden;
}
#col02 {
width:200px;
float:right;
overflow:hidden;
}
#col01, #col02 {
padding:10px 0;
}

/* home post */

#col01 .home-post {
width:105px;
margin:0 20px -90px 0;
height:280px;
overflow:hidden;
float:left;
}
#col01 .home-post .title {
background:url(http://2.bp.blogspot.com/-JP5Cj2GLg4w/TfqK2HxtLsI/AAAAAAAACH4/8G-i6Ubn5io/s1600/rt%2B5%2Batas.JPG)no-repeat;
padding:4px 8px;
}
#col01 .home-post .title h2 {
margin:0;
padding:0;
}
#col01 .home-post .title h2 a {
text-decoration:none;
text-transform:uppercase;
color:red;
margin:0;
padding:0;
font-size:14px;
line-height:16px;
}
#col01 .home-post .title h2 a:hover {
color:yellow;#000;
border-bottom:none;
background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
height:200px;
width:105px;
overflow:hidden;
position:relative;
border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
text-decoration:none;
border:none;
}
#col01 .home-post .excerpt {color:#333333;
height:180px;
overflow:hidden;
padding:0px 0px 0;
font-size:10px;
line-height:16px;
background:white;#a7a7a7;
border:1px solid #1958b7;
}
#col01 .home-post .excerpt p { text-decoration:none;
margin:0 0 10px;
padding:0;
}
#col01 .home-post .excerpt a {
color:white;#333333;
border:0px solid #1958b7;
}
#col01 .home-post .excerpt a:hover {
text-decoration:none;
color:brown;#333333;
background:#A7A7A7;
}
#col01 .home-post .meta {
padding:4px 8px 0 24px;
height:35px;
background:url(http://2.bp.blogspot.com/-AQPtPQplWYU/TfqLYi3H8yI/AAAAAAAACIA/920KdfKzED0/s1600/rt%2B5%2Bbawah.JPG)no-repeat 0px 0px;
text-transform:uppercase;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:rgb(103,135,196);

float:left;
border-bottom:1px solid tansparant;
}

#col01 .home-post .author a {
display:block;
font-size:10px;
color:#508fc4;
text-decoration:none;
float:right;
}
#col01 .home-post .comments a:hover, #508fc4 .home-post .author a:hover {
color:red;#000;
}


/* single template post */

#col01 .post {
padding:0 20px 20px 0;
font-size:12px;
line-height:19px;
}
#col01 .post a {
color:#1958b7;
}
#col01 .post a:hover {
background:#FFFAC7;
color:#000;
text-decoration:none;
}
#col01 .post h1 {
font-size:28px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:32px;
padding:0 0 6px;
}
#col01 .post h4 {
font-size:20px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:26px;
padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
text-decoration:none;
color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
color:#fff;
border-bottom:none;
background-color:#ff0067;
}
#col01 .post-upper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:12px 0;
font-size:11px;
line-height:16px;
color:#606060;
}
#col01 .post-upper a {
color:#606060;
text-decoration:none;
}
#col01 .post-upper a:hover {
color:#1958b7;
text-decoration:none;
}
#col01 .post-upper .digg {
float:right;
}
#col01 .post .image {
float:right;
margin:12px 0 12px 12px;
}


/* categories page */

#col01 .cat-name {
font-size:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x bottom;
padding:4px 0 8px;
width:700px;
}
#col01 .category-name {
font-size:18px;
color:#fff;
text-transform:uppercase;
background:#ff0067;
font-weight:bold;
}


/* comments outer */

#comments-holder {
padding:12px 0 0;
}

/* comment list styles */

#comment-list {
font-size:12px;
padding:10px 0;
}
#comment-list .bigger {
font-weight:normal;
font-size:16px;
line-height:20px;
text-transform:uppercase;
}
.comment-left {
padding:16px 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
}
.comment-meta {
float:left;
width:120px;
margin-right:10px;
font-size:10px;
font-weight:bold;
font-color:red;
}
.comment-metadata {
font-size:10px;
font-weight:normal;
}
.comment-metadata a {
text-decoration:none;
}
.comment-metadata a:hover {
text-decoration:none;
}
.comment-txt {
float:left;
width:440px;
font-size:12px;
line-height:18px;
}
cite {
font-style:normal;
text-transform:uppercase;
font-size:12px;
}

/* comment form styles */

.comments-PII, .comments-PII-2 {
float:left;
}
.comments-PII {
width:280px;
margin-right:15px;
}
.comments-PII-2 {
width:380px;
}
.comments-PII input {
font-size:12px;
width:270px;
padding:2px;
}
.comments-PII-2 textarea {
font-size:12px;
width:370px;
height:180px;
padding:2px;
}
.submit-btn {
display:block;
padding:0;
cursor:pointer;
width:141px;
height:34px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;
border-style:none;
}

.submit-btn:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
font-size:10px;
}


/* misc */

.uppercase {
text-transform:uppercase;
}






/* col02 stuff */

#categories {
height:340px;
background:red;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPGVG5s3nqi1802NbK-d1D0W_6_ViO_vRt6eHmV0v2XUiAlj9p7w5sKSW3-Ebun3WwhPreMqlgZVvUsRqfJRYVoTDTGhekikv_A1maqExGcl0FZHnVNq8Xgtn920fhGwumr3by-X8xkLc/s1600/nav-back.gif) no-repeat;
overflow:hidden;
margin-bottom:20px;
}
#col02 h2 {
background:green;#1958b7;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#col02 ul {
color:blue;#A6A6A6;
margin:0 0;
padding:0 20px;
overflow:auto;
height:100%;
}
#col02 li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #d3d3d3;
}
#col02 li a {
display:block;
color:magenta;#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 li a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
#col02 a {
display:block;
color:yellow;#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaZbwmqj2n8iWmaSKTDRdOA0wix57JKbQI-GPOpteMl45b9LihChUShifwpqhSiqnLKVCz53-Dk0-Ho9bq62U3TgqMCenUiOWKiUOjcmejZHk4fx7nYQNgESvLIwx0PRL_P0Bo_n4OfvX/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:rgb(103,135,196);#A6A6A6;
height:100%;
}
#sponsor-box {
height:340px;
background:#A7A7A7;
overflow:hidden;
position:relative;
margin-bottom:20px;
}
#sponsor-box .title {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#sponsor-box .sponsor {
padding:10px 0 0;
width:200px;
height:133px;
overflow:hidden;
margin:0 auto;
}
#sponsor-box .meta {
padding:4px 8px 0;
position:absolute;
bottom:0px;
left:0px;
width:204px;
height:19px;
background:#7f7f7f;
text-transform:uppercase;
text-align:right;
}
#sponsor-box .meta a {
font-size:10px;
color:#fff;
text-decoration:none;
}
#sponsor-box .meta a:hover {
color:#000;
}


#about-box {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqQ9U5vphiPLHNrNlUCyIWL00RI_UzILIPTdxZkQiwl-9iYWCeZ2f99bUgbYtE3v9vwU_bOwV3RyyIf6yr1n4sxBpwG_uaNPncI-uhaIXBvSqH9MGjgo6vCgtFAnfHavBqCT9F34UNXTi/s1600/about-back.gif) no-repeat;
overflow:hidden;
}
#about-box .pages {
margin:10px 0;
padding:0 20px;
overflow:auto;
height:159px;
border-bottom:1px solid #fff;
}
#about-box .pages li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #A7A7A7;
}
#about-box .pages a {
display:block;
color:#000;
text-transform:uppercase;
font-size:10px;
padding:4px 0;
text-decoration:none;
}
#about-box .pages a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}


/* search form */

#about-box form {
padding:10px 20px;
margin:0;
text-align:right;
border-bottom:1px solid #fff;
height:56px;
}
#about-box .txt-field {
font-size:12px;
margin:0 0 6px;
width:176px;
padding:1px;
}
#about-box .btn-search {
display:block;
padding:0;
cursor:pointer;
float:right;
width:89px;
height:28px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;
border-style:none;
}

#about-box .btn-search:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}


#about-box .rss a {
display:block;
width:180px;
padding:5px 0;
margin:10px auto 0;
color:#333;
border-bottom:1px solid #A7A7A7;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezzBKSaQ6-zYclgM4zunB_NMxpoamC2xULuoXyypwxBqCmnK5t1iEWr-wwMKpN6TY5eXSOElCtUxa5bjqjziYW44SI0bhDB1CFt31dA3HGDE9j42lo1QV09zBuQudhZnA2ecRHI9Y4owZ/s1600/icon-rss.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .rss a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;
}
#about-box .bookmark a {
display:block;
width:180px;
padding:5px 0;
margin:0 auto;
color:#333;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .bookmark a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;
}



/* footer */

#footer {
padding:20px 0;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8_l_XubdmSK7gVIzYSpbhG3iz_MezcqgKn5VBI-hn_n9Cs79yj_ADbb4y3idpcqSCRQLZxLnYzaQ6PE35YQvBOtOOc_WWo6dHbKb9J1oudbSdAgrbIGPNwIAaB5xT1ted_WutV6_weUE/s1600/dot.gif) repeat-x;
font-size:10px;
line-height:14px;
color:#5f5f5f;
}
#footer a {
color:#5f5f5f;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer .sm-logo a {
display:block;
width:100px;
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9cvA5duac-EXo7ZfQ7e0wtnU3SSLYEl3vWRzoOGAXTnaZDjmDLmbFqtu9c-VplCGOQDrUeuIFvk4Tbc73sXDj2hU5K9aaWGVZn0eMO1rIaIVBd4tEGg9DDkcqMO86vNgo4oTmhAbtP6C/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;
}
#footer .sm-logo2 a {
display:block;
width:45px;
height:46px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo2 a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60AAiDhTRUfM6Ql4zpfXiZMQ_GF-DHGx90ljHaNNtd2YuqbQAcWqaoiyjvlYP3Z2ZjWe1SEnAgkAuy-M-4LOKkwcJfbwIZl1U8U3Q56hrg8pj1IK00WzWsu6akveiyaTVwVaDp6E7WrI/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;
}



]]></b:skin>
</head>

<body>
<div id='container'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='5' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='DATABASE ONLINE RT 5 RW 4 KUPANG PANJAAN Kel Dr SUTOMO Kec TEGALSARI (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h3><data:title/></h3>
<b:else/>
<a expr:href='data:blog.homepageUrl'><h3><data:title/></h3></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. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h3>
<b:include name='title'/>
</h3>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='col01'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div id='page-nav'>
<b:if cond='data:newerPageUrl'>
<span class='newer'>
<a class='newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:HALAMAN_SESUDAHNYA'><data:newerPageTitle/></a>
</span>
</b:if>

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</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='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>

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




<div class='home-post'> <!-- Starting Post Upper Portion -->
<div class='home-post-upper'>
<div class='title'><h2><a expr:href='data:post.url'><data:post.title/></a></h2></div>
<div class='excerpt'><p><data:post.body/></p></div>
</div>
<div class='meta'><span class='comments'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a></span><span class='author'><a expr:href='data:post.url'>Read On &gt;&gt;</a></span></div>
</div> <!-- Ending Post Summarized Form -->


<b:else/>




<div class='post'>

<div class='post-upper'>
<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
<span class='digg'>
<script type='text/javascript'>
digg_bgcolor = &#39;#ffffff&#39;;
digg_skin = &#39;compact&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></span>
<span class='uppercase'>Posted <data:post.timestamp/></span> <em>by</em> <span class='uppercase'><data:post.author/></span> <em>in</em> <span class='uppercase'> <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></div> <!-- Ending Post Upper Portion -->








<a expr:name='data:post.id'/>

<div class='post-header-line-1'/>
<div style='margin-top: 15px;'>
<data:post.body/>
<br clear='all'/> <!-- clear for photos floats -->
</div>
<br clear='all'/> <div id='comments-holder'>
<div id='comment-list'><data:post.numComments/> KOMENTAR... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div>


</div> <!-- Ending Post Body -->

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


<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

<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'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

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

<div class='post-footer-line post-footer-line-2'>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' 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'>&amp;lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' 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'>&amp;rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template'>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<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>

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

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void();'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</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'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</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:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</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' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

<div style='clear: both;'/>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<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>
</b:if>
</div>
</div>
</div>
</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>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comment-left'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><div class='comment-txt'><data:comment.body/></div></span>
<b:else/>
<div class='comment-txt'><p><data:comment.body/></p></div>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-metadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<br/>
<br/>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</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>

<div id='col02'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML5' locked='false' title='KODE HTML BLOG INI' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML17' locked='false' title='ACARA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML23' locked='false' title='DATA PENDUDUK RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML22' locked='false' title='DATA PENDUDUK MUSIMAN RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='DATA PENDUDUK TINGGAL DI LUAR WILAYAH RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML20' locked='false' title='DATA KK WARGA RT 05' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML13' locked='false' title='KK YANG TINGGAL DISINI' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='PESAN KE TEMAN ANDA' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList16' locked='true' title='HALAMAN UTAMA' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul class='sf-menu' id='menu-menu-1'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='current-cat'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML101' locked='true' title='Featured Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<div id='about-box'>
<ul class='pages'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a></li>

</ul>
<form action='http://www.google.com/cse' id='cse-search-box' target='_blank'>
<div>
<input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='25' type='text'/>
<input name='sa' type='submit' value='Search'/>
</div>
</form>
<script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
<span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div> <br clear='all'/>

<div id='footer'><span class='sm-logo'><a href='http://www.hellbiscuit.com'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/>
Dibeli dari <a href='http://www.evaneckard.com'>EvanEckard.com</a> dan <a href='http://www.hellbiscuit.com'>HELLBISCUIT</a>. oleh Blogger Template <a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a> dan <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>.</div>

</div>
</body>
</html>












 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | JCPenney Coupons