<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<script src='http://mas-sugeng.googlecode.com/files/blogger-ahc.js'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='YOUR BLOG DESCRIPTION HERE' name='description'/>

<meta content='YOUR BLOG KEYWORD HERE' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>

<meta content='all' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='general' name='rating'/>

<b:skin><![CDATA[
<style id='page-skin-1' type='text/css'><!--
@import url('//www.blogger.com/dyn-css/authorization.css?targetBlogID=5595227602008783722&zx=ee48837c-69de-4d1d-8bcc-4bbce62e2600');
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align: baseline;
background:transparent;
}
*html #kotak-sidebar, *html #kotak-posting, *html #header-wrapper, *html header, *html footer, *html #footer-widget {
height:1%;
}
html {
height:101%;
}
#navbar-iframe {
display: none !important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
body {
background:#ccc url(http://4.bp.blogspot.com/-r2OOuqV-XRQ/UGFJZ-hZOmI/AAAAAAAAA9I/3TkWgvtVa3A/s1600/bg.png) repeat;
color:#222;
font:normal 100% Arial, Helvetica, Verdana, sans-serif;
text-align:center;
line-height:1.4;
margin:0;
}
/* clearfix classes */
.clear {
clear:both;
}
h1 {
font-size: 2em;
line-height:1.2;
}
h2 {
font-size: 1.5em;
line-height:1.2;
}
h3 {
font-size: 1.17em;
line-height:1.2;
}
h4 {
font-size: 1em;
line-height:1.3;
}
h5, h6 {
line-height:1.4;
font-size: 0.83em;
}
a:link {
color:#1e598e;
text-decoration:none
}
a:visited {
color:#1e598e;
text-decoration:none
}
a:hover {
color: #99bbde;
text-decoration:none
}
a.box {
background:#f5f5f5;
position:relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:13px;
color:#333;
margin:8px 2px;
padding:3px 10px;
border:1px solid #ccc;
-moz-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
-webkit-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
-o-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
-ms-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
}
a.box:hover {
top:2px;
border:1px solid #ffc01a;
-o-box-shadow:0px 1px 2px rgba(0,0,0,.2);
-ms-box-shadow:0px 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.2);
box-shadow:0px 1px 2px rgba(0,0,0,.2);
}
a img {
border:0;
display:block;
}
img, iframe {
max-width:100%;
}
ol, ul {
list-style-type:none;
}
p {
padding-bottom:13px
}
/* ELEMEN UTAMA */
#wrapper {
background:#fff;
font-size:14px;
text-align:left;
margin:25px auto 0;
width:970px;
}
#kotak-kontent {
background:#fff;
margin:0;
padding:0;
}
#kotpos {
float:left;
width:650px;
margin:0;
padding:0;
}
#kotsid {
float:right;
width:320px;
margin:0;
padding:0;
}
/* HEADER */
#header-wrapper {
display:block;
width:auto;
height:auto;
margin:0 auto;
padding:10px;
overflow:hidden;
}
#kepala-kanan {
float:left;
display:inline;
width:212px;
margin:0px 5px 0px 0px;
padding:0;
}
#kepala-kanan img {
width:212px;
margin:0;
padding:0;
display:block;
}
#kepala-kanan h1 {
font:30px georgia, serif;
text-align:left;
margin:0px;
padding:0px;
}
#kepala-kanan .description {
display:none;
}
.form-wrapper {
float:right;
display:inline;
width: 296px;
padding:0px;
margin:5px 0px;
border:2px solid #ccc;
-moz-border-radius: 8px 8px;
-webkit-border-radius:8px 8px;
border-radius:8px 8px;
}
.form-wrapper input {
width:196px;
height:27px;
line-height:27px;
padding:0px 12px;
float:left;
font-size:12px;
font-weight:bold;
font-style:italic;
border:0;
background:#eee;
-moz-border-radius: 6px 0 0 6px;
-webkit-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.form-wrapper input:focus {
outline:0;
background:#fff;
-o-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper button {
overflow:visible;
float:right;
border:0;
padding:0;
cursor:pointer;
height:27px;
width:76px;
font-weight:bold;
color:#fff;
text-transform: uppercase;
background:#d83c3c;
-o-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper button:hover{
background: #e54040;
}
.form-wrapper button:active, .form-wrapper button:focus{
background: #c42f2f;
}
/* NAVIGASI */
#menu {
background:#254779;
background:-webkit-linear-gradient(top, #395b8d, #254779);
background:-moz-linear-gradient(top, #395b8d, #254779);
background:-ms-linear-gradient(top, #395b8d, #254779);
background:-0-linear-gradient(top, #395b8d, #254779);
background:linear-gradient(top, #395b8d, #254779);
font:bold 16px Calibri,Arial,Sans-Serif;
width:970px;
margin:0;
padding:0;
overflow:hidden;
border-top:1px solid #436eaa;
border-bottom:1px solid #1d3a63;
}
#menu li {
display:inline;
float:left;
margin:0;
}
#menu li a {
display:block;
padding:6px 10px;
color:#f5f5f5;
text-shadow:-1px -1px #1d3a63;
}
#menu li a:hover {
background:#254779;
background:-webkit-linear-gradient(bottom, #395b8d, #254779);
background:-moz-linear-gradient(bottom, #395b8d, #254779);
background:-ms-linear-gradient(bottom, #395b8d, #254779);
background:-0-linear-gradient(bottom, #395b8d, #254779);
background:linear-gradient(bottom, #395b8d, #254779);
color:#ddd;
}
#menu-top-wrapper {
background:#333;
background:-webkit-linear-gradient(top, #444, #333);
background:-moz-linear-gradient(top, #444, #333);
background:-ms-linear-gradient(top, #444, #333);
background:-o-linear-gradient(top, #444, #333);
background:linear-gradient(top, #444, #333);
-webkit-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
-ms-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
-o-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
-o-box-shadow:0px 0px 7px black;
-ms-box-shadow:0px 0px 7px black;
-moz-box-shadow:0px 0px 7px black;
-webkit-box-shadow:0px 0px 7px black;
box-shadow:0px 0px 7px black;
width:100%;
min-width:970px;
position:fixed;
top:0;
left:0;
z-index:9999;
overflow:hidden;
font:normal 15px Calibri,Arial,Sans-Serif;
text-align:center;
border-bottom:1px solid #111;
}
#menu-top {
width:970px;
height:24px;
overflow:hidden;
color:#ccc;
text-align:left;
text-shadow:0px -1px 0px #000;
margin:0 auto;
padding:0;
}
#menu-top li {
display:inline;
line-height:24px;
float:left;
margin:0;
}
#menu-top li a {
display:block;
padding:0 10px;
margin-right:6px;
color:#aaa;
}
#menu-top li a:hover {
background:#333;
background:-webkit-linear-gradient(bottom, #555, #333);
background:-moz-linear-gradient(bottom, #555, #333);
background:-ms-linear-gradient(bottom, #555, #333);
background:-o-linear-gradient(bottom, #555, #333);
background:linear-gradient(bottom, #555, #333);
color:#ffc01a;
}
#menu-top li.rss {
line-height:24px;
display:inline;
float:right;
margin:0;
}
#menu-top li.rss a {
display:block;
background: url(http://3.bp.blogspot.com/-1PrA30BXJ5Y/UE3gFiR5SUI/AAAAAAAAA6o/Adm9V4lOgqQ/s1600/rss_logo1.gif) no-repeat 0 4px;
padding:0 10px 0 44px;
margin:0;
font-weight:bold;
}
#menu-top li a:hover {
color:#ffc01a;
}
/* POSTING */
#kotak-posting {
padding:10px;
margin:0;
word-wrap:break-word
}
.breadcrumbs {
text-align: left;
padding:3px 0;
margin:0 0 2px 0;
font-size:13px;
line-height: 1.3;
border-bottom:1px double #ddd;
}
h2.post-title {
padding-left:160px;
font-weight:bold;
font-size:20px;
line-height:1.2;
letter-spacing:0px;
margin:0 0 6px 0;
}
h1.post-title {
font-weight:bold;
font-size:20px;
letter-spacing:0px;
line-height:1.2;
margin:0 0 10px 0;
}
h2.post-title a, h1.post-title a, #footer-widget a {
color:#1e598e;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#6186a6;
}
.post {
position:relative;
margin:0 0 10px 0;
padding:10px 0;
border-bottom:1px solid #ddd;
}
.post-content {
padding-left:160px;
}
.post-body {
text-align:justify;
margin:0;
padding:0;
}
.postinfo {
text-align:left;
font-size:13px;
font-style:italic;
color:#666;
margin:0;
}
.postinfo a {
color:#666;
}
.postinfo a:hover {
color:#6186a6;
}
span.numcomment{
background:#fff url(http://www.magazine.utoronto.ca/new/wp-content/uploads/2009/04/comment_icon.gif) no-repeat 2px 1px;
font-size:15px;
font-weight:bold;
color:#999;
padding-left:20px;
}
.post ul {
margin: 0 0 13px 28px;
list-style-type:disc
}
.post ol {
margin:0 0 13px 28px;
list-style-type:decimal
}
blockquote {
background:#fff url(http://4.bp.blogspot.com/-k2AsfzkzLjI/UAowRhYlhMI/AAAAAAAAAs4/xk4XZNfnbZs/s1600/blockquote.gif) no-repeat 2px 2px;
border-left:6px solid #ccc;
text-align:left;
font-style:italic;
margin:0 0 13px 13px;
padding:10px 22px 10px 22px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-o-box-shadow:2px 2px 5px rgba(0,0,0,.2);
-ms-box-shadow:2px 2px 5px rgba(0,0,0,.2);
-moz-box-shadow:2px 2px 5px rgba(0,0,0,.2);
-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);
box-shadow:2px 2px 5px rgba(0,0,0,.2);
}
.post-body table {
background:#fff;
margin:0 auto 13px;
border-collapse:collapse;
}
.post-body table, .post-body th, .post-body td {
text-align:left;
border:1px solid #ccc;
padding:3px 5px;
vertical-align:top;
}
.post-body table th {
background:#e5e5e5;
color:#666;
}
.sharing {
background:#f6f6f6;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 0 13px 0;
padding:8px;
border:2px solid #ddd;
overflow:hidden;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
.home {
width:80px;
margin:0 auto;
text-align:center;
}
#blog-pager {
margin:0;
padding:8px 2px 10px;
text-align:center;
}
.postthumb{
position:absolute;
top:10px;
left:0;
float:left;
margin:0;
width:150px;
height:88px;
}
div.sumber {
margin:5px 0px 13px;
padding:8px 0px;
font-weight:bold;
color:#666;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
div.sumber span {
color:#6186a6;
}
.status-msg-wrap, .status-msg-border, .post-feeds, .feed-links {
display:none;
}
/* SIDEBAR */
#kotak-sidebar {
padding:10px;
margin:0;
word-wrap:break-word
}
#kotak-sidebar h3.title {
font-weight:bold;
font:16px Calibri,Arial,Sans-Serif;
letter-spacing:1px;
color:#333;
text-align:left;
padding:4px 0 2px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
}
#kotak-sidebar .widget-content {
margin:0 0 5px 0;
padding:8px 0px;
line-height:normal;
}
#kotak-sidebar .widget-content li {
border-bottom:1px dotted #ccc;
margin:0;
padding:4px 3px !important;
}
#kotak-sidebar .widget-content li a {
color:#333;
}
#kotak-sidebar .widget-content li a:hover {
color:#6186a6;
}
#kotak-sidebar .widget-content ul li:last-child {
border-bottom:medium none;
}
/* FOOTER WIDGET */
#footer-widget {
background:#e3edf4;
height:auto;
margin:0;
padding:10px;
font-size:13px;
font-weight:bold;
text-shadow:1px 1px #fff;
overflow:hidden;
border-top:1px solid #c9dbec;
border-bottom:1px solid #c9dbec;
}
#footer-widget h3.title {
font:bold 16px Calibri,Arial,Sans-Serif;
letter-spacing:1px;
color:#333;
text-align:left;
padding:4px 0 2px;
border-bottom:1px solid #c9dbec;
text-transform:uppercase;
}
#footer-widget .widget-content {
margin:0;
padding:8px 0;
border-top:1px solid #fff;
}
#footer-widget .widget-content ul li {
background: url(http://3.bp.blogspot.com/-EppzMmkG-2I/UEyvlI14ofI/AAAAAAAAA5g/j0JelJC2ZCk/s1600/arrow_.gif) no-repeat 0px 5px;
margin:0;
padding:2px 0 2px 14px;
}
#footer-widget .kanan1 {
_display:inline;
float:left;
width:240px;
margin:0 10px 0 0;
}
#footer-widget .kanan2 {
_display:inline;
float:left;
width:240px;
margin:0 10px 0 0;
}
#footer-widget .tengah {
_display:inline;
float:left;
width:240px;
margin:0 10px 0 0;
}
#footer-widget .kiri {
_dirplay:inline;
float:right;
width:200px;
margin:0;
}
#LinkList1 .widget-content ul {
height:140px;
overflow-y:scroll;
}
#footer-widget a:hover {
color:#ffc01a;
}
/* FOOTER */
footer {
background:#333;
text-align:left;
color:#aaa;
text-shadow:0px -1px 0px #000;
overflow:hidden;
font-size:12px;
padding:10px;
margin:0;
}
span.kiri {
float:left;
width:49%;
text-align:left;
}
span.kanan {
float:right;
width:49%;
text-align:right;
}
footer a {
color:#aaa !important;
}
footer a:hover {
text-decoration:underline;
}
#leaderboard {
text-align:center;
padding:0px;
margin:0px;
}
#leaderboard .widget-content {
margin:0 auto !important;
padding:10px !important;
border-bottom:1px solid #ddd;
}
#leaderboard a img, #kotak-sidebar a img {
max-width:100%;
position:relative;
}
#leaderboard a img:hover, #kotak-sidebar a img:hover {
top:1px;
left:1px;
}
#kotak-sidebar iframe {
_display:none;
}
]]></b:skin>

