Template Blog

Tweet di Sini!!!

<br />
<?xml version="1.0" encoding="UTF-8" ?><br />
<!DOCTYPE html><br />
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br />
<head><br />
<b:if cond='data:blog.url == data:blog.homepageUrl'><br />
<title><data:blog.pageTitle/></title><br />
<br />
 </b:if><br />
<b:if cond='data:blog.pageType == "item"'><br />
<title><data:blog.pageName/></title><br />
<br />
<br />
</b:if><br />
<meta content='index, follow' name='robots'/><br />
<meta content='1 days' name='revisit-after'/><br />
<meta content='all' name='robots'/><br />
<meta content='all' name='googlebot'/><br />
<meta content='blogger' name='generator'/><br />
<meta content='general' name='rating'/><br />
<b:skin><![CDATA[
/**
* Theme Name: Robotic notes
* Theme URL: http://robotic-notes-bt.blogspot.com
* Description: Simple Anime blogger template
* Author: Johanes DJ
* Author URL: http://Djogzs.blogspot.com
*
*/
.navbar {
visibility:hidden;
display:none;
}
#content{
width: 610px;
padding: 11px 15px 10px 15px;
float: left;
display: inline;
position: relative;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.profile-textblock {
margin: .5em 0;
text-align: justify;
line-height: 2.0em;
}
.profile-img {
float: left;
margin: 0 5px 5px;
border: 1px solid #DDD;
padding: 5px;
border-radius: 5px;
}
.PopularPosts img{padding:0px;border-radius: 5px;}
.PopularPosts .item-thumbnail {
float: left;
margin: 0 5px 5px 0;
border: 1px solid #DDD;
height: 72px;
padding: 5px;
background: #222;
border-radius: 5px;
}
.comments .comments-content .user {
font-style: normal;
}
.comments {
clear: both;
margin-top: -2px;
background: #FAFAFA;
padding: 30px;
border-radius: 5px;
border: 1px solid #DDD;
width;641px;
}
.comments .comments-content .datetime {
font-style: normal;
float: right;
margin-right: 10px;
}
.bigcom {
padding: 3px;
float: left;border-right: 1px dotted #ddd;
line-height: 23px;
text-align:center;}
.bigcom a{font-size:10px;}
#main3 h2:hover{background:#2E2633;}
.post h2{
font-size: 17px;
text-align: left;
color: #FAFAFA;
font-family: 'Iceland', cursive;
overflow: hidden;
text-shadow: 1px 1px 1px #362c30;
background: #222;
padding: 4px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: left;
letter-spacing: 1px;
width: 476px;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;
text-transform: uppercase;
font-weight: normal;
}
.post h2:hover{background:#2E2633;}
.post h2 a:link,.post h2 a:visited{
color:#fafafa;
}
.bigcom a{
font-size: 10px;
text-decoration: none;
color: #222;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: left;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.leftmeta {
font-size: 10px;
text-decoration: none;
color: #222;
text-align: center;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
float: left;border-right: 1px dotted #ddd;
padding: 3px;
margin-left:8px;
border-left: 1px dotted #ddd;
line-height: 23px;
}
.timemeta {
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 10px;
text-decoration: none;
color: #222;
padding: 3px;
float: left;
text-align: center;
margin-left: 8px;
line-height: 23px;
}
.fullpost{
line-height: 25px;
text-align: right;
color:white;
text-transform: uppercase;
font-size: 11px;
float: left;
width: 100%;
}
.fullpost a:link, .fullpost a:visited{
color:#88ECFB;margin-right: 5px;
}
.bigcom a:link, .bigcom a:visited{
color:#222;
}
.arrow{
position:absolute;
top:50px;
left:-10px;
height:30px;
width:10px;
}
.postright{
float: left;
position: relative;
width: 50px;
}
.postright img:hover {max-width: 600px;margin-left: 0px;}
.postright img{margin-left: -20px;-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;max-width: 100px;}
.categ{
float: left;
color: #222;
padding: 3px;
font-size: 10px;
line-height: 23px;
text-transform: uppercase;}
.categ a:link,.categ a:visited {
font-size:10px;
text-decoration:none;
text-align: center;color:#222;
padding: 3px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
}
.data{
margin-bottom: 10px;
border: 1px solid #88ECFB;
padding: 3px;
border-radius: 0px 0px 5px 5px;
background: white;
font-size: 17px;
}
.author,.clock{
padding:3px 10px;
margin:0px 0px 0px -10px ;
font-size:12px;
color:#222;
text-transform:uppercase;
}
.clock {float:right;}
.widget-content{padding: 10px;
color: #666;
padding-bottom: 15px;}
.comments .comments-content .comment-header, .comments .comments-content .comment-content {
margin: 0 10px 10px;
}
#ArchiveList ul li {
margin: -6px 0 0 10px !important;
}
#ArchiveList ul li a:link, #ArchiveList ul li a:visited {
padding: 0px 0px 0px 10px !important;
margin:5px;
}
#commentsbox {
margin:0;
width:600px;
}
h3#comments{
font-size30px;
font-family: 'Open Sans', sans-serif;
color:#ffffff;
font-weight:normal;
padding:10px 10px ;
background:#D3D4CE;
margin-top:10px;
}
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}
ol.commentlist li {
margin:0px 0;
line-height:18px;
padding:10px;
background:#78786D;
}
ol.commentlist li .comment-author {
color:#ffffff;
}
.comment-body {
margin: auto;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
box-shadow: 0 1px 4px rgba(0,0,0,0.5);
padding: 5px;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;}
}
ol.commentlist li .comment-author .fn {
color:#000;
}
ol.commentlist li .comment-author .avatar{
float:right;
background:#fff;
padding:3px;
}
.comments .comments-content .comment-content {
text-align: justify;
border-bottom: 1px solid
#DDD;
padding-top: 10px;
}
.comments .comment .comment-actions a {
padding: 5px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
color: #fafafa;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 5px;
border: 1px solid #DDD;
position: relative;
background: #222;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
text-shadow: 1px 1px 1px #362c30;
}
.comments .comments-content .comment-replies {
margin-left: 65px;
margin-top: 1em;
}
.comments .comments-content .inline-thread {
padding: .5em 0em;
}
.comments h4{
background: #fff;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
font-size: 15px;
font-weight: normal;}
.comments .continue a {
padding: 5px;
font-size: 13px;
text-decoration: none;
text-align: center;
color: #222;
margin-left: 75px;
background: white;
border: 1px solid #DDD;
border-radius: 5px;
}
.avatar-image-container {
float:right;
height:50px;
width:50px;
}
.avatar-image-container img {
height:50px;
width:50px;
}
.comments .avatar-image-container {
float: left;
max-height: 50px;
overflow: hidden;
width: 50px;
border: 1px solid #DDD;
padding: 5px;
border-radius: 5px;
background: white;
}
.comments .avatar-image-container img {height:auto;border-radius: 5px;}
ol.commentlist li .comment-meta{
font-size:13px;font-family: 'Open Sans', sans-serif;
}
ol.commentlist li .comment-meta .commentmetadata{
color:#555;
}
ol.commentlist li .comment-meta a {
color:#ffffff;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#FEFAEF;
font-size:12px;
}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#5F553B;
color:#fff;
text-decoration:none;
padding:3px 10px;
}
ol.commentlist li.odd {
background:#D3D4CE;
}
ol.commentlist li.even {
}
ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
.comment-nav{
padding:5px ;
height:20px;
background:#C4D533;
}
.comment-nav a:link,.comment-nav a:visited{
color:#fff;
}
#respond{
padding:20px;
margin:20px 0px;
}
#respond h3 {
font-size:20px;
font-family: 'Open Sans', sans-serif;
color:#000;
padding-bottom:10px;
}
#commentform p{
margin:5px 0px;
}
#respond label{
display:block;
padding:5px 0;
font-weight:bold;
color:#3F361F;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 0px;
margin:0 10px 10px 0;
background:#6F6753;
color:#F7EEE9;
}
#commentform input{
width:99%;
}
#respond input#commentSubmit {
width:100px;
padding:5px 0px;
background:#B7CD2C;
color:#fff;
margin:10px 0px;
font-weight:bold;
cursor:pointer;
}
textarea#comment{
background:#6F6753;
width:99%;
margin:0px 0px;
padding:5px 0px;
color:#F7EEE9;
}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
,pre,a,abbr,acronym,address,big,cite
,code,del,dfn,em,img,ins,kbd,q,samp,small
,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
}
b,i,hr,u,center,menu,layer,s,strike,font,xmp
{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
background:transparent;
border:none;
}
font{
color:#333
}
center{
text-align:left
}
body {
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #EAEAEC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw_67IKAj9MbeO99E0VlYddYW3DSErETUa59llTgv5WGg00V8b7AigR-PZTMCfnHYary2Bg3Ix0XYSvey950zqIkoYRKqZDXZbEiNzN2fo8VQZ9mahnaiD_PRO-a9o_g_u2yhtb0MxYAB/s0/pattern.png) repeat top;
font-family: 'Open Sans', sans-serif;
color: #312C21;
overflow-x: hidden;
font-size: 13px;
}
a {
color: #222;
text-decoration: none;
}
a:visited {
color: #000;
}
a:hover, a:active {
color: #000;
text-decoration:none;
}
h1,h2, h3, h4, h5, h6 {
color: #000;
font-weight: bold;
}
h1 {
font-size: 85px;
font-family: 'Open Sans', sans-serif;}
h2 {
font-size: 21px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 17px;color:#222;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 13px;
}
ul {
list-style: none;
}
blockquote {
font-style: italic;
color: black;
border: 1px double #DDD;
padding: 25px;
border-radius: 5px;
overflow: hidden;
background: white;
}
blockquote blockquote {
color: #222;
}
blockquote em {
font-style: normal;
}
pre {
padding: 9px;
background: #f9f9f9;
border: 1px solid #ccc;
}
code {
padding: 0 3px;
background: #eee;
}
pre code {
background: transparent;
}
.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}
img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#E4E4E4;
}
img.alignright {
padding: 5px 5px;
margin: 0px 0px 0px 0px;
display: inline;
background:#E4E4E4;
}
img.alignleft {
padding: 5px 5px;
margin: 0px 0px 0px 0px;
display: inline;
background:#E4E4E4;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}
#casing{
padding: 10px 10px 10px 10px;
background: #fff;
width: 931px;
margin: auto;
border: 1px solid #ddd;
border-radius: 0px 0px 5px 5px;
margin-left: -1px;
}
#wrapper{
width:956px;
margin:auto;
}
#topbar{
width:1000px;
}
.today{
float:left;
margin:10px 0px 10px 20px;
text-transform:uppercase;
font-size:11px;
height:18px;
line-height:18px;
padding-left:20px;
}
.feeds{
float:right;
margin-right:20px;
text-transform:uppercase;
}
.feeds ul{
margin:0px;
padding:0px;
}
.feeds ul li{
float:right;
margin:10px 0px 10px 10px;
list-style:none;
line-height:18px;
padding-left:20px;
font-size:11px;
}
.feeds a:link, .feeds a:visited{
color:#4C393A;
}
#header{
width: 790px;
position: relative;
margin: auto;
height: 250px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqXdM3J4_tg6NRrJ0dR6Shb9PWOoTdVU2l_dNiFGN1nk4XZxvT8jxYA2BnVyFFBVyrFgUfLxo4fRbKCwbaJq72NgtEY6qJxafjXYcjYwld_Sfu9c7ulSjTDyz_y8lqddgC_O4lazHJ72sK/s0/header.jpg) no-repeat top center;
border: 1px solid #ddd;
overflow: hidden;
float:left;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 0px 0 #5E524F;
}
h1#blog-title {
font-weight: normal;
z-index: 2;
letter-spacing: -7px;
text-align: left;
padding-top:75px;
margin-left: 25px;
line-height: 40px;
text-shadow: 0px 0px 10px #362c30, 0px 0px 3px #222;
max-width: 600px;
}
h1#blog-title a {padding:5px;color:#222;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #fafafa;
font-family: 'Iceland', cursive;
font-weight: normal;
letter-spacing: -7px;
}
h2#blog-desc {
font-size: 23px;
color: #fafafa;
z-index: 1;
text-transform: uppercase;
font-weight: normal;
padding: 3px;
text-align: left;
margin-left: 34px;
margin-top: 20px;
text-shadow: 0px 0px 10px #362c30, 0px 0px 3px #222;
font-family: 'Iceland', cursive;
letter-spacing: -1px;
}
.title h2{
font-size: 21px;
text-decoration: none;
color: #312C21;
padding: 10px;
border: 1px solid #ddd;
margin-bottom: 15px;
border-radius: 5px 5px 0px 0px;
line-height: 30px;
text-align: center;
letter-spacing: 1px;
font-family: 'Iceland', cursive;
font-weight: normal;
margin: auto;
background: #222;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
text-shadow: 1px 1px 1px #362c30;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.title h2 a:link, .title h2 a:visited{
color:#fafafa;text-decoration: none;
}
.postmeta, .postinfo{
background:#F5ECC1;
padding:3px 10px;
border:1px solid #DFD5A7;
font-size:10px;
text-transform:uppercase;
}
.post {
display: inline;position:relative;
width: 610px;margin-bottom:30px;
float: left;padding-bottom:1px;}
.pagepost{
width: 550px;
float: left;
padding: 30px;
line-height: 1.8;
font-size: 13px;
margin-bottom: 25px;
background: #FAFAFA;
margin-left: 1px;
border: 1px solid #DDD;
border-radius: 5px;
}
.pagepost a{color:#88ECFB;text-decoration:underline;}
.pagepost a:hover {color:#937050;}
.widget {
margin: auto;}
.singlepst p:first-letter {
font-size : 30px;
font-weight : bold;
float : left;
font-family: 'Open Sans', sans-serif;
color : #3F3A2B;
margin:8px 5px 0px 0px;
}
.cover {
margin:0 0;
color:#222;
}
.cover ul, .cover ol{
margin: .4em 0 1em;
line-height: 150%;
}
.cover ul li, .cover ol li{
list-style-position:outside;
margin-left: 1.6em;
}
.cover p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
}
.cover table {
width: 100%;
border-collapse: separate;
}
.cover td, .cover th {
padding: 3px 6px;
}
.cover th {
background: #eee;
}
h2.pagetitle{
font-size:14px;
padding:10px 0px;
font-weight:normal;
margin-right:10px;
color:#6F6753;
text-align:right;
text-shadow: 0px 1px 1px black;
}
.comments .avatar-image-container img {
max-width: 50px;
}
#main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content{
overflow: hidden;
color: #222;
margin-bottom: 10px;
padding: 20px;
border-radius: 0px 0px 5px 5px;
background: #FAFAFA;
font-size: 12px;
border: 1px solid #DDD;}
#main3 h2, #main4 h2, #main5 h2, #main6 h2 {
font-size: 17px;border-radius: 5px 5px 0px 0px;
line-height: 30px;
text-align: left;
letter-spacing: 1px;
font-family: 'Iceland', cursive;
font-weight: normal;
margin: auto;
color: #fafafa;
padding: 3px 5px;
padding-left: 15px;
background: #222;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
margin-top: 2px;
text-shadow: 1px 1px 1px #362c30;
text-transform: uppercase;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;
}
#main3 ul li a:link, #main3 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main4 ul li a:link, #main4 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main5 ul li a:link, #main5 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main6 ul li a:link, #main6 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main3 ul li, #main4 ul li, #main5 ul li, #main6 ul li {border-bottom: 1px dotted #DDD;}
#main3 ul li a:hover, #main4 ul li a:hover, #main5 ul li a:hover, #main6 ul li a:hover {color:#937050;}
.footer {
margin: 0 auto;
z-index: 1;
text-align: left;
position: relative;
padding:25px;
}
.widget ul li a span.ltr {display:none;}
.widget ul {
line-height: 2.0;
}
#footer{
width: 952px;
font-size: 11px;
color: black;
background: #fff;
margin: auto;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 99;
border-radius: 10px;
border: 1px solid #ddd;
margin-top: 15px;
margin-left: -2px;
}
#footer-wrapper{padding:15px 0 50px 10px;color:#222;line-height:100%;overflow:hidden;}
#footer-wrapper a{color:#222;}
#footer-wrapper .fr a,#footer-wrapper .fl a{color:#222;}
#footer-wrapper .fr a:hover,#footer-wrapper .fl a:hover{color:#222;}
#footer-wrapper .fr{padding:0 0px 0 0;}
.fleft{
text-align: center;
margin: auto;
color: #222;
width: 955px;
font-size: 12px;
background:#fff;
border:1px solid #ddd;
margin-top: 15px;
padding-top:5px;
padding-bottom:5px;
border-radius:5px 5px 0px 0px;
text-shadow: 1px 1px 1px #362c30;
}
.fleft p {
text-align: center;
}
.fleft a{color:#88ECFB;}
.fright{
float:right;
text-align:right;
margin:10px 10px 0px 0px;
line-height:16px;
width:40%
}
.postad{
margin:10px;
float:left;
}
#Label1 ul li{font-family: 'Open Sans', sans-serif;}
#LinkList1 ul li{font-family: 'Open Sans', sans-serif;}
#headercontainer, #contentcontainer { width: 1000px; margin: 20 auto; position: relative; }
header23 { padding: 0px 0; width: 100%; background-color: #000; margin-bottom: 0px;position: fixed; z-index: 10; float: left top; }
.crop:hover {
clip: rect(0px, 620px, 980px, 0px);
z-index: 99;min-width: 200px;
height: auto;
min-height: 200px;
width: auto;}
.crop {
width: 60px;
height: 60px;
position:absolute;
overflow: hidden;
float: left;
background: #222;
border: 5px solid #222;
border-radius: 5px;
clip: rect(0px, 70px, 70px, 0px);
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.posting {
width: 510px;
float: left;
margin-top: 80px;
background: #fafafa;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 12px;
}
.breadcrumb {
list-style: none;
overflow: hidden;
text-align: left;
color: #222;
width: 550px;
font-size: 12px;
z-index: 9;
border: 1px solid #ddd;
margin-top: 15px;
border-radius: 5px;
background: white;}
.section {margin:auto;}
.breadcrumb ul{margin:auto;}
.breadcrumb li {
position: relative;
display: block;
color: black;
float: left;
padding: 5px;
margin:5px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #DDD;}
.home-link {
display:none;}
#blog-pager-newer-link {
float: right;
color: white;
padding: 10px;
text-align: center;
overflow: hidden;}
#blog-pager-older-link {
float: left;
padding: 10px;
text-align: center;
overflow: hidden;}
#blog-pager-older-link a, #blog-pager-newer-link a {color: #222;
line-height: 33px;
padding: 5px;
background: white;
border: 1px solid #DDD;
border-radius: 5px;}
#blog-pager {
color: #DDD;
text-align: center;
text-transform: capitalize;
font-size: 16px;
float: left;
font-weight: normal;
letter-spacing: -1px;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 593px;}
.comments .comments-content {
margin-bottom: 16px;}
.comments .comment-block {
margin-left: 75px;
position: relative;
border: 1px solid #DDD;
background: white;
padding: 10px;
border-radius: 5px;
min-height: 83px;}
.bgjo::before {
content: "";
position: absolute;
z-index: 10;
left: 89px;
width: 0px;
height: 41px;
border: 1px solid #ddd;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 38px;
}
.post::before {
content: "";
position: absolute;
z-index: 10;
left: 69px;
width: 47px;
height: 0px;
border: 1px solid #222;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 36px;
}
.post::after {
content: "";
position: absolute;
z-index: 10;
left: 545px;
width: 10px;
height: 10px;
border: 2px solid #ddd;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 111px;
}
.posting::before {
content: "";
position: absolute;
z-index: 10;
left: 531px;
width: 36px;
height: 0px;
border: 1px solid #ddd;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 117px;
}
.posting::after {
content: "";
position: absolute;
z-index: 10;
left: 83px;
width: 10px;
height: 10px;
border: 2px solid #222;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 30px;
}
.johanesdj {
z-index: 2;
position: relative;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
font-family: 'Open Sans', sans-serif;
text-align: left;
line-height: 29px;
font-size: 12px;
color: #FAFAFA;
float: right;
background: #FAFAFA;
border: 1px solid #DDD;
margin-left: 10px;
width: 500px;
height: 68px;
border-radius: 5px;
overflow:hidden;}
.blognames {margin:auto;}
.jomorelink{
position: absolute;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 2;
left: 569px;
text-align: right;
line-height: 72px;
height: 72px;
overflow: hidden;
top: 80px;
border-radius: 5px;
border: 1px solid #ddd;}
.pagepost a {text-decoration: underline;}
.pagepost img{max-width:515px;padding: 3px;
border: 1px solid #DDD;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
height:auto;}
.BlogArchive #ArchiveList ul li {
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-left:0px;
text-indent:0px;
margin:0;
background-image: none;}
#ArchiveList .toggle-open {
line-height: .6em;
float: left;
margin-top: 8px;}
.post-count {display:none;}
.PopularPosts .item-title {font-size: 14px;
padding-bottom: .2em;}
.post-footer-line-1 {
border-top: 1px solid #fafafa;}
.icon-action {display:none;}
ul.dark_menu {
list-style: none;
padding: 1px 1px;
font-family: 'Iceland', cursive;
font-size: 15px;
line-height: 15px;
margin: auto;
width: 951px;position: relative;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}
ul.dark_menu li {
float: left;
position: relative;
margin: 1px;}
/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a, ul.dark_menu li a:link {
color: #fafafa;
text-decoration: none;text-transform: uppercase;
display: block;
padding: 8px 26px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a:hover {
color: #fafafa;
background: #222;border-bottom: 1px solid #88ECFB;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a.selected, ul.dark_menu li a:active {
background: #222;
color: #fafafa;
margin-left: 165px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-bottom: 1px solid #88ECFB;
text-transform: uppercase;}
ul.dark_menu li ul {
display: none;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 1500;
left: 0;
top: -10px;
height: 10px;
width: 100%;}
ul.dark_menu li:hover ul {
position: absolute;
display: block;
z-index: 1000;
left: 0;border-radius: 0px 0px 5px 5px;
top: 35px;
padding: 5px 0;
list-style: none;
background: #fff;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul li {
float: none;
margin: 0 10px;
border-bottom: 1px solid #DDD;
border-top: 1px solid #666;}
ul.dark_menu li ul li:first-child {
margin: 0 10px;
border-top: 0 none;}
ul.dark_menu li ul li:last-child {
border-bottom: 0 none;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
color: #222;
display: block;
background: transparent none;
padding: 10px 20px 10px 5px;
white-space: nowrap;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
ul.dark_menu li ul li a:hover {
text-decoration: underline;
}/* Blog johanes djogzs.blogspot.com */
.menujohanes {
background: #222;
width: 100%;
padding: 0px;
position: relative;
margin: auto;}
#search input[type="text"] {
background: #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipbOOYrzuAO8VcmjjCbImTH0J0ZCRTFrMwlvUNqNh8ZgHw6BTVrVanBM-7RzgK8kCpmrSJVeON_PAASn2onRHK8r2Fdz48Dpx4_OiFEcWC7_URvSthbnScqQ-v6dif4txEjKTfvbK_wXeU/s0/search_32x32-32.png")no-repeat center left;
font-size: 13px;
color: #222;
width: 245px;
padding: 10px 0px 11px 35px;
margin-top: -1px;
z-index: 9;
border: 1px solid #88ECFB;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;}
#main4, #main5, #main6 {
width: 280px;
list-style-type: none;
float: left;
margin: 10px;}
.main3 {width:280px;
list-style-type: none;
padding-top: 10px;
float: left;}
::-webkit-scrollbar {
height:12px;
background: #474747;}
::-webkit-scrollbar-thumb {
background-color: #000;
}
#container1 {padding: 10px;
background: #DDD;
width: 50%;
margin: auto;
text-align: center;
border: 3px double #BBB;}
a.anes:hover {background:#88ECFB;}
a.anes{font-size: 50px;
color: #222;
background:#fafafa;
padding: 10px 5px 10px 5px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 5px 0px 0px 5px;}
#footer a:link, #footer a:visited{
color:#666;
}
#footer a:hover{color:#000;}
.comment-form {
max-width: 520px;
_width: 410px;
clear: both;
background: white;
padding: 20px;
border: 1px solid #DDD;
border-radius: 5px;
margin-left: 75px;
}
ul.dark_menu1 {
float: left;
width: 158px;
height: 250px;
background: #ddd;
border: 1px solid #fafafa;
font-family: 'Iceland', cursive;
font-size: 18px;text-transform: uppercase;
font-weight: normal;
text-shadow: 1px 1px 1px #fff;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
overflow: hidden;}
ul.dark_menu1 li .selected1 {
padding: 16px;width: 125px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw_67IKAj9MbeO99E0VlYddYW3DSErETUa59llTgv5WGg00V8b7AigR-PZTMCfnHYary2Bg3Ix0XYSvey950zqIkoYRKqZDXZbEiNzN2fo8VQZ9mahnaiD_PRO-a9o_g_u2yhtb0MxYAB/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #88ECFB;
background-size: 4px;}
ul.dark_menu1 li .selected2 {
padding: 16px;width: 125px;
background: #88ECFB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw_67IKAj9MbeO99E0VlYddYW3DSErETUa59llTgv5WGg00V8b7AigR-PZTMCfnHYary2Bg3Ix0XYSvey950zqIkoYRKqZDXZbEiNzN2fo8VQZ9mahnaiD_PRO-a9o_g_u2yhtb0MxYAB/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #ddd;
background-size: 4px;}
ul.dark_menu1 li .selected3 {
padding: 16px;width: 125px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw_67IKAj9MbeO99E0VlYddYW3DSErETUa59llTgv5WGg00V8b7AigR-PZTMCfnHYary2Bg3Ix0XYSvey950zqIkoYRKqZDXZbEiNzN2fo8VQZ9mahnaiD_PRO-a9o_g_u2yhtb0MxYAB/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #88ECFB;
background-size: 4px;}
ul.dark_menu1 li .selected4 {
padding: 16px;width: 125px;
background: #88ECFB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw_67IKAj9MbeO99E0VlYddYW3DSErETUa59llTgv5WGg00V8b7AigR-PZTMCfnHYary2Bg3Ix0XYSvey950zqIkoYRKqZDXZbEiNzN2fo8VQZ9mahnaiD_PRO-a9o_g_u2yhtb0MxYAB/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #ddd;
background-size: 4px;}
ul.dark_menu1 li .selected5 {
padding: 16px;width: 125px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw_67IKAj9MbeO99E0VlYddYW3DSErETUa59llTgv5WGg00V8b7AigR-PZTMCfnHYary2Bg3Ix0XYSvey950zqIkoYRKqZDXZbEiNzN2fo8VQZ9mahnaiD_PRO-a9o_g_u2yhtb0MxYAB/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #88ECFB;
background-size: 4px;}
ul.dark_menu1 li:hover {padding-left: 15px;}
ul.dark_menu1 li{
padding-left: 0px;-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
#headwrapper {width:965px;height:250px;position:relative;}
#tbisose{width: 279px;
float: left;
background: #fafafa;
border: 1px solid #ddd;
padding-bottom: 9px;
border-radius: 0px 0px 5px 5px;}
#tbisose li{position:relative; cursor:pointer; padding: 0 !important;}
#tbisose .facebook, .googleplus, .rss, .twitter{
position: relative;
z-index: 5;
display: block;
float: left;
margin: 10px 0 0;
border-radius: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLcYtH90a9DKBrd46V4ONd_UWLczQiZkJUg3OGwJPk_twoUfYQuWi-c0l4-4YBrkyA7ETCNiGMROso-WII_6ab9K3CyZdmObPkW6I_BpALvs5Qi0jOvUFcQLW02FafgAxiItcDGhTq4MWZ/s0/sprites.png) no-repeat;
line-height: 32px;
-webkit-transition: width .25s ease-in-out,background-color .25s ease-in-out;
-moz-transition: width .25s ease-in-out,background-color .25s ease-in-out;
-o-transition: width .25s ease-in-out,background-color .25s ease-in-out;
transition: width .25s ease-in-out,background-color .25s ease-in-out;}
#tbisose .icon{overflow:hidden;}
#tbisose .facebook{width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:0 0;margin-right: 15px;margin-left: 32px;}
#tbisose .twitter{width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:0 -33px;margin-right: 15px;margin-left: 15px;}
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:-3px -66px;margin-right: 15px;margin-left: 15px;}
#tbisose .rss{ width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:-3px -126px;margin-left: 15px;}
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);}
.selamatdatang {
font-size: 17px;
border-radius: 5px 5px 0px 0px;
line-height: 30px;
text-align:center;
letter-spacing: 1px;
font-family: 'Iceland', cursive;
font-weight: normal;
margin: auto;
color: #fafafa;
padding: 3px 5px;
background: #222;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
margin-top: 11px;
text-shadow: 1px 1px 1px #362c30;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
width: 255px;
float:left;}
#sliderloadingwrapper {width: 100%;
height: 100%;
position: absolute;
z-index: 999999999999999999999999999999;
background: rgba(100, 100, 100, 0.9);
top: 0px;
left: 0px;-webkit-animation: fadeOut 10s linear forwards;
-moz-animation: fadeOut 10s linear forwards;
-o-animation: fadeOut 10s linear forwards;
-ms-animation: fadeOut 10s linear forwards;
animation: fadeOut 10s linear forwards;}
/* Blog johanes djogzs.blogspot.com */
#sliderloader {
width: 500px;
height: 85px;
overflow: hidden;
background-color: #666;
border: 1px solid #222;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;
border-bottom: 1px solid #222;
margin: auto;
margin-top: 80px;}
#progressbg {
width:460px;
margin:auto;
height:5px;
background-color:#ddd;
top:65px;
position:relative;
}/* Blog johanes djogzs.blogspot.com */
#johanesloader {
width:1px;
height:5px;
background-color:#88ECFB;
-moz-animation:johanesloader 10s infinite;
-webkit-animation:johanesloader 10s infinite;
position:relative;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader ul {
width:2630px;
list-style:none;
padding:0;
margin:0;
position:relative;
left:0px;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader li {
display:inline;
width:500px;
height:100px;
margin:0;
padding:0;
float:left;
position:relative;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader li a {
display:block;
text-decoration:none;}
#sliderloader li span {
display: block;
width: 460px;
padding: 10px 20px;
text-shadow: 1px 1px 1px #362c30;
pointer-events: none;
text-align: left;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader ul li span h2 {
font-size:13px;
line-height:24px;
color:#fff;letter-spacing: 1px;
font-weight:normal;
text-shadow:1px 1px 2px #362c30;
text-transform:uppercase;
}/* Blog johanes djogzs.blogspot.com */
@-webkit-keyframes johanesloader {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:460px; opacity:1;}
22.5% {width:460px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:460px; opacity:1;}
47.5% {width:460px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:460px; opacity:1;}
72.5% {width:460px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:460px; opacity:1;}
98% {width:460px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes johanesloader {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:460px; opacity:1;}
22.5% {width:460px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:460px; opacity:1;}
47.5% {width:460px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:460px; opacity:1;}
72.5% {width:460px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:460px; opacity:1;}
98% {width:460px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes fadeOut {
0% { opacity: 1;top:0px;}
10% { opacity: 1;top:0px; }
90% { opacity: 1; -webkit-transform: translateY(0px);top:0px;}
99% { opacity: 0; -webkit-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@-moz-keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; -moz-transform: translateY(0px);top:0px;}
99% { opacity: 0; -moz-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@-o-keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; -o-transform: translateY(0px);top:0px;}
99% { opacity: 0; -o-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@-ms-keyframes fadeOut {
0% { opacity: 1;top:0px;}
10% { opacity: 1;top:0px;}
90% { opacity: 1; -ms-transform: translateY(0px);top:0px;}
99% { opacity: 0; -ms-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; transform: translateY(0px);top:0px;}
99% { opacity: 0; transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px; }
}
]]></b:skin><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/><br />
<link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'/><br />
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 200;
summary_img = 200;
</script><br />
<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 createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<div class="crop"><img src="'+img[0].src+'" width="600px;" /></div>';
summ = summary_img;
}
var summary = imgtag + '<div class="posting">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script><br />
</head><br />
<script src='https://sites.google.com/site/djogzs/js/relpost.js' type='text/javascript'/>
<body class='home blog'>
<div class='menujohanes'><ul class='dark_menu'>
<li><a href='#'>Halaman</a>
	<ul>
		<li><a href='http://putrabalawa.blogspot.com/p/daftar-lagu-lampung.html'>Daftar Lagu Lampung</a></li>
		<li><a href='http://putrabalawa.blogspot.com/p/daftar-lagu-bollywood.html'>Daftar Lagu Bollywood</a></li>
		<li><a href='http://putrabalawa.blogspot.com/p/iklan.html'>Iklan</a></li>
	</ul></li><li><a class='selected' href='http://feeds.feedburner.com/putrabalawa' title='FeedBurner'>RSS</a></li>
<li><a href='#'>Kontak</a><ul>
<li><a href='https://plus.google.com/u/0/103547292060552012197/'>Google+</a></li>
<li><a href='http://facebook.com/putrabalawa.blogspot'>Facebook</a></li>
<li><a href='http://twitter.com/putrabalawa6992/'>Twitter</a></li>
</ul></li><li><a href='http://putrabalawa.blogspot.com/search/label/'>Categories</a><ul>
<li><a href='http://putrabalawa.blogspot.com/search/label/Bajaj'>Bajaj</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/BB'>BB</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Bisnis'>Bisnis</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Blog'>Blog</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Download'>Download</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Facebook'>Facebook</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Foto'>Foto</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Handphone'>Handphone</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Islam'>Islam</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Pantun'>Pantun</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/IT'>Teknologi</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Tips'>Tips</a></li>
<li><a href='http://putrabalawa.blogspot.com/search/label/Universitas%20Lampung'>UniLa</a></li>
</ul></li>
<li><a href='#'>Pengurus</a><ul>
  <li><a href='https://www.facebook.com/putrabalawa.blosgpot'>Staf A</a></li>
  <li><a href='https://www.facebook.com/Putra.BaLaWa.Ade.Imba.Wahyu.Pratama/about'>Staf B</a></li>
  <li><a href='https://www.facebook.com/putra.balawa2'>Staf C</a></li>
</ul></li>
</ul></div><div id='wrapper'>
<div id='headwrapper'>
<ul class='dark_menu1'>
	<li><a class='selected1' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
	<li><a class='selected2' href='http://facebook.com/putrabalawa.blogspot' title='Facebook'>Hubungi Saya</a></li>
	<li><a class='selected3' href='https://www.facebook.com/Putra.BaLaWa.Ade.Imba.Wahyu.Pratama/about' title='Tentang'>About</a></li>
	<li><a class='selected4' href='http://putrabalawa.blogspot.com/p/games.html' title='Game On-Line'>Games</a></li>
	<li><a class='selected5' href='http://putrabalawa.blogspot.com/search/label/Download' title='Download'>Download</a></li>
</ul><div id='header'>
<b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='ㄗutra 日aLa山a : Gudang Seni Lampung (Header)' type='Header'>
    <b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' 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 id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>    </b:if>
  <b:else/>
    
    <h1 id='blog-title'><span><b:include name='title'/></span></h1><h2 id='blog-desc'><span><b:include name='description'/></span></h2>    
  </b:if>
</b:includable>
    <b:includable id='description'>
  <data:description/>
</b:includable>
    <b:includable id='title'>
  <a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='home'><data:title/></a>
</b:includable>
  </b:widget>
</b:section>
<div id='sliderloadingwrapper'><div id='sliderloader'>
<ul><li><span><h2>Saaaaaabbbbbaaaaaar :)</h2></span></li></ul><div id='progressbg'><div id='johanesloader'>
</div></div></div></div></div></div><div class='clear'/>
<div id='casing'>
<div id='content'>
<b:section class='main' id='main' maxwidgets='1' showaddelement='yes'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
    <b:includable id='main' var='top'>
  
  <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 == "false"'>
          </div></div>
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        <div class="date-outer">
      </b:if>
      <b:if cond='data:post.isDateStart'>
        <div class="date-posts">
      </b:if>
      <div class='post-outer'>
     <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
  <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 == "item"'>
  <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:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <b:if cond='data:numPosts != 0'>
      </div></div>
    </b:if>
    <data:adEnd/>
  </div>
  <div class='clear'/>
 
  <b:include name='nextprev'/>

<b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script><br />
  </b:if><br />
</b:includable><br />
    <b:includable id='backlinkDeleteIcon' var='backlink'><br />
  <span expr:class='"item-control " + data:backlink.adminClass'><br />
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'><br />
      <img src='//www.blogger.com/img/icon_delete13.gif'/><br />
    </a><br />
  </span><br />
</b:includable><br />
    <b:includable id='backlinks' var='post'><br />
  <a name='links'/><h4><data:post.backlinksLabel/></h4>  <b:if cond='data:post.numBacklinks != 0'><br />
    <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'><br />
            <span class='backlink-toggle-zippy'> </span><br />
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a><br />
            <b:include data='backlink' name='backlinkDeleteIcon'/><br />
          </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><br />
  <p class='comment-footer'><br />
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a><br />
  </p></b:includable><br />
    <b:includable id='comment-form' var='post'><br />
  <div id='comment-form'>    <div id='respond'>    <a name='comment-form'/><br />
    <h3>Leave a Reply</h3>    <p><data:blogCommentMessage/></p>    <data:blogTeamBlogMessage/><br />
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/><br />
    <data:post.friendConnectJs/><br />
    <data:post.cmtfpIframe/><br />
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script><br />
<br />
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Subscribe to Posts</a> | <a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Subscribe to Comments</a><br />
    </div>  </div></b:includable><br />
    <b:includable id='commentDeleteIcon' var='comment'><br />
  <span expr:class='"item-control " + data:comment.adminClass'><br />
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><br />
      <img src='//www.blogger.com/img/icon_delete13.gif'/><br />
    </a><br />
  </span><br />
</b:includable><br />
    <b:includable id='comment_count_picker' var='post'><br />
  <b:if cond='data:post.forceIframeComments'><br />
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'><br />
    </span><br />
  <b:else/><br />
    <b:if cond='data:post.commentSource == 1'><br />
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'><br />
      </span><br />
    <b:else/><br />
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br />
        <data:post.commentLabelFull/>:<br />
      </a><br />
    </b:if><br />
  </b:if><br />
</b:includable><br />
    <b:includable id='comment_picker' var='post'><br />
  <b:if cond='data:post.forceIframeComments'><br />
    <b:include data='post' name='iframe_comments'/><br />
    <b:if cond='data:post.showThreadedComments'><br />
      <b:include data='post' name='threaded_comments'/><br />
    <b:else/><br />
      <b:include data='post' name='comments'/><br />
    </b:if><br />
  <b:else/><br />
    <b:if cond='data:post.commentSource == 1'><br />
      <b:include data='post' name='iframe_comments'/><br />
    <b:else/><br />
      <b:if cond='data:post.showThreadedComments'><br />
        <b:include data='post' name='threaded_comments'/><br />
      <b:else/><br />
        <b:include data='post' name='comments'/><br />
      </b:if><br />
    </b:if><br />
  </b:if><br />
</b:includable><br />
    <b:includable id='comments' var='post'><br />
  <div class='clear'/>  <div id='commentsbox'>    <a name='comments'/><br />
    <b:if cond='data:post.allowComments'><br />
      <b:if cond='data:post.numComments != 0'><br />
      <h3 id='comments'>        <b:if cond='data:post.numComments == 1'><br />
          One Response so far.<br />
        <b:else/><br />
          <data:post.numComments/> Responses so far.<br />
        </b:if><br />
      </h3>      </b:if><br />
<br />
      <b:if cond='data:post.commentPagingRequired'><br />
        <span class='paging-control-container'><br />
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br />
           <br />
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br />
           <br />
          <data:post.commentRangeText/><br />
           <br />
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br />
           <br />
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br />
        </span><br />
      </b:if><br />
<br />
      <ol class='commentlist'>        <b:loop values='data:post.comments' var='comment'>
          <b:if cond='data:comment.adminClass == data:post.adminClass'>
          <li class='comment odd'><br />
            <div class='comment-body'>            <div class='comment-author vcard'>              <b:if cond='data:comment.favicon'><br />
                <img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/><br />
              </b:if><br />
              <a expr:name='data:comment.anchorName'/><br />
              <b:if cond='data:blog.enabledCommentProfileImages'><br />
                <data:comment.authorAvatarImage/><br />
              </b:if><br />
              <cite class='fn'><br />
              <b:if cond='data:comment.authorUrl'><br />
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br />
              <b:else/><br />
                <data:comment.author/><br />
              </b:if><br />
              </cite> <span class='says'>says:</span><br />
            </div>            <div class='comment-meta commentmetadata'>              <a expr:href='data:comment.url' title='comment permalink'><br />
                <data:comment.timestamp/><br />
              </a><br />
              <b:include data='comment' name='commentDeleteIcon'/><br />
            </div>            <b:if cond='data:comment.isDeleted'><br />
              <span class='deleted-comment'><data:comment.body/></span><br />
            <b:else/><br />
              <p>                <data:comment.body/><br />
                <span class='interaction-iframe-guide'/><br />
              </p>            </b:if><br />
            </div>          </li>
          <b:else/>
          <li class='comment even'><br />
            <div class='comment-body'>            <div class='comment-author vcard'>              <b:if cond='data:comment.favicon'><br />
                <img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/><br />
              </b:if><br />
              <a expr:name='data:comment.anchorName'/><br />
              <b:if cond='data:blog.enabledCommentProfileImages'><br />
                <data:comment.authorAvatarImage/><br />
              </b:if><br />
              <cite class='fn'><br />
              <b:if cond='data:comment.authorUrl'><br />
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br />
              <b:else/><br />
                <data:comment.author/><br />
              </b:if><br />
              </cite> <span class='says'>says:</span><br />
            </div>            <div class='comment-meta commentmetadata'>              <a expr:href='data:comment.url' title='comment permalink'><br />
                <data:comment.timestamp/><br />
              </a><br />
              <b:include data='comment' name='commentDeleteIcon'/><br />
            </div>            <b:if cond='data:comment.isDeleted'><br />
              <span class='deleted-comment'><data:comment.body/></span><br />
            <b:else/><br />
              <p>                <data:comment.body/><br />
                <span class='interaction-iframe-guide'/><br />
              </p>            </b:if><br />
            </div>          </li>
          </b:if>
        </b:loop>
      </ol><br />
      <b:if cond='data:post.commentPagingRequired'><br />
        <span class='paging-control-container'><br />
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><br />
            <data:post.oldestLinkText/><br />
          </a><br />
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><br />
            <data:post.olderLinkText/><br />
          </a><br />
           <br />
          <data:post.commentRangeText/><br />
           <br />
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><br />
            <data:post.newerLinkText/><br />
          </a><br />
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><br />
            <data:post.newestLinkText/><br />
          </a><br />
        </span><br />
      </b:if><br />
<br />
      <p class='comment-footer'>        <b:if cond='data:post.embedCommentForm'><br />
          <b:if cond='data:post.allowNewComments'><br />
            <b:include data='post' name='comment-form'/><br />
          <b:else/><br />
            <data:post.noNewCommentsText/><br />
          </b:if><br />
        <b:else/><br />
          <b:if cond='data:post.allowComments'><br />
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />
          </b:if><br />
        </b:if><br />
<br />
      </p>    </b:if><br />
<br />
    <div id='backlinks-container'>    <div expr:id='data:widget.instanceId + "_backlinks-container"'>       <b:if cond='data:post.showBacklinks'><br />
         <b:include data='post' name='backlinks'/><br />
       </b:if><br />
    </div>    </div>  </div></b:includable><br />
    <b:includable id='feedLinks'><br />
  <b:if cond='data:blog.pageType != "item"'> <br />
    <b:if cond='data:feedLinks'><br />
      <div class='blog-feeds'>        <b:include data='feedLinks' name='feedLinksBody'/><br />
      </div>    </b:if><br />
<br />
    <b:else/> <br />
    <div class='post-feeds'>      <b:loop values='data:posts' var='post'><br />
        <b:if cond='data:post.allowComments'><br />
          <b:if cond='data:post.feedLinks'><br />
            <b:include data='post.feedLinks' name='feedLinksBody'/><br />
          </b:if><br />
        </b:if><br />
      </b:loop><br />
    </div>  </b:if><br />
</b:includable><br />
    <b:includable id='feedLinksBody' var='links'><br />
  <div class='feed-links'>  <data:feedLinksMsg/><br />
  <b:loop values='data:links' var='f'><br />
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a><br />
  </b:loop><br />
  </div></b:includable><br />
    <b:includable id='iframe_comments' var='post'><br />
<br />
  <b:if cond='data:post.allowIframeComments'><br />
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </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'>&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>

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

<b:if cond='data:blog.pageType == "index"'>
        <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='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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
      </div>    </b:if>

<div class='post-header'>
            <div class='post-header-line-1'/>
          </div>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "static_page"'>
            <div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br />
</b:if><br />
<br />
<b:if cond='data:blog.pageType != "item"'><br />
<div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br />
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><data:post.jumpText/></a></span><br />
</b:if><br />
<b:if cond='data:blog.pageType == "item"'><br />
<data:post.body/><br />
</b:if><br />
<br />
            <div style='clear: both;'/><br />
          </div><br />
          <div class='post-footer'>            <div class='post-footer-line post-footer-line-1'>              <span class='post-author vcard'><br />
                <b:if cond='data:top.showAuthor'><br />
                  <data:top.authorLabel/><br />
                  <span class='fn'><data:post.author/></span><br />
                </b:if><br />
              </span><br />
<br />
              <span class='post-timestamp'><br />
                <b:if cond='data:top.showTimestamp'><br />
                  <data:top.timestampLabel/><br />
                  <b:if cond='data:post.url'><br />
                    <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><br />
                  </b:if><br />
                </b:if><br />
              </span><br />
<br />
              <span class='post-comment-link'><br />
                <b:if cond='data:blog.pageType != "item"'><br />
                  <b:if cond='data:blog.pageType != "static_page"'><br />
                    <b:if cond='data:post.allowComments'><br />
                      <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><br />
                    </b:if><br />
                  </b:if><br />
                </b:if><br />
              </span><br />
            <br />
<br />
<br />
	<b:if cond='data:post.sharePostUrl'><br />
		<div class='post-share-buttons'>			<b:include data='post' name='shareButtons'/><br />
		</div>	</b:if><br />
<br />
</div><br />
            <div class='post-footer-line post-footer-line-2'>              <b:if cond='data:top.showMobileShare'><br />
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>                  <a href='javascript:void();'><data:shareMsg/></a><br />
                </div>              </b:if><br />
              <b:if cond='data:top.showDummy'><br />
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>              </b:if><br />
            </div><br />
          </div>        </div><br />
        <b:if cond='data:blog.pageType == "static_page"'><br />
          <b:include data='post' name='comments'/><br />
        </b:if><br />
        <b:if cond='data:blog.pageType == "item"'><br />
          <b:include data='post' name='comments'/><br />
        </b:if><br />
      </div>    </div>  </div></b:includable><br />
    <b:includable id='nextprev'><br />
  <div class='blog-pager' id='blog-pager'>    <b:if cond='data:newerPageUrl'><br />
      <span id='blog-pager-newer-link'><br />
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Selanjutnya</a><br />
      </span><br />
    </b:if><br />
<br />
    <b:if cond='data:olderPageUrl'><br />
      <span id='blog-pager-older-link'><br />
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Sebelumnya</a><br />
      </span><br />
    </b:if><br />
<br />
    <a class='home-link' expr:href='data:blog.homepageUrl'>HOME</a><br />
<br />
<br />
  <b:if cond='data:mobileLinkUrl'><br />
      <div class='blog-mobile-link'>        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a><br />
      </div>    </b:if><br />
<br />
  </div>  <div class='clear'/></b:includable><br />
    <b:includable id='post' var='post'><br />
<b:if cond='data:blog.pageType == "static_page"'><br />
<br />
<br />
  <div class='pagepost'> <div class='title'>    <a expr:name='data:post.id'/><br />
    <b:if cond='data:post.title'><br />
      <h2>     <b:if cond='data:post.link'><br />
       <a expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a><br />
     <b:else/><br />
        <b:if cond='data:post.url'><br />
          <a expr:href='data:post.url' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a><br />
        <b:else/><br />
          <data:post.title/><br />
        </b:if><br />
     </b:if><br />
      </h2>    </b:if><br />
    </div>    <div class='cover'>      <p><data:post.body/></p>      <div style='clear: both;'/><br />
    </div>  </div><b:else/><br />
<br />
<b:if cond='data:blog.pageType != "item"'><br />
  <div class='post hentry'><br />
<br />
<br />
<div class='johanesdj'><a expr:name='data:post.id'/><br />
    <b:if cond='data:post.title'><br />
      <h2>     <b:if cond='data:post.link'><br />
       <a expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a><br />
     <b:else/><br />
        <b:if cond='data:post.url'><br />
          <a expr:href='data:post.url' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a><br />
        <b:else/><br />
          <data:post.title/><br />
        </b:if><br />
     </b:if><br />
      </h2>    </b:if><br />
 <b:if cond='data:post.dateHeader'><br />
      <div class='timemeta'><data:post.dateHeader/></div></b:if><br />
    <b:if cond='data:top.showAuthor'><br />
      <div class='leftmeta'>Posted by <data:post.author/></div></b:if><br />
    <b:if cond='data:post.allowComments'><br />
      <div class='bigcom'>        <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Comment on " + data:post.title'><b:if cond='data:post.numComments == 0'>0 Comments<b:else/><b:if cond='data:post.numComments == 1'> 1 Comment<b:else/><data:post.numComments/> Comments</b:if></b:if></a><br />
      </div>    </b:if><br />
<b:if cond='data:post.labels'><br />
      <div class='categ'>       Tag : <b:loop values='data:post.labels' var='label'><br />
          <a expr:href='data:label.url + "?&max-results=3"' expr:title='"View all posts in " + data:label.name' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br />
        </b:loop><br />
      </div>    </b:if><br />
<br />
   </div><br />
    <div class='postright'>    <div class='arrow'/>      <div class='cover'><div class='jomore'><div class='jomorelink'><a class='anes' expr:href='data:post.url'>+</a></div></div> <div class='bgjo'><div expr:id='"summary" + data:post.id'><data:post.body/></div></div>        <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br />
        <div style='clear: both;'/><br />
      </div>     <br />
<br />
<br />
<br />
    </div><br />
<br />
<br />
<div class='postbot'>        <div class='fullpost'>        </div>      </div><br />
<br />
  </div></b:if><br />
<br />
<b:if cond='data:blog.pageType == "item"'><br />
<div class='title'>    <a expr:name='data:post.id'/><br />
    <b:if cond='data:post.title'><br />
      <h2>     <b:if cond='data:post.link'><br />
       <a expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a><br />
     <b:else/><br />
        <b:if cond='data:post.url'><br />
          <a expr:href='data:post.url' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a><br />
        <b:else/><br />
          <data:post.title/><br />
        </b:if><br />
     </b:if><br />
      </h2>    </b:if><br />
    </div><br />
    <div class='data'>      <b:if cond='data:top.showAuthor'><br />
        <span class='author'>Posted by : <data:post.author/></span><br />
      </b:if><br />
      <b:if cond='data:post.dateHeader'><br />
        <span class='clock'><data:post.dateHeader/></span><br />
      </b:if><br />
    </div>  <div class='pagepost'><br />
    <div class='cover'>      <p><data:post.body/></p>      <div style='clear: both;'/><br />
    </div>    <div class='post-footer'>    <div class='post-footer-line post-footer-line-1'><b:if cond='data:blog.pageType == "item"'><br />
<style type='text/css'>
#related-posts {
float: left;
width: 532px;
margin-top: 20px;
font-size: 12px;
margin-bottom: 10px;
padding: 9px;
min-height: 180px;
color: #222;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;color:#7776B2; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width: 500px;
float: left;
display: block;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
margin-bottom: 5px;
line-height: 2em;
border: 1px solid #ddd;
border-radius: 5px;}
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:#fff;border:1px solid #ddd;}
#mintshare_mini {width:100px; height:35px;padding: 0 15px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background:#fff;
padding-left:5px;
cursor:pointer;}
#mintshare_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;}
#mintshare_mini .flyout ul {
background:#fff;
border:1px solid #ddd;
list-style:none;
position:absolute; 
top:-27px; 
width:420px; 
height:35px; 
border-left:0; 
left:50px;
padding-right:10px;
z-index: 1;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;}
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
#mintshare_mini .flyout ul a img {}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 15px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;}
.relbg{
background: #222;
border-radius: 5px;
padding: 5px;
border: 1px solid #ddd;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;}
.relbg h5{
color: #fafafa;
font-weight: normal;
text-shadow: 1px 1px 1px #362c30;}
</style><br />
<br />
<br />
<div id='mintshare_mini'><a class='sharetext'><b>Share This</b></a><br />
<br />
<div class='flyout'><ul class='icons'><li class='drop-li'><a class='drop-a' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA6Os32c-moximo4KSC4nvFZW2VO7dPzutvtmOGDdwZlf1hK55GXMjWdg7WSA6dw9ixAhPJYIQL0UOK6sP2vikqsE4mTEVrjC7nMxh-XbikiQ5SNSG9KSzrfKi6mFE9ShvH8mXKENLokHR/s0/facebook_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGUxeMQM6-eFmvPPCw2VP80vFIbxzVXpXUuAc2Aqa6GY6ZCHBex9mOigmDdFWU1F8qLGEh14fnlKrSByqnbQEYkudS3BGATyh1VFlbKE0DXzSnoG2Ert-Tv7vnYWAIVMa7reSiPupDgVPC/s0/twitter_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUm-gJPw7SabebgKYbEK1FqPf-vFlUoouCxaTmx_5pOaSc3m3FwZK_XyHjpVHBgy9FCIIs5mrhnF6IorqkmIhij40L7x9SWjOj2zE5yfMpzu5kzzSsOpcjjYmSLiXNrg386YPE0bdNGKN7/s0/stumbleupon_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtlZhavog9HGSO_2P02eznjk-2iaJ1pAhPDHyQD0t00WPVk7ln9-XnUyC3F3VLHvNETBpFV3e0VYOWpS7Sopox0ZHbJvUInYUOzS2XfWHAWqBfk8Q7RM7eNVS5e4T2GUmhIYvidNQ2XQQZ/s0/digg_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.technorati.com/faves?add=" + data:post.url'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTGb1icVEZ0JN5UnxqzbVwgen2vBRLwQoUbcT7ftmFqdqbwYu3UvDdIfFKCqjXqFojtebbqD5VEaFYOwjdbu9s1loDVZGfMesdEh5M97WSLnDYxexh1YlJAPvbrsV9A8Z7afBV4OTX9339/s0/technorati_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMClHErHkOcXT6RczhOMDmo-l8YS3aSem7GY9v_-viXJGSCbhoRuXmWW4iJmI2rVIRbHNqQN4JjVLFxjkqldfhffYQoETcgZ-UDi29ZGSklQuG8ut9TqMBqNqhZhkNrLs58Fp_1pjKK1Eb/s0/reddit_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYXJKVFZnaUL9uVBslIjAfZ81s1CooxNS9d4yYAYtIfhurfFB6l3L4BjFEZCfU88DCLNMFo2rXkI6gZVxGVHha5mYSVgLBJcoMh1ueUUJicxS5lJqmUvsd2OiUxtNYgp5a-b7v35esW_Uw/s0/yahoo_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZQJB0m-uythvYxdUHVK973XQ6yZBIgIbkKmxzNlVoUMA3UukWSCpS5tYXazazzMJb-zRZHHGQts6MRot79S-zai3-gsaj8temMDcqu9EqmOBx6_jqxBtJYFoq-YDmPjDcBo13ls3OUdTt/s0/delicious_small.png'/></a></li>
</ul></div></div><br />
<br />
<div id='related-posts'><div class='relbg'><h5>Related Posts : </h5></div><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'><br />
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script><br />
</div><br />
<b:if cond='data:blog.pageType == "item"'><br />
<div class='breadcrumb'><ul><li><a expr:href='data:blog.homepageUrl' rel='tag'>Back to Home</a> »</li><li><br />
<b:if cond='data:post.labels'><br />
<b:loop values='data:post.labels' var='label'><br />
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><br />
<b:if cond='data:label.isLast != "true"'>,</b:if><br />
</b:loop><br />
»<br />
</b:if></li><li><br />
<data:post.title/></li></ul></div></b:if><br />
</b:if><br />
      <span class='post-icons'><br />
        <br />
        <b:if cond='data:post.emailPostUrl'><br />
          <span class='item-action'><br />
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br />
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/><br />
          </a><br />
          </span><br />
        </b:if><br />
<br />
        <br />
        <b:include data='post' name='postQuickEdit'/><br />
      </span> </div><br />
    </div>  </div></b:if><br />
</b:if><br />
</b:includable><br />
    <b:includable id='postQuickEdit' var='post'><br />
  <b:if cond='data:post.editUrl'><br />
    <span expr:class='"item-control " + data:post.adminClass'><br />
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><br />
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/><br />
      </a><br />
    </span><br />
  </b:if><br />
</b:includable><br />
    <b:includable id='shareButtons' var='post'><br />
  <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><br />
    <span class='share-button-link-text'><data:top.emailThisMsg/></span></a><br />
  <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><br />
    <span class='share-button-link-text'><data:top.blogThisMsg/></span></a><br />
  <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><br />
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a><br />
  <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><br />
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a><br />
  <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'><br />
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a><br />
</b:includable><br />
    <b:includable id='status-message'><br />
  <b:if cond='data:blog.pageType == "archive"'><br />
    <h2 class='pagetitle'>Archive for <data:blog.pageName/></h2>  </b:if><br />
  <b:if cond='data:navMessage'><br />
    <h2 class='pagetitle'><data:navMessage/></h2>  </b:if><br />
</b:includable><br />
    <b:includable id='threaded-comment-form' var='post'><br />
  <div class='comment-form'>    <a name='comment-form'/><br />
    <b:if cond='data:mobile'><br />
      <p><data:blogCommentMessage/></p>      <data:blogTeamBlogMessage/><br />
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />
      <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%'/><br />
    <b:else/><br />
      <p><data:blogCommentMessage/></p>      <data:blogTeamBlogMessage/><br />
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/><br />
    </b:if><br />
    <data:post.friendConnectJs/><br />
    <data:post.cmtfpIframe/><br />
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script><br />
  </div></b:includable><br />
    <b:includable id='threaded_comment_js' var='post'><br />
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

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><br />
</b:includable><br />
    <b:includable id='threaded_comments' var='post'><br />
  <div class='comments' id='comments'>    <a name='comments'/><br />
   <h4>{<br />
        <b:if cond='data:post.numComments == 1'><br />
1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='nofollow'>add one</a><br />
        <b:else/><br />
 <data:post.numComments/> <data:commentLabelPlural/>... read them below or <a href='#comment-form' rel='nofollow'>Comment</a><br />
        </b:if>}<br />
      </h4><br />
    <div class='comments-content'>      <b:if cond='data:post.embedCommentForm'><br />
        <b:include data='post' name='threaded_comment_js'/><br />
      </b:if><br />
      <div id='comment-holder'>         <data:post.commentHtml/><br />
      </div>    </div><br />
    <p class='comment-footer'>      <b:if cond='data:post.allowNewComments'><br />
        <b:include data='post' name='threaded-comment-form'/><br />
      <b:else/><br />
        <data:post.noNewCommentsText/><br />
      </b:if><br />
    </p><br />
    <b:if cond='data:showCmtPopup'><br />
      <div id='comment-popup'>        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'><br />
        </iframe><br />
      </div>    </b:if><br />
<br />
    <div id='backlinks-container'>    <div expr:id='data:widget.instanceId + "_backlinks-container"'>       <b:if cond='data:post.showBacklinks'><br />
         <b:include data='post' name='backlinks'/><br />
       </b:if><br />
    </div>    </div>  </div></b:includable><br />
  </b:widget><br />
</b:section><br />
</div><div class='selamatdatang'>Pencarian</div><form expr:action='data:blog.homepageUrl + "search/"' id='search' method='get'><input name='q' placeholder='Search Somethings..' size='40' type='text'/></form><ul id='tbisose'>	<li><a class='icon facebook' href='http://facebook.com/putrabalawa.blogspot' target='_blank'/></li>
	<li><a class='icon twitter' href='http://twitter.com/putrabalawa6992/'/></li>
	<li><a class='icon googleplus' href='https://plus.google.com/u/0/103547292060552012197/'/></li>
	<li><a class='icon rss' href='http://feeds.feedburner.com/putrabalawa'/></li>
</ul><b:section class='main3' id='main3' preferred='yes'><br />
  <b:widget id='PageList1' locked='false' title='Laman' type='PageList'><br />
    <b:includable id='main'><br />
  <b:if cond='data:title'><h2><data:title/></h2></b:if><br />
  <div class='widget-content'>    <b:if cond='data:mobile'><br />
      <select expr:id='data:widget.instanceId + "_select"'><br />
        <b:loop values='data:links' var='link'><br />
          <b:if cond='data:link.isCurrentPage'><br />
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option><br />
          <b:else/><br />
            <option expr:value='data:link.href'><data:link.title/></option><br />
          </b:if><br />
        </b:loop><br />
      </select><br />
      <span class='pagelist-arrow'>&#9660;</span><br />
<br />
    <b:else/><br />
      <ul>        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><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:if><br />
    <b:include name='quickedit'/><br />
  </div></b:includable><br />
  </b:widget><br />
  <b:widget id='BlogArchive1' locked='false' title='Arsip Atikel' type='BlogArchive'><br />
    <b:includable id='main'><br />
  <b:if cond='data:title'><br />
    <h2><data:title/></h2>  </b:if><br />
  <div class='widget-content'>  <div expr:class='data:blog.languageDirection' id='ArchiveList'>  <div expr:id='data:widget.instanceId + "_ArchiveList"'>    <b:if cond='data:style == "HIERARCHY"'><br />
     <b:include data='data' name='interval'/><br />
    </b:if><br />
    <b:if cond='data:style == "FLAT"'><br />
      <b:include data='data' name='flat'/><br />
    </b:if><br />
    <b:if cond='data:style == "MENU"'><br />
      <b:include data='data' name='menu'/><br />
    </b:if><br />
  </div>  </div>  <b:include name='quickedit'/><br />
  </div></b:includable><br />
    <b:includable id='flat' var='data'><br />
  <ul class='flat'>    <b:loop values='data:data' var='i'>
      <li class='archivedate'><br />
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)<br />
      </li>
    </b:loop>
  </ul></b:includable><br />
    <b:includable id='interval' var='intervalData'><br />
  <b:loop values='data:intervalData' var='i'><br />
      <ul class='hierarchy'>        <li expr:class='"archivedate " + data:i.expclass'><br />
          <b:include data='i' name='toggle'/><br />
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a><br />
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span><br />
          <b:if cond='data:i.data'><br />
            <b:include data='i.data' name='interval'/><br />
          </b:if><br />
          <b:if cond='data:i.posts'><br />
            <b:include data='i.posts' name='posts'/><br />
          </b:if><br />
        </li>
      </ul>  </b:loop><br />
</b:includable><br />
    <b:includable id='menu' var='data'><br />
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'><br />
    <option value=''><data:title/></option><br />
    <b:loop values='data:data' var='i'><br />
      <option expr:value='data:i.url'><br />
        <data:i.name/> (<data:i.post-count/>)</option><br />
    </b:loop><br />
  </select><br />
</b:includable><br />
    <b:includable id='posts' var='posts'><br />
  <ul class='posts'>    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul></b:includable><br />
    <b:includable id='toggle' var='interval'><br />
  <b:if cond='data:interval.toggleId'><br />
    <a class='toggle'><br />
      <span class='zippy'/><br />
    </a><br />
 </b:if><br />
</b:includable><br />
  </b:widget><br />
  <b:widget id='Stats1' locked='false' title='Total Kunjungan' type='Stats'><br />
    <b:includable id='main'><br />
  <b:if cond='data:title'><h2><data:title/></h2></b:if><br />
  <div class='widget-content'>    <br />
    <div expr:id='data:widget.instanceId + "_content"' style='display: none;'>      <br />
      <b:if cond='data:showSparkline'><br />
        <img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/><br />
      </b:if><br />
      <b:if cond='data:showGraphicalCounter'><br />
        <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/><br />
      <b:else/><br />
        <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/><br />
      </b:if><br />
      <b:include name='quickedit'/><br />
    </div>  </div></b:includable><br />
  </b:widget><br />
  <b:widget id='PopularPosts2' locked='false' title='Most Wanted Article Of The Week' type='PopularPosts'><br />
    <b:includable id='main'><br />
  <b:if cond='data:title'><h2><data:title/></h2></b:if><br />
  <div class='widget-content popular-posts'>    <ul>      <b:loop values='data:posts' var='post'>
      <li><br />
        <b:if cond='data:showThumbnails == "false"'><br />
          <b:if cond='data:showSnippets == "false"'><br />
            <br />
            <a expr:href='data:post.href'><data:post.title/></a><br />
          <b:else/><br />
            <br />
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>            <div class='item-snippet'><data:post.snippet/></div>          </b:if><br />
        <b:else/><br />
          <b:if cond='data:showSnippets == "false"'><br />
            <br />
            <div class='item-thumbnail-only'>              <b:if cond='data:post.thumbnail'><br />
                <div class='item-thumbnail'>                  <a expr:href='data:post.href' target='_blank'><br />
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br />
                  </a><br />
                </div>              </b:if><br />
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>            </div>            <div style='clear: both;'/>          <b:else/><br />
            <br />
            <div class='item-content'>              <b:if cond='data:post.thumbnail'><br />
                <div class='item-thumbnail'>                  <a expr:href='data:post.href' target='_blank'><br />
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br />
                  </a><br />
                </div>              </b:if><br />
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>              <div class='item-snippet'><data:post.snippet/></div>            </div>            <div style='clear: both;'/>          </b:if><br />
        </b:if><br />
      </li>
      </b:loop>
    </ul>    <b:include name='quickedit'/><br />
  </div></b:includable><br />
  </b:widget><br />
  <b:widget id='Followers1' locked='false' title='Member E-Mail' type='Followers'><br />
    <b:includable id='main'><br />
  <b:if cond='data:title != ""'><br />
    <b:if cond='data:codeSnippet != ""'><br />
      <h2 class='title'><data:title/></h2>    <b:else/><br />
      <b:if cond='data:totalFollowerCount != ""'><br />
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>      </b:if><br />
    </b:if>  <br />
  </b:if><br />
  <div class='widget-content'>    <div expr:id='data:widget.instanceId + "-wrapper"'>      <b:if cond='data:codeSnippet != ""'><br />
        <div style='margin-right:2px;'>          <data:codeSnippet/><br />
        </div>      <b:else/><br />
        <b:if cond='data:totalFollowerCount == ""'><br />
          <span class='item-control following-not-admin'><br />
            <b><data:failureSnippet/></b><br />
          </span><br />
          <span class='item-control blog-admin'><br />
            <b><data:adminFailureSnippet/></b><br />
          </span><br />
        <b:else/><br />
          <b:if cond='data:followingLinkPresent'><br />
            <div class='follow-this profile-link item-control following-follow-this'>              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><br />
                <data:followThisMessage/><br />
              </a><br />
            </div>            <div class='follow-this profile-link item-control following-stop-following-this'>              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><br />
                <data:stopFollowingMessage/><br />
              </a><br />
            </div>          </b:if><br />
  <br />
          <div class='followers-grid'>            <b:if cond='data:totalFollowerCount == 0'><br />
              <div class='profile-link item-control following-follow-this'>                <data:emptyFollowersMessage/><br />
              </div>            </b:if><br />
            <br />
            <b:loop values='data:followers' var='follower'><br />
              <div class='follower'>                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'><br />
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/><br />
                </a><br />
              </div>            </b:loop><br />
            <div class='clear'/>          </div>  <br />
          <div class='followers-canvas profile-link'>            <data:followersFooterMessage/><br />
            <span class='item-control following-not-admin'><br />
              <a expr:href='data:followersUri'><br />
                <data:viewAllMessage/><br />
              </a><br />
            </span><br />
            <span class='item-control blog-admin'><br />
              <a expr:href='data:manageFollowersUri'><br />
                <data:manageFollowersMessage/><br />
              </a><br />
            </span><br />
          </div>          </b:if><br />
      </b:if><br />
    </div>    <b:include name='quickedit'/><br />
  </div></b:includable><br />
  </b:widget><br />
  <b:widget id='FollowByEmail1' locked='false' title='Kirim Posting ke Email' type='FollowByEmail'><br />
    <b:includable id='main'><br />
  <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><br />
  <div class='widget-content'>    <div class='follow-by-email-inner'>      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>        <table width='100%'>          <tr>
            <td><br />
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/><br />
            </td>
            <td width='64px'><br />
              <input class='follow-by-email-submit' type='submit' value='Submit'/><br />
            </td>
          </tr>
        </table>        <input expr:value='data:feedPath' name='uri' type='hidden'/><br />
        <input name='loc' type='hidden' value='en_US'/><br />
      </form>    </div>  </div>  <span class='item-control blog-admin'><br />
    <b:include name='quickedit'/><br />
  </span><br />
</b:includable><br />
  </b:widget><br />
</b:section><br />
<div class='clear'/></div><div id='footer'><div class='footer'><b:section class='main4' id='main4' showaddelement='yes'><br />
  <b:widget id='Label1' locked='false' title='Labels' type='Label'><br />
    <b:includable id='main'><br />
  <b:if cond='data:title'><br />
    <h2><data:title/></h2>  </b:if><br />
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>    <b:if cond='data:display == "list"'><br />
      <ul>      <b:loop values='data:labels' var='label'>
        <li><br />
          <b:if cond='data:blog.url == data:label.url'><br />
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />
          <b:else/><br />
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />
          </b:if><br />
          <b:if cond='data:showFreqNumbers'><br />
            <span dir='ltr'>(<data:label.count/>)</span><br />
          </b:if><br />
        </li>
      </b:loop>
      </ul>    <b:else/><br />
      <b:loop values='data:labels' var='label'><br />
        <span expr:class='"label-size label-size-" + data:label.cssSize'><br />
          <b:if cond='data:blog.url == data:label.url'><br />
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />
          <b:else/><br />
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />
          </b:if><br />
          <b:if cond='data:showFreqNumbers'><br />
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span><br />
          </b:if><br />
        </span><br />
      </b:loop><br />
    </b:if><br />
    <b:include name='quickedit'/><br />
  </div></b:includable><br />
  </b:widget><br />
  <b:widget id='HTML3' locked='false' title='Translate' type='HTML'><br />
    <b:includable id='main'><br />
  <br />
  <b:if cond='data:title != ""'><br />
    <h2 class='title'><data:title/></h2>  </b:if><br />
  <div class='widget-content'>    <data:content/><br />
  </div><br />
  <b:include name='quickedit'/><br />
</b:includable><br />
  </b:widget><br />
</b:section><br />
<b:section class='main5' id='main5' showaddelement='yes'><br />
  <b:widget id='HTML2' locked='false' title='Tautan Kerabat Bergambar' type='HTML'><br />
    <b:includable id='main'><br />
  <br />
  <b:if cond='data:title != ""'><br />
    <h2 class='title'><data:title/></h2>  </b:if><br />
  <div class='widget-content'>    <data:content/><br />
  </div><br />
  <b:include name='quickedit'/><br />
</b:includable><br />
  </b:widget><br />
  <b:widget id='HTML4' locked='false' title='' type='HTML'><br />
    <b:includable id='main'><br />
  <br />
  <b:if cond='data:title != ""'><br />
    <h2 class='title'><data:title/></h2>  </b:if><br />
  <div class='widget-content'>    <data:content/><br />
  </div><br />
  <b:include name='quickedit'/><br />
</b:includable><br />
  </b:widget><br />
</b:section><br />
<b:section class='main6' id='main6' showaddelement='yes'><br />
  <b:widget id='Profile1' locked='false' title='Tentang Saya' type='Profile'><br />
    <b:includable id='main'><br />
    <b:if cond='data:title != ""'><br />
      <h2><data:title/></h2>    </b:if><br />
    <div class='widget-content'>    <b:if cond='data:team == "true"'> <br />
      <ul>        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
        </b:loop>
      </ul><br />
    <b:else/> <br />
<br />
      <b:if cond='data:photo.url != ""'><br />
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a><br />
      </b:if><br />
<br />
      <dl class='profile-datablock'>        <dt class='profile-data'><br />
          <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'><br />
            <data:displayname/><br />
          </a><br />
          <b:if cond='data:hasgoogleprofile'><br />
            <br/><br />
            <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>          </b:if><br />
        </dt>

<b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

<b:include name='quickedit'/>
    </div>  </b:includable>
  </b:widget>
  <b:widget id='PlusBadge1' locked='false' title='Google+ Badge' type='PlusBadge'>
    <b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>  </b:if>
  <div data-rel='author' expr:class='"g-" + data:badgeType' expr:data-href='data:profileUrl' expr:data-layout='data:layout' expr:data-showcoverphoto='data:showCoverPhoto' expr:data-showtagline='data:showTagline' expr:data-theme='data:theme' expr:data-width='data:width'>  </div></b:includable>
  </b:widget>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <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 class='clear'/></div></div><div class='fleft'><p>- Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <data:blog.title/> - <a href='http://putrabalawa.blogspot.com/search/label/Blog' target='_blank'>Robotic Notes</a> - Powered by <a href='http://blogger.com/'>Blogger</a> - Edited Design by <a href='http://putrabalawa.blogspot.com' title='Putra BaLaWa'>SOB</a> - </p></div></body>
</html>

Template Blog

0 Komentar

This blog reflects your character

Template Blog

Anda mungkin menyukai postingan ini

0 Komentar