<b:if cond='data:blog.isMobile'>
<style type='text/css'>
/* viewport */
@-o-viewport {width: device-width; max-zoom:2; min-zoom:0.5;
}
@-moz-viewport {width: device-width; max-zoom:2; min-zoom:0.5;
}
@-webkit-viewport {width: device-width; max-zoom:2; min-zoom:0.5;
}
@-ms-viewport {width: device-width; max-zoom:2; min-zoom:0.5;
}
@viewport {width: device-width; max-zoom:2; min-zoom:0.5;
}

body.mobile {
}
.mobile #kepala-kiri, .mobile #stSegmentFrame, .mobile #stwrapper, .mobile .form-wrapper, .mobile .bsosnet, .mobile .comments .avatar-image-container, .mobile #menu-top-wrapper {
 display:none !important;
}
.mobile #wrapper {
 margin:23px auto 0 !important;
 width:auto !important;
 max-width:600px !important;
 font-size:13px !important;
}
.mobile #header-wrapper {
 background:#fff;
 width:auto;
 max-width:100% !important;
 margin:0px !important;
 padding:0px !important;
}
.mobile #kepala-kanan {
 overflow-y:auto;
 height:auto;
 padding:6px !important;
 margin:0px !important;
 width:auto !important;
 max-width:100%;
}
.mobile #kotpos, .mobile #kotsid {
 margin:0 auto !important;
 float:none !important;
 width:auto !important;
 max-width:100% !important;
}
.mobile #kotak-posting {
 padding:6px !important;
}
.mobile #kotak-sidebar {
 padding:6px !important;
}
.mobile #kepala-kanan img {
 width:100% !important;
 float:left !important;
 text-align:left;
 margin:0px !important;
}
.mobile .top-nav {
background:#333;
background:-webkit-linear-gradient(top, #555, #333);
background:-moz-linear-gradient(top, #555, #333);
background:-ms-linear-gradient(top, #555, #333);
background:-o-linear-gradient(top, #444, #333);
background:linear-gradient(top, #444, #333);
-webkit-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 3px rgba(0,0,0,0.4);
 -o-box-shadow:0px 0px 7px black;
 -moz-box-shadow:0px 0px 7px black;
 -webkit-box-shadow:0px 0px 7px black;
 box-shadow:0px 0px 7px black;
 position:fixed;
 top:0;
 z-index:9999;
 overflow:hidden;
 width:100%;
 height:22px;
 color:#aaa;
 text-shadow:0px -1px 0px #000;
 font:normal 13px Calibri,Arial,Sans-Serif;
 text-align:center;
 border-bottom:1px solid #000;
}
.mobile .top-nav span {
 line-height:22px;
}
.mobile .top-nav a {
 color:#aaa;
}
.mobile .top-nav a:hover {
 text-decoration:underline;
 color:#ffc01a;
}

.mobile .navigasi {
 background:#254779;
 background:-webkit-linear-gradient(top, #395b8d, #254779);
 background:-moz-linear-gradient(top, #395b8d, #254779);
 background:-ms-linear-gradient(top, #395b8d, #254779);
 background:-0-linear-gradient(top, #395b8d, #254779);
 background:linear-gradient(top, #395b8d, #254779);
 color:#f5f5f5;
 text-shadow:-1px -1px #1d3a63;
 text-align:center;
 width:auto;
 overflow:hidden;
 margin:0;
 padding:6px;
 font:normal 14px Calibri,Arial,Sans-Serif;
 border-top:1px solid #436eaa;
 border-bottom:1px solid #1d3a63;
}
.mobile .navigasi span a {
 color:#f5f5f5;
 padding:0;
 margin:0;
}
.mobile .navigasi span a:hover {
 text-decoration:underline;
}
.mobile h3.title {
 background:#254779;
 background:-webkit-linear-gradient(top, #395b8d, #254779);
 background:-moz-linear-gradient(top, #395b8d, #254779);
 background:-ms-linear-gradient(top, #395b8d, #254779);
 background:-0-linear-gradient(top, #395b8d, #254779);
 background:linear-gradient(top, #395b8d, #254779);
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 -ms-border-radius: 12px;
 -o-border-radius: 12px;
 border-radius: 12px;
 color:#f5f5f5 !important;
 text-shadow:-1px -1px #1d3a63;
 text-transform:none;
 font:15px Calibri,Arial,Sans-Serif;
 padding:3px 10px !important;
 border-top:1px solid #436eaa;
 border-bottom:medium none !important;
}
.mobile .mobile-homepage-post {
 background:transparent;
 padding:6px 0px;
 position:relative;
 margin-bottom:6px;
 border-bottom:1px solid #ddd;
}
.mobile h2.mobile-post-title span.mobile-tanggal {
 color:#777;
 font-size:14px;
 font-weight:normal;
}
.mobile-post-content {
 padding-left:55px
} 
.mobile h2.mobile-post-title {
 padding-left:54px;
 font-size:16px;
 font-weight:bold;
 margin:0px 0px 4px;
}
.mobile h2.mobile-post-item-title {
 font-size:16px;
 font-weight:bold;
 margin:6px 0px 8px;
 color:#003164;
}
.mobile h2.mobile-post-title a, .mobile h2.mobile-post-item-title a {
 color:#1e598e;
}
.mobile h2.mobile-post-title a:hover {
 background:#f5f5f5;
}
.mobile .mobilethumb {
 position:absolute;
 top:6px;
 left:0;
}

.mobile .post-body {
 font-size:13px;
}
.mobile .post-body ul {
 margin: 0 0 13px 22px !important;
 list-style-type:disc;
}
.mobile .post-body ol {
 margin:0 0 13px 22px !important;
 list-style-type:decimal;
}
.mobile blockquote {
 margin:0 0 13px 6px !important;
 padding:6px 10px !important;
border-left:4px solid #ccc !important;
}
.mobile .index-post-info {
 float:left;
 margin:0;
 text-align:left;
 font-size:12px;
 color:#888;
}
.mobile .index-post-info a {
 font-weight:bold;
 color:#ffc01a;
}
.mobile .index-post-info a:hover {
 text-decoration:underline;
}
.mobile .kata-kata {
 margin:0px 0px 13px 6px !important;
 padding:6px 0px 12px !important;
 border-top:3px double #ccc;
 border-bottom:3px double #ccc;
 text-align:left;
 overflow:hidden;
}
.mobile .kata-kata p {
 padding:6px 0px !important;
 border-bottom:1px dotted #ddd;
 font:italic 16px Georgia, Times, serif;
}
.mobile .kata-kata p:last-child {
 border-bottom:medium none;
 padding-bottom:0px !important;
}
.mobile div.image {
 -moz-box-shadow:0px 0px 0px rgba(0,0,0,.0) !important;
 -webkit-box-shadow:0px 0px 0px rgba(0,0,0,.0) !important;
 box-shadow:0px 0px 0px rgba(0,0,0,.0) !important;
 border:medium none !important;
 overflow:hidden;
 max-width:100%;
 float:none !important;
 margin:0 auto 12px !important;
 padding:0px !important;
}
.mobile div.image img {
 margin:0 !important;
 padding:0 !important;
 text-align:center;
}
.mobile div.image div {
 overflow:hidden;
 padding:3px 3px 0px !important;
 margin:0;
 font-size:11px;
}
.mobile #spek, .mobile .jadwal, .mobile .table, .mobile table {
 min-width:400px !important;
 margin:0 auto 12px;
}
.mobile pre {
 padding:6px 10px !important;
 border-left:4px solid #ccc !important;
}

.mobile #kotak-sidebar .widget-content img {
 margin:0 !important;
 padding:0 !important;
}
.mobile .post-body img {
 float:none !important;
 max-width:100% !important;
}
.mobile #related-post {
 text-align:left;
 float:left;
 margin:0 0 10px 0;
 padding:0;
}
.mobile #related-post ol {
 list-style-type:none;
 margin:0px !important;
}
.mobile #related-post li {
 padding:3px;
 border-bottom:1px dotted #ddd;
}
.mobile #related-post li:last-child {
 border-bottom:none;
}
.mobile #related-post h3 {
 color:#333;
 margin:0px 0 4px 0;
 font-size:15px;
}
.mobile #related-post ol li a {
 display:block;
 color:#444;
}
.mobile #related-post ol li a:hover {
 color:#333;
 background:#e5e5e5;
}
.mobile .sharing {
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 border-top:1px solid #ddd !important;
 border-bottom:1px solid #ddd !important;
 border-right:medium none !important;
 border-left:medium none !important;
 margin:0 0 10px 0;
 padding:4px 3px !important;
 overflow:hidden;
}
.mobile .sharing span {
 float:left;
}
.mobile .post-footer {
 background:#f5f5f5;
 color:#444;
 font-style:italic;
 font-size:12px;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 margin:0;
 padding:4px 3px 6px;
}
.mobile div.sumber {
 margin:3px 0px 10px !important;
 padding:6px 0px !important;
 font-weight:bold;
 color:#666;
}
.mobile #blog-pager {
 margin:6px 0 0;
 padding:0px 0px 3px;
 border-bottom:1px solid #ccc;
}
.mobile #blog-pager a {
 color:#333;
}
.mobile #blog-pager a:hover {
 color:#666;
}
.comments .comment-block, .comments .comment-replybox-single {
 margin-left:0px !important;
}
.mobile .comments .comments-content .comment-replies {
 margin-top:6px;
 margin-left:8px;
}
.mobile-date-outer {
 background: #fff;
 margin:0;
 padding:0;
}
.mobile #kotak-sidebar .widget-content ul li {
 padding:3px !important;
}
.mobile #footer-widget .widget-content li:nth-child(even) {
background-color:#fafafa;
}
.mobile #footer-widget .widget-content li:nth-child(odd) {
background-color:#f0f0f0;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}
.mobile #kotak-sidebar .widget-content ul li a, .mobile h2.mobile-post-title a, .mobile #footer-widget .widget-content ul li a {
display:block;
}
.mobile #kotak-sidebar .widget-content ul li a:hover, #footer-widget .widget-content ul li a:hover {
 background:#f5f5f5;
 color:#333
}

.mobile #footer-widget .widget-content {
padding:0;
border-top:none;
}
.mobile #footer-widget {
 background:#fff;
 padding:6px;
 text-shadow:none;
 font-weight:normal;
 border-top:none;
 border-bottom:none;
}
.mobile #footer-widget .kanan1, .mobile #footer-widget .kanan2, .mobile #footer-widget .tengah, .mobile #footer-widget .kiri {
 float:none !important;
 margin:0px 0px 8px 0px !important;
 width:auto !important;
 max-width:100% !important;
 padding:0px !important;
}
.mobile #footer-widget .widget-content ul li {
 background-image:none;
 margin:0;
 padding:3px;
}
.mobile #footer-widget a {
 color:#333;
}

.mobile footer {
 background:#254779;
 background:-webkit-linear-gradient(top, #395b8d, #254779);
 background:-moz-linear-gradient(top, #395b8d, #254779);
 background:-ms-linear-gradient(top, #395b8d, #254779);
 background:-0-linear-gradient(top, #395b8d, #254779);
 background:linear-gradient(top, #395b8d, #254779);
 text-shadow:-1px -1px #1d3a63;
 text-align:center !important;
 font-size:12px;
 padding:6px 6px 13px !important;
 color:#f5f5f5;
 margin:0;
 border-top:1px solid #436eaa;
}
.mobile footer span.kiri, .mobile footer span.kanan {
 float:none !important;
 margin:0 auto;
 text-align:center;
}
.mobile footer a{
 color:#fff !important;
}
.mobile footer a:hover {
 text-decoration:underline;
}
.mobile #sosnet {
 background:#e5e5e5;
 border-top:1px solid #f5f5f5;
 border-bottom:1px solid #ccc;
 overflow;hidden;
 margin:0;
 padding:6px;
}
.mobile #admob {
 max-width:100% !important;
}
.mobile #admob iframe {
 width:auto !important;
 max-width:100%;
}
.mobile #leaderboard .widget-content {
 padding:6px !important;
 border-bottom:none;
}

.mobile .mobile-ads {
 max-width:100%;
 overflow:hidden;
 background:#f5f5f5;
 padding:6px;
 text-align:center;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
.mobile-ads a img {
 display:block;
 margin:0 auto;
 max-width:100%;
}
.mobile .mobsearch {
 background:#e5e5e5;
 margin:0;
 padding:6px;
 border-bottom:1px solid #f5f5f5;
}

/* Media Queries */
@media screen and (min-device-width:100px) and (max-device-width:177px) {
.mobile #kotak-posting, .mobile #kotak-sidebar, .mobile #kepala-kanan, .mobile #sosnet, .mobile .mobsearch, .mobile .mobile-ads, .mobile #leaderboard .widget-content, .mobile #footer-widget {
 padding:4px !important;
}
.mobile-post-content, .mobile h2.mobile-post-title{
 padding-left:53px !important;
}
}
@media screen and (min-device-width:221px) and (max-device-width:360px) {
.mobile #kotak-posting, .mobile #kotak-sidebar, .mobile #kepala-kanan, .mobile #sosnet, .mobile .mobsearch, .mobile #leaderboard .widget-content, .mobile .mobile-ads, .mobile #footer-widget {
 padding:6px 8px !important;
}
.mobile-post-content, .mobile h2.mobile-post-title{
 padding-left:55px !important;
}
}
@media screen and (min-device-width:361px) and (max-device-width:480px) {
.mobile #kotak-posting, .mobile #kotak-sidebar, .mobile #kepala-kanan, .mobile #sosnet, .mobile .mobsearch, .mobile #leaderboard .widget-content, .mobile .mobile-ads, .mobile #footer-widget {
 padding:6px 10px !important;
}
.mobile-post-content, .mobile h2.mobile-post-title{
 padding-left:58px !important
}
}
@media screen and (min-device-width:481px) and (max-device-width:5000px) {
.mobile #kotak-posting, .mobile #kotak-sidebar, .mobile #kepala-kanan, .mobile #sosnet, .mobile .mobsearch, .mobile #leaderboard .widget-content, .mobile .mobile-ads, .mobile #footer-widget {
 padding:6px 14px !important;
}
.mobile-post-content, .mobile h2.mobile-post-title{
 padding-left:60px !important;
}
}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ol>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ol>');document.write();}//]]>
</script>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- Script Auto Readmore With Thumbnail -->
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummary(pID){ var div = document.getElementById(pID); var summ = 99; var summary = '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]>
</script>
<!-- Script Auto Readmore With Thumbnail End -->
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Script Related Post With Thumbnail -->
<style type='text/css'>
/* CUSTOM POST */
#spek, .jadwal, .table {
 max-width:100%;
 margin:0 0 13px;
}

/* kata kata */
.kata-kata {
 margin:0px 13px 13px 18px;
 padding:8px 0px 16px;
 font:italic 16px Georgia, Times, serif;
 border-top:3px double #ccc;
 border-bottom:3px double #ccc;
 text-align:left;
 overflow:hidden;
}
.kata-kata p {
 padding:8px 0px !important;
 border-bottom:1px dotted #ddd;
}
.kata-kata p:last-child {
 border-bottom:medium none;
 padding-bottom:0px !important;
}
/* kata kata end */

/* spesifikasi hp */
#spek table {
 margin:0 auto !important;
 width:100%;
 text-align:left;
 border:medium none !important;
 border-top:1px solid #e3e3e3 !important;
}
#spek h3, #spek h2 {
 background:#f6f6f6;
 color:#666;
 margin:0;
 padding:8px;
 text-align:center;
 font:15px Verdana, Arial;
 font-weight:bold;
 text-transform:uppercase;
}
#spek caption {
 display:none;
}
#spek table th, #spek table td {
 border:medium none !important;
 font-size:13px;
 text-align:left;
 padding:2px 6px !important;
 vertical-align:top;
}
#spek table th {
 background:none repeat scroll 0 0 #f6f6f6;
 border-right:medium none;
 border-bottom:medium none;
 color:#b23f33;
 font:14px Georgia, Serif;
 text-transform:uppercase;
 width:80px;
}
#spek table td {
 background: none repeat scroll 0 0 #fafafa;
 border-bottom: 1px solid #f0f0f0 !important;
 line-height:16px;
}
#spek table td.ttl {
 color:#444;
 font-weight:bold;
 width:100px;
}
#spek table tr:last-child td, .jadwal table tr:last-child td, table tr:last-child td {
 border-bottom:medium none !important;
}
/* spesifikasi hp end */

/* jadwal */
.jadwal table {
 margin:0 auto !important;
 border:medium none !important;
}
.jadwal table th h3, table th h3, .jadwal table th h2, table th h2 {
 text-align:center;
 font-weight:bold;
 font-size:15px;
 text-transform:uppercase;
}
.jadwal table th {
 border:medium none !important;
 color:#666;
 padding:6px;
 background:#f6f6f6;
 border-bottom:1px solid #ccc !important;
}
.jadwal table th.jo {
 background:#A7c942;
 color:#fff;
 border-bottom:medium none;
 border-top:medium none;
}
.jadwal table td {
 border:medium none;
 background:#fafafa;
 color:#444;
 text-align:left;
 padding:4px 8px;
 vertical-align:top;
 border-bottom:1px solid #f0f0f0;
}
.jadwal table td span {
 font-weight:bold;
 color:#b23f33;
}
.jadwal table td.tt {
 text-align:right;
 width:50%;
 font-weight:bold;
}
/* jadwal end */


/* bingkai gambar */
div.image {
 border:1px solid #ccc;
 padding:5px;
 margin:0 auto 13px;
 text-align:center;
 -moz-box-shadow:2px 2px 5px rgba(0,0,0,.2);
 -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);
 box-shadow:2px 2px 5px rgba(0,0,0,.2);
}
div.image img {
 width:auto;
 margin:0;
 padding:0;
 text-align:center;
}
div.image div {
 padding:5px 0px 0px;
 margin:0;
 text-align:center;
 font-size:12px;
 color:#666;
}
/* bingkai gambar end */


/* table harga */
.table table {
 margin:0 auto !important;
 border:medium none;
}
.table table th {
 background:#e5e5e5;
 font-weight:bold;
 padding:6px 4px !important;
 border:medium none !important;
 border-bottom:1px solid #ccc !important;
 text-align:left;
}
.table table td {
 background:#fafafa;
 color:#222;
 font-size:13px;
 text-align:left;
 padding:4px;
 border:medium none !important;
 border-bottom:1px solid #f0f0f0 !important;
}
/* table harga end */

/* other */
.pesan {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 font-size:13px;
 margin:0 0 10px;
 padding:8px;
 border:2px solid #ddd;
}
/* other end */
/* CUSTOM POST END */

/* Syntax Highlighter */
pre {
 padding:10px 22px 10px 22px;
 margin:0 0 13px 13px;
 white-space:pre;
 overflow:auto;
 background:#fff;
 border-left:6px solid #ccc;
 border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 -moz-box-shadow:2px 2px 5px rgba(0,0,0,.2);
 -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);
 box-shadow:2px 2px 5px rgba(0,0,0,.2);
}
code {
 font-family:Consolas,Monaco,&#39;Andale Mono&#39;,monospace;
 color:black;
}
pre code {
 color:black;
 direction:ltr;
 text-align:left;
 word-spacing:normal;
}
 pre .token.punctuation {
 color:#999;
}
pre .token.comment, pre .token.prolog, pre .token.doctype, pre .token.cdata {
 color:#slategray;
 font-style:italic;
}
pre .namespace {
 opacity:.8;
}
pre .token.property, pre .token.tag, pre .token.boolean, pre .token.number {
 color:#905;
}
pre .token.selector, pre .token.attr-name, pre .token.string {
 color:#690;
}
 pre .token.entity, pre .token.url, pre .language-css .token.string, pre .style .token.string{
 color:#a67f59;
}
pre .token.operator {
 color:#a67f59;
}
pre .token.atrule, pre .token.attr-value {
 color:#489938;
}
pre .token.keyword {
 color:#07a;
 font-style:italic;
}
pre .token.regex, pre .token.important {
 color:#e90;
}
pre .token.important {
 font-weight:bold;
}
pre .token.entity {
 cursor:help;
}

#at-gambar {
 text-transform:none;
 overflow:hidden;
 margin:0;
 padding:0;
}
#at-gambar h2 { font-size:16px; padding:0; margin:0 0 8px;
}
#at-gambar a {
 font-size:12px;
 color:#444;
 overflow:hidden;
 text-align:left;
}
#at-gambar a:hover {
 background:#eee;
 color:#000;
}
#at-gambar img { width:100%; margin:0; padding:0;
}


/* COMMENT FORM */
.comments h3 {
 background:#fff;
 color:#333;
 font-size:15px;
 padding:0; 
}
.comments {
 clear: both;
}
.comments .comments-content {
 font-size:13px;
 margin-bottom:8px;
}

/*tulisan balas dan hapus*/
.comments .comment .comment-actions a {
 background:#f5f5f5;
 position:relative;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -o-border-radius:3px;
 -ms-border-radius:3px;
 border-radius:3px;
 border:1px solid #ccc;
 color:#444;
 margin:0 8px 0 0;
 padding:2px 8px;
 -o-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
 -ms-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
 -moz-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
 -webkit-box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
 box-shadow:0px 6px 5px -3px rgba(0,0,0,.2);
}
.comments .comment .comment-actions a:hover {
 top:2px;
 color:#666;
 border:1px solid #ffc01a;
 -o-box-shadow:0px 1px 2px rgba(0,0,0,.2);
 -ms-box-shadow:0px 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow:0px 1px 2px rgba(0,0,0,.2);
 -webkit-box-shadow:0px 1px 2px rgba(0,0,0,.2);
 box-shadow:0px 1px 2px rgba(0,0,0,.2);
}

.comments .comments-content .comment-thread ol {
 text-align:left;
 margin:13px 0;
 padding:0
}
.comments .comments-content .inline-thread {
 padding:0;
 margin:0;
}
.comments .comments-content .comment-thread {
 margin:0;
 padding:0;
}
.comments .comments-content .comment-thread:empty {
 display:none;
}

/*kotak komentar yang menjorok ke dalam*/
.comments .comments-content .comment-replies {
 margin-top:8px;
 margin-left:30px;
}

.comments .comments-content .comment {
 margin-bottom:6px;
 padding:0;
}
.comments .comments-content .comment:first-child {
 padding:0;
 margin:0;
}
.comments .comments-content .comment:last-child {
 padding:0;
 margin:0;
}

/*nama pemberi komentar*/
.comments .comments-content .user {
 font-weight:bold;
 margin:0;
}

/*icon penanda author*/
.comments .comments-content .icon.blog-author {
 background: url(http://2.bp.blogspot.com/-fGqHghV17sw/TyIzFNGl_uI/AAAAAAAAAQY/XpDDAI1dJ3o/s320/author.png);
 width: 16px;
 height: 16px;
 display: inline-block;
 margin: 0 0 -2px 6px;
}

/*tanggal dan jam*/
.comments .comments-content .datetime {
 font-size:11px;
 margin-left:8px;
 font-style:italic;
}

/*kepala komentar*/
.comments .comments-content .comment-header {
 background:#fff;
 margin:0;
 padding:0;
}

/*tubuh komentar*/
.comments .comments-content .comment-content {
 text-align:left;
 margin:0;
 padding:8px 0 13px;
 font-size:13px
}

.comments .comments-content .owner-actions {
 border:1px solid #ccc;
}
.comments .comments-replybox {
 height:250px;
 max-width: 100%;
}

/*kolom(text area) komentar utama */
.comments .comment-replybox-single {
 padding:0px;
 margin: 8px 0;
 margin-left:30px; 
}

/*kolom(text area) yang komentar menjorok ke dalam*/
.comments .comment-replybox-thread {
 margin:8px 0 0 0;
 padding:0px;
}

/* link kotak dibawah kolom komentar (nggak ngerti fungsinya buat apaan)*/

/*tulisan balasan*/
.comments .thread-toggle {
 cursor: pointer;
 padding:0;
 margin:0;
 display:block;
 text-shadow:1px 1px #ccc;
}

/*tulisan balas 2*/
.comments .continue a {
 background:#f5f5f5;
 position:relative;
 -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 text-align:center;
 margin:4px 0 10px;
 width:auto;
 color:#666;
 border:1px solid #ccc;
 padding:3px 8px;
 display:block; 
}
.comments .continue a:hover {
 top:1px;
 left:0px;
 border:1px solid #ffc01a;
 -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
 -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
 box-shadow:0px 0px 2px rgba(0,0,0,0.4);
}

.comments .comments-content .loadmore a {
 background:#f5f5f5;
 color:#888;
 padding:0 !important;
 line-height:22px;
 text-align:center;
 border:1px solid #ffc01a;
}
.comments .comments-content .loadmore {
 max-height:22px;
 height:22px;
 cursor:pointer;
 margin:6px 0 2px;
}
.comments .comments-content .loadmore.loaded {
 max-height:22px;
 height:22px;
 overflow:hidden;
 opacity:.7;
}
.comments .thread-chrome.thread-collapsed {
 display:none;
}
.comments .thread-toggle {
 display:inline-block;
}

.comments .thread-toggle .thread-arrow {
 display: inline-block;
 height: 6px;
 width: 7px;
 overflow: visible;
 margin: 0.3em;
 padding-right: 4px;
}
 
/* tanda panah */
.comments .thread-expanded .thread-arrow {
}
.comments .thread-collapsed .thread-arrow {
}

/* kotak tempat avatar */
.comments .avatar-image-container {
 -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
 -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 float: left;
 overflow:hidden;
 border:1px solid #ccc;
 padding:3px
}
/*gambar avatar*/
.comments .avatar-image-container img {
 width:48px;
}

/* kotak komentar utama*/
.comments .comment-block {
 -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 padding:10px;
 margin-left:55px;
 border:1px solid #ccc;
}
</style> <script type='text/javascript'> var defaultnoimage = &quot;http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg&quot;; var maxresults = 7; var splittercolor = &quot;#ddd &quot;; var relatedpoststitle = &quot;Artikel Menarik Lainnya:&quot;; </script> <script src='http://mas-sugeng.googlecode.com/files/terkait6.js' type='text/javascript'/>
<!-- Script Related Post With Thumbnail End -->
<script language='JavaScript' type='text/javascript'>if (top.location != self.location) top.location.replace(self.location);</script>
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher:&quot;03f402d6-b18a-4886-8db2-c1fdc5a2ee9b&quot;});</script>
<!-- Script Google Plus -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<!-- Script Google Plus End -->
</b:if>
<script src='http://mas-sugeng.googlecode.com/files/prism.js'/>
</head>
<!-- <body><div></div> -->
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
<div id='fb-root'/>
<script src='http://mas-sugeng.googlecode.com/files/fb.js'/>
<b:if cond='data:blog.isMobile'>
<div class='top-nav'>
<span><a href='' rel='nofollow'>Arsip</a> |</span>
<span><a href=''>RSS</a> |</span>
<span><script>
//<![CDATA[
function url_mobile(url)
{
var url='?m=0';
url_asli='<a href="'+url.replace('?m=1','+url+')+'">Full Site</a>';
if(url!="") return url_asli; else return "";
}
//]]>
</script>
<script type='text/javascript'>
document.write(url_mobile(&quot;http://www.mas-sugeng.com/?m=1&quot;));</script></span>
</div>
<div class='clear'/>
<!-- menu top ditutup -->
<b:else/>
<!-- menu top dibuka -->
<div id='menu-top-wrapper'>
<ul id='menu-top'>
<li class='selected'><a href='#'>Beranda</a></li>
<li><a href='#'>Versi Mobile</a></li>
<li><a href='#'>Tentang</a></li>
<li><a href='#' rel='nofollow'>Arsip</a></li>
<li><a href='#'>Template Blogger</a></li>
<li class='rss'><a href='#'>Berlangganan</a></li>
<li><a href='#' title='Pasang Iklan Murah'>Pasang Iklan</a></li>
</ul>
</div>
<div class='clear'/>
<!-- menu top ditutup -->
</b:if>
<!-- wrapper dibuka -->
<div id='wrapper'>

<!-- kotak-kepala dibuka -->
<header id='header-wrapper'>
<div id='kepala-kanan'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Mas Sugeng (Header)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      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.
      -->

      <b:if cond='data:mobile'>
          <div 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:else/>
          <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;_height: &quot; + data:height                        + &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/>

      <!-- Header hanya Gambar -->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
 
    <!-- Header tanpa Gambar -->
<div id='header-inner'>
<div class='titlewrapper'>

<!-- title dan deskripsi mobile -->
<b:if cond='data:blog.isMobile'>
<h1 class='title'><b:include name='title'/></h1>
<b:include name='description'/>
<b:else/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'><b:include name='title'/></h1>
<b:include name='description'/>
<b:else/>

<p class='title'><b:include name='title'/></p>
<b:include name='description'/>
</b:if>
</b:if>
</div>
</div>

</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- header kanan -->
</div>
<b:if cond='data:blog.isMobile'>
<b:else/>
<form action='/search' class='form-wrapper' method='get'>
<input id='a' name='q' placeholder='Cari Sesuatu...' type='text'/>
<button type='submit'>CARI</button>
</form>
</b:if>
</header>
<div class='clear'/>
<!-- kepala ditutup -->
<!-- navigasi dibuka -->

<!-- menu navigasi untuk template seluler -->
<b:if cond='data:blog.isMobile'>
<div class='navigasi'><span><a href='#'>Beranda</a></span> &#183; <span><a href='#'>Sepakbola</a></span> &#183; <span><a href='#'>Gadget</a></span> &#183; <span><a href='#'>Internet</a></span> &#183; <span><a href='#'>Unik &amp; Menarik</a></span> &#183; <span><a href='#'>Trik and tips</a></span> &#183; <span><a href='#'>Entertainment</a></span>
</div>
<div class='clear'/>
<div id='sosnet'>
<div style='float:left; margin-bottom:-3px; margin-right:6px;'><a class='twitter-follow-button' data-lang='id' data-show-count='false' data-show-screen-name='false' href='https://twitter.com/blogmassugeng'>Ikuti @blogmassugeng</a>
</div>
<div style='float:left;'>
<div class='fb-like' data-href='http://www.facebook.com/blogmassugeng' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90'/>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<b:else/>

<!-- menu navigasi versi desktop -->
<nav><ul id='menu'><li class='selected'><a href='#'>Sepakbola</a></li><li><a href='#'>Gadget</a></li><li><a href='#'>Internet</a></li><li><a href='#'>Entertainment</a></li><li><a href='#'>Unik dan Menarik</a></li><li><a href='#'>Trik and Tips</a></li><li><a href='#'>Blogging</a></li><li><a href='#'>Blog Design</a></li></ul></nav>
<div class='clear'/>
</b:if>
<!--navigasi ditutup-->
<!-- iklan -->
<b:section class='ads728' id='leaderboard' preferred='yes'>
<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:includable>
</b:widget>
</b:section>
<!-- iklan end -->
<!-- kotak-kontent dibuka -->
<div id='kotak-kontent'>

<!-- kotak-posting dibuka -->
<div id='kotpos'>
<b:section class='main' id='kotak-posting' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div id='blog-pager-newer-link'>
      <a class='ngkot' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div id='blog-pager-older-link'>
      <a class='ngkot' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
    </b:if>

    <div class='home'><a class='ngkot' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></div>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </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.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='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</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'>
  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>


<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.thumbnailUrl'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=150;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'" title="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
<b:else/>
<a expr:href='data:post.url'><img class='postthumb' expr:alt='data:post.title' expr:title='data:post.title' src='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s110-c/default.png'/></a>
</b:if>

<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if>
</b:if>
</h1>
</b:if>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div class='post-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id' itemprop='articleBody'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummary(&quot;summary<data:post.id/>&quot;);</script>

<div class='postinfo'>
Oleh <span class='vcard'><span class='hcard'> <span class='fn n'> <span class='given-name'><data:post.author/></span></span></span></span>, <b:if cond='data:post.dateHeader'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr>, </b:if><span class='numcomment'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></span>
</div>

<div class='clear'/>
</b:if>
</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='articleBody'>
<data:post.body/>
</div>
<div class='clear'/>
<div class='clear'/>
<div itemscope='itemscope' itemtype='http://data-vocabulary.org/Review'>
<div style='margin:3px 0px 8px; color:#666; font-weight:normal; font-size:12px; font-style:italic; text-align:right;'>
Ditulis oleh: <span class='vcard'>
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></span> - <b:if cond='data:post.dateHeader'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></b:if> - Rating: <span itemprop='rating'>5</span>
</div>
<div class='pesan' itemprop='description'>
Terima kasih sudah membaca artikel kategori <b>Download</b>
 dengan judul <strong itemprop='itemreviewed'><data:blog.pageName/></strong>. Anda bisa bookmark halaman ini dengan URL <b><data:blog.url/></b>. Jangan lupa share ke teman-teman ya.

</div>
</div>

<div class='clear'/>
<div class='sharing'>
<div style='float:left; margin-bottom:-3px;'><a class='twitter-share-button' data-lang='id' data-via='blogmassugeng' href='https://twitter.com/share'>Tweet</a></div>
<div style='float:left; margin-left:-10px;'>
<div class='g-plusone' data-size='medium'/></div>
<div style='float:left;'><div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/></div>
<div class='clear'/>
</div>

<div class='clear'/>
<div id='at-gambar'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>
</div>

</b:if>
</b:if>
</div>

</div>
</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </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'>

    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>

      <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 blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>

<h3> <b:if cond='data:post.numComments == 0'> Belum ada komentar untuk &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> </h3>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </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: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='//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'>&#171; Sebelumnya</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'>Selanjutnya &#187;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link' style='display:none;'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<!-- halaman posting mobile -->

  <div class='post-wrap'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header' style='display:none;'><span><data:post.dateHeader/></span></h2>
    </b:if>

      <div class='post-konten'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <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-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <data:post.body/>
<div class='clear'/>
<div class='sharing'>
<div style='float:left;'><a class='twitter-share-button' data-lang='id' data-via='blogmassugeng' href='https://twitter.com/share'>Tweet</a></div>
<div style='float:left; margin-left:-10px;'><div class='g-plusone' data-size='medium'/></div>
<div style='float:left;'><div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/></div>
<div class='clear'/>
</div>
<div class='clear'/>
<div id='related-post'><h3>Artikel Terkait:</h3>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script></div>
<div class='clear'/>
          </div>

          <div class='post-footer'>
Ditulis oleh: <span class='vcard' id='hcard'> <span class='fn n'> <span class='given-name'><data:post.author/></span></span></span> - <b:if cond='data:post.dateHeader'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></b:if>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </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://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//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:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> 

<!-- halaman statik -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>

<!-- halaman posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
</div>
<b:else/>

<!-- tanpa label -->
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Tanpa kategori</span> &#187; <span><data:post.title/></span></div> </b:if>
</b:loop>
<b:else/>

<!-- halaman arsip -->
<b:if cond='data:blog.pageType == &quot;archive&quot;'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Arsip untuk bulan <data:blog.pageName/></span> </div> <b:else/>

<!-- halaman pencarian -->
<b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>

<!-- halaman index selain home -->
<b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Semua post</span>
<b:else/>

<!-- halaman label -->
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Semua post berkategori <data:blog.pageName/></span> </b:if>
</div>

</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </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='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<!-- halaman index mobile -->

 <div class='mobile-date-outer date-outer' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header' style='display:none;'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-homepage-post hentry'>
              <div class='mobilethumb'>
<a expr:href='data:post.url'><img expr:src='data:post.thumbnailUrl' style='width:50px; height:50px;'/></a>
</div>
      <h2 class='mobile-post-title entry-title' itemprop='name'>
        <a expr:href='data:post.url'>
          <data:post.title/> <span class='mobile-tanggal'>(<data:post.dateHeader/>)</span>
        </a>
      </h2>

        <div class='mobile-post-content'>
 
          <div class='post-body' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='clear'/>
<div class='index-post-info'>
Oleh <span class='vcard'>
<span class='fn'><data:post.author/></span></span>, 
<b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Tulis Komentar </b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Komentar </b:if></a></b:if>
</div>
<div class='clear'/>
        </b:if>
          </div>
        </div>
    </div>
  </div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowComments'>
    <script expr:src='data:post.commentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <b:if cond='data:post.allowComments'>

<h3> <b:if cond='data:post.numComments == 0'> Belum ada komentar untuk &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> </h3>

      <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>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <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:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <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>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </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>
<!-- kotak-posting ditutup -->

<!-- sidebar dibuka -->
<aside id='kotsid'>
<b:section class='sidebar' id='kotak-sidebar' preferred='yes'/>
<div class='clear'/>
</aside>
<!-- sidebar ditutup -->

</div>
<!-- kotak-kontent ditutup -->
<div class='clear'/>
<div id='footer-widget'>
<b:section class='kanan1' id='kanan1-index' preferred='yes'/>
<b:section class='kanan2' id='kanan2' preferred='yes'/>
<b:section class='tengah' id='tengah' preferred='yes'/>
<b:section class='kiri' id='kiri' preferred='yes'/>
</div>
<div class='clear'/>
<b:if cond='data:blog.isMobile'>
<!-- iklan mobile -->
<div class='mobile-ads'>
<!-- Taruh kode iklan untuk mobile disini -->
</div>
<div class='clear'/>
<!-- iklan mobile -->
<div class='mobsearch'>
<form action='/search' id='searchthis' method='get' style='display:inline;'><input id='b-query' maxlength='220' name='q' size='10' type='text'/>
<input id='b-searchbtn' type='submit' value='Cari'/>
</form>
</div>
<b:else/>
</b:if>
<div class='clear'/>
<footer>
<span class='kiri'>Copyright &#169; 2012 <a href='http://www.mas-sugeng.com/' rel='copyright' title='Copyright'>Blog Mas Sugeng</a></span>
<span class='kanan'>
Design by <a href='http://www.facebook.com/sugeng.tk' rel='nofollow' target='_blank' title='Mas Sugeng Ganteng'>Mas Sugeng</a> - Powered by <a href='http://www.blogger.com' rel='nofollow' target='_blank' title='Blogger.com'>Blogger</a><br/>Cloned by <a href='http://platorial.blogspot.com/' target='_blank' title='Blogspot Tutorial'>Blogspot Tutorial</a></span>
</footer>
<!-- footer ditutup -->

</div>
<!-- wrapper ditutup -->

</body>
</HTML>