News Template KKR Edited ~ Template Blogger Selected

CLICK COPY AND PASTE THIS CODE TO YOUR BLOGGER EDIT HTML PAGE, GOOD LUCK !

<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection'>
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Bree%20Serif:400,700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>
Page Not Found! 
</title>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title>
<data:blog.pageTitle/>
</title>
<b:else/>
<title>
<data:blog.pageName/>
- 
<data:blog.title/>
</title>
</b:if>
<meta content='Your Keywords Here' name='keywords'/>
<b:skin><![CDATA[
      
/*
-----------------------------------------------
Blogger Template Style
Name:   XPress News
Share By : http://www.guidepedia.info
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
padding:0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, q:before {
content: '';
content: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
.picfooter ol, .picfooter ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, q:before {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:focus { outline: 0 }
a:link { -webkit-tap-highlight-color: #FF5E99 }
video, object, embed {
max-width: 100%;
height: auto!important;
}
iframe { max-width: 99% }
blockquote {
width: 93%;
font-style: italic;
font-weight: normal;
font-family: Georgia,Serif;
font-size: 13px;
padding: 15px 10px 20px 27px;
position: relative;
margin-top: 25px;
margin-bottom: 10px;
background: #f0f0f0;
text-align: center;
}
blockquote:before {
position: absolute;
content: '"';
font-size: 40px;
width: 50px;
left: -5px;
font-family: arial;
}
blockquote p { margin-bottom: 10px }
strong, b { font-weight: bold }
em, i, cite {
font-style: italic;
font-family: georgia;
}
small { font-size: 100% }
figure { margin: 10px 0 }
code, pre {
font-family: monospace,consolas,sans-serif;
font-weight: normal;
font-style: normal;
}
pre {
margin: 5px 0 20px 0;
line-height: 1.3em;
padding: 8px 10px;
overflow: auto;
}
code {
padding: 0 8px;
line-height: 1.5;
}
mark {
padding: 1px 6px;
margin: 0 2px;
color: black;
background: #FFD700;
}
address { margin: 10px 0 }
.item-thumbnail img{
max-width: 9999px
}
.widget,.section {
padding:0;
margin:0
}
.item-thumbnail  {
overflow: hidden;
display: block;
}
.item .widget  {
overflow: hidden;
display: block;
}
.Attribution {
display: none
}
.navbar .widget {
display: none! important
}
body#layout #slider{
display: none
}
body#layout #box {
overflow:visible;
float:left;
width:290px;
}
body#layout #box1{
overflow:visible;
float:right;
width:290px;
}
body#layout #box3 {
overflow:visible;
width:180px;
}
/* Use this with templates/template-twocol.html */
body, .body-fauxcolumn-outer {
background-color: #939ead;
margin:0;
color:#777;
}
a {
color:#222;
text-decoration:none;
}
a:link {
color:#222;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}
#header-wrapper {
width:1180px;
height:120px;
background: #eee;
margin:0 auto;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
float:left;
width:400px;
text-align:left;
}
#header2 {
float:right;
width:470px;
padding:30px 30px 12px 0;
text-align:left;
}
#header h1 {
margin:5px 5px 0;
padding:10px 20px 5px 18px;
text-transform:none;
font-family: 'Bree Serif', sans-serif;
color: #191919;
font-size:40px;
font-weight:normal
}
#header a {
color:#191919;
text-decoration:none;
}
#header a:hover {
color:#292929;
}
#header .description {
margin:-10px 0 0 23px;
padding:0;
max-width:400px;
text-transform:none;
line-height: .4em;
font:normal 13px Oswald;
color: #191919;
}
#header img {
margin-left: auto;
margin-right: auto;
}
#outer-wrapper {
width: 1140px;
background:#fff;
margin:0 auto;
padding:15px 20px 15px 20px;
text-align:left;
font:normal 14px Arial;
}
#box3{
max-width:180px;
float:left;
}
#main-wrapper {
width: 620px;
float: left;
margin-left:20px;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 300px;
float: right;
word-wrap: break-word;
}
h2.date-header {
display:none;
}
.post {
margin:0 0 20px 0;
font-size:13px;
color:#393939;
}
.post h2 {
margin:10px 0 10px 0;
padding:0 0 4px;
font:normal 28px Oswald;
line-height:1.4em;
color:#ce2121;
}
.post h2 a, .post h2 a:visited, .post h2 strong {
display:block;
text-decoration:none;
font-weight:normal;
}
.post-body {
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
}
.comment-link {
}
.post img, table.tr-caption-container {
width: 100%;
height: auto;
float:left;
margin: 0 0 20px;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
}
.post blockquote p {
}
.showpageNum a,.showpage a {background:#fff; border: 1px solid #eee; color:#333; margin-right:.6em;text-decoration:none;font-size:12px;line-height:0;text-align:center;padding:6px 10px 6px;}
.showpageNum a:hover,.showpage a:hover {background:#0099cc; border: 1px solid #0099cc; color:#FFF; margin-right:.6em;text-decoration:none;font-size:12px;line-height:0;text-align:center;padding:6px 10px 6px;}
.showpageOf{display:none; margin:0 10px 0 0;font-family:'Oswald';color:#fff;text-transform:uppercase;text-decoration:none;font-size:100%}
.showpagePoint {background:#0099cc; border: 1px solid #0099cc; color:#fff; margin-right:.6em;text-decoration:none;font-size:12px;line-height:0;text-align:center;padding:6px 10px 6px;}
.showpageNum a:link,.showpage a:link {text-decoration:none;}
#comments{
font-size:13px;
background: #efefef;
margin:0;
padding:15px;
}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#E74C3C}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #E74C3C;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#E74C3C}
.comments .avatar-image-container,.comments .avatar-image-container img{
width:48px;
max-width:48px;
height:48px;
max-height:48px
}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{
margin-left:60px
}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{
border:1px solid #ddd;
background:#fff;
padding:10px
}
.comments .comments-content .comment{
margin:15px 0 0;
padding:0;
width:100%;
line-height:1em
}
.comments .comments-content .icon.blog-author{
position:absolute;
top:-12px;
right:-12px;
margin:0;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP9FBdkJzT0UilAe641M1-wfCQNBMljsajOcz73eWtSKZBLufIahcRztFBZgQixaFDP91RIVSYcLO79ozxxzHqh_0zuiXIsMnkoEtlmQB8r6JwVT8axIGq5xswb8RfuaXuzsqHPdCVeixO/s1600/author.png);
width:36px;
height:36px
}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{
border-left:1px solid #ddd;
background:transparent
}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{
content:"";
position:absolute;
top:10px;
left:-20px;
border-top:1px solid #ddd;
width:10px;height:0px
}
.comments .comment-thread.inline-thread .comment .comment-block{
border:0;
background:transparent;
padding:0
}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{
width:36px;
max-width:36px;
height:36px;
max-height:36px
}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
.comments .comments-content .loadmore,.comments .comments-content {margin:0}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
padding-top:20px;
margin-bottom:-25px;
}
.feed-links {
display:none;
}
.sidebar {
line-height: 1.3em;
}
.sidebar h2 {
background:#0099cc;
padding:12px 0;
font:normal normal 18px Oswald;
text-transform: uppercase;
text-align:center;
font-weight: normal;
font-size: 18px;
color:#fff;
}
.sidebar ul {
padding: 0;
margin: 0;
list-style: none;
}
.sidebar li {
display:block;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
.cloud-label-widget-content {
float:left;
margin-bottom:8px;
padding:10px 0px 0px 0px;
border:0;
}
.cloud-label-widget-content li, .cloud-label-widget-content a {
background:#0099cc;
color:#FFFFFF;
float:left;
font-family: 'Open Sans', sans-serif;
font-size:13px !important;
margin:4px 4px 0 0;
padding:5px 7px;
text-decoration:none;
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
}
.cloud-label-widget-content a:hover {
background: #333;
color:#fff;
}
.status-msg-wrap{
display:none;
}
.BlogArchive #ArchiveList ul li{
list-style: none;
display: block;
padding: 5px 0 5px 15px;
text-decoration: none;
text-shadow: -1px -1px 0 #EEEEEE;
}
#BlogArchive1_ArchiveMenu {
width: 100%;
border: 1px solid #ddd;
background: #eee;
padding: 10px;
}
.container {
background-color: #eee;
width: 1180px;
overflow:hidden;
margin: 0 auto;
}
footer p { color: #8D8D8D }
.footer-widgets {
overflow: hidden;
padding: 20px 2.8% 10px 3.1%;
width: 94.6%;
margin: 0;
}
.footer-widgets ul li a {
color:#191919;
font-family: Open Sans;
font-size:12px;
font-style:italic;
}
.footer-widgets h2 {
background:none;
color:#191919;
font-size:17px;
letter-spacing: 1px;
font-weight:400;
font-family: Oswald;
text-transform: uppercase;
margin-bottom: 16px;
}
.footer-widgets ul li a:visited {
color:#191919;
}
.f-widget {
width: 23%;
float: left;
position: relative;
color: #191919;
font-family: Open Sans;
font-size:13px;
margin-bottom: 30px;
margin-right: 2.5%;
border-right:1px solid #ddd;
padding-bottom:20px;
}
.footer-widgets .last {
float: left;
position: relative;
margin-right: 0;
border:none;
overflow:hidden;
}
.footer-widgets .last .widget a {
color:#191919;
}
.contact-form-button{
border-radius:3x !important;
width:95%;
margin-top:10px;
}
.contact-form-name,.contact-form-email,.contact-form-email-message{
max-width:95%;
margin-bottom:5px;
color:#333;
}
.contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{
box-shadow:none
}
input:focus,.contact-form-email-message{
box-shadow:none
}
.contact-form-email-message{
border:none !important;
border-top:0px;
border:0px
}
.contact-form-email, .contact-form-name{
border:none;
background:#fff;
border:none !important;
padding:5px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message{
background:#fff;
padding:5px;
}
.contact-form-button-submit{
background:#E71838;
background-color:#E71838!important;
border:none !important;
box-shadow:none !important;
border-radius:none !important
}
#credit{
width: 1180px;
background:#E71838;
z-index:9999;
font-family: 'Open Sans', sans-serif;
font-size:12px;
color: #ddd;
overflow:hidden;
margin:0 auto;
clear:both;
padding:10px 0;
line-height:20px;
}
#credit .left{
float:left;
text-align:left;
margin-left:30px
}
#credit .right{
float:right;
text-align:right;
margin-right:30px;
}
#credit a{
color:#fff;
text-decoration:none;
}
#credit a:hover{
color:#fc0;
text-decoration:none
}
#PopularPosts1 img {
float:left;
margin:0 5px 0 0;
}
.item-thumbnail img {
width: 60px;
height: 60px;
}
#PopularPosts1 .item-title {
font: normal 15px Oswald;
}
#PopularPosts1 dd {
border-bottom: 1px solid #eee;
padding: 8px 0 4px;
}
#menu{
background: #4f7ca1;
color: #fff;
height: 50px;
z-index:9;
width:1180px;
margin:0 auto;
}
#menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
#menu ul{height:50px;width:1180px}
#menu li{float:left;display:inline;position:relative;font:normal 0.9em Oswald; text-transform:uppercase;}
#menu a{display: block;
line-height: 50px;
padding: 0 30px;
text-decoration: none;
color: #fff;
}
#menu li a:hover{
color: #fff;
background: #0099cc;
}
li.home a{background:#4f7ca1; color:#fff;}
li.second a{background:#00331A}
li.second2 a{background:#FF33CC}
li.second3 a{background:#33FFCC}
li.third a{background:#ff0000}
li.fourth a{background:#e89319}
li.fifth a{background:#72347d}
li.sixth a{background:#fc0}
li.seventh a{background:#E71838}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Oswald;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:16px;position:absolute;left:35px}
#menu ul.menus{
height: auto;
overflow: hidden;
width: 190px;
background: #000;
position: absolute;
z-index: 99;
display: none;
}
#menu ul.menus li{
display: block;
width: 100%;
font:bold 12px Arial;
text-transform: none;
text-shadow: none;
}
#menu ul.menus a{
color: #FFF;
line-height: 35px;
}
#menu li:hover ul.menus{display:block}
#menu ul.menus a:hover{
background: #222;
color: #FFF;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
@media screen and (max-width: 800px){
#menu{position:relative}
#menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#menu ul.menus{width:100%;position:static;padding-left:20px}
#menu li{display:block;float:none;width:auto; font:normal 0.8em Arial;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
}
.headline-wrapper{
background: #E71838;
width: 1180px;
height: 39px;
color:#fff;
margin:0 auto;
}
.headline{
width: 1180px;
line-height: 1.9em;
text-align: left;
font-family: 'Arial', sans-serif;
font-weight: normal;
color: #111;
text-transform: none;
overflow: hidden;
clear: both;
margin: 0 auto;
padding: 10px auto
}
.headline a{
color: #fff;
font-size: 13px;
font-weight: normal;
text-decoration: none;
margin-left: 20px
}
.headline a:hover{
color: #000;
text-decoration: none
}
.headline-left{
float:left;
width:59%;
padding:2px 0;
position:relative;
overflow:hidden;
}
.part2 {
width:180px;
float:left;
margin-bottom:10px;
}
.part2 .opinion .cont h2{
color:#fff;
width:180px;
font-size:14px;
text-align:left;
padding:0 0;
overflow:hidden;
}
.part2 .opinion .cont{
width:180px;
overflow:hidden;
}
.cont.topLists{
margin-top:0px;
}
.cont.topLists .topimages .images{ margin:10px 0;}
.toptext{ width:180px; text-align:left; }
.toptext a{ font:normal 14px Oswald, sans-serif; color:#333}
figure figcaption .toptext a span{font:normal 14px Oswald, Arial, sans-serif !important;}
.topimages{padding-bottom:4px; margin-bottom:0px;}
.topListimages{ text-align:center; margin-bottom:10px;}
.topListimages a { display:block; margin:0 auto;}
.author{ margin-top:3px; text-align:center; font:10px Arial, Helvetica, sans-serif;}
.author a{color:#fff; font-weight:normal; font-style:italic;}
.author span{color:#9f9f9f;}
.topimages .author a{color:#0099ff;}
.cont.topLists figure{width:180px; float:left; position:relative;}
img.cover {
display:inline;
position:relative;
left:0;
top:9px;
right:0;
bottom:0;
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
-moz-transition: all 0.3s ease-out;  /* FF4+ */
-ms-transition: all 0.3s ease-out;  /* IE10 */
-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
transition: all 0.3s ease-out;
}
img.cover:hover {opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.latestpost{
font-family: Oswald;
font-size:18px;
text-transform:uppercase;
overflow:hidden;
color:#fff;
margin-bottom:9px;
}
.latestpost h4{
padding:12px 0;
text-align:center;
background:#2b373f;
margin:0;
font-weight:normal;
}
.latestpost h4 a{
color:#fff;
}
.box3{
width:180px;
}
.box3 h2{
padding:12px 0;
text-align:center;
float:left;
width:100%;
font-weight:normal;
font-family: Oswald;
font-size:18px;
text-transform:uppercase;
color:#fff;
margin-bottom:0px;
}
.box3 .widget{
padding-bottom:10px;
margin-bottom:10px;
}
#thumb-wrapper {
width: 620px;
overflow: hidden;
margin-bottom:15px;
}
#box {
width:300px;
float:left;
padding: 3px 5px 5px 0;
overflow:hidden
}
#box1 {
width:300px;
float: right;
padding: 3px 0px 5px 0px;
overflow: hidden;
}
.box .widget h1, .box1 .widget h1{
padding:12px 0;
text-align:center;
margin-bottom: 10px;
margin-left:0px;
position:relative;
color:#fff;
text-transform:uppercase;
font-size:18px;
font-family: Oswald;
font-weight: 400;
}
.box .widget, .box1 .widget, a {
color:#393939;
margin: 0 auto;
}
.mastoras{
width: 620px;
overflow:hidden;
margin:5px 0;
padding:0
}
.mastoras .left{
float:left;
font-size: 13px;
padding:10px 0
}
.mastoras .right{
float:right;
font-size: 12px;
padding:10px 5px
}
.mastoras_wide{
width:300px
}
.mastoras_wide .thumb{
padding-bottom:-25px
}
.mastoras_wide img{
display:block
}
.mastoras_narrow{
width:300px;
padding-bottom:6px
}
.mastoras_narrow .thumb{
float:left;
margin-right:7px;
margin-bottom: 10px;
}
.mastoras_narrow .featuredTitle{
font:normal 13px Oswald;
color:#333
}
.mastoras_narrow .featuredTitle a:hover{
color:#000
}
.mastoras_wide .featuredPostMeta{
float:righ
}
.mastoras h2 a,.mastoras h2 a:visited{
color:#333;
font-family: Oswald;
font-weight:400;
font-size: 18px;
}
.mastoras_narrow .featuredTitle a{
color:#333
}
.mastoras1{
width: 300px;
overflow:hidden;
margin: 0;
padding:0
}
.mastoras1 .left{
float:none;
font-size: 13px;
padding:10px 0
}
.mastoras1 .right{
float:none;
font-size: 12px;
padding: 0px
}
.mastoras1_wide{
width:300px
}
.mastoras1_wide .thumb{
padding-bottom:5px
}
.mastoras1_wide img{
display:block
}
.mastoras1_narrow{
width:290px;
padding-bottom:6px
}
.mastoras1_narrow .thumb{
float:left;
margin-right:7px;
}
.mastoras1_narrow .featuredTitle{
font:normal 12px Oswald;
color:#333
}
.mastoras1_narrow .featuredTitle a:hover{
color:#000
}
.mastoras1_wide .featuredPostMeta{
float:left;
}
.mastoras1 h2 a,.mastoras1 h2 a:visited{
color:#333;
font-family: Oswald;
font-weight:300;
font-size: 17px;
line-height:23px;
}
.mastoras1_narrow .featuredTitle a{
color:#333
}
.news_pictures {
margin-bottom:20px;
}
.news_pictures .news_pictures_list {
overflow: hidden;
margin-right:-13px;
}
.news_pictures .news_pictures_list li {
float: left;
margin-right: 9px;
margin-bottom: 9px;width:200px; height:130px;
list-style:none;
}
.news_pictures .news_pictures_list li a {
display: block;
}
.news_pictures .news_pictures_list li img {
padding: 0px;
border: 0px solid #eee;
}
.news_pictures .news_pictures_list li img {
width:199px; height:120px;
}
.box6{
width: 620px;
}
.box6 h1{
padding:12px 0;
text-align:center;
font-family: Oswald;
font-weight: 300;
font-size:18px;
text-transform: uppercase;
color: #fff;
}
#carousel {
width: 1180px; 
position: relative; 
margin: 0 auto;
height:130px;
}
#carousel .content {
position: absolute;
left: 0px;
width: 1180px;
overflow:hidden;
}
#carousel ul{
width:10000px;
position: relative;
overflow:hidden;
margin-top:0px;
}
#carousel ul li {
display: inline; 
float: left; 
margin:0;  
width: 236px; 
overflow: hidden;
height:130px;
}
#carousel .thumb{
height:85px;
width: 236px;
}
#carousel  #previous_button { 
position: absolute;  
bottom:48px;
left: -10px;
width: 52px;
height: 38px;
cursor: pointer;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2pdgByv5-Va53tdqHf2cBvRGeiM4tbqAgFNnTRb5qAwv5cvAxuRz83KQxOR1IHY4JUcnBJ97P8zOwCgaq4HMH0xJO-dWM3mbnkiZnfbK92v7FZ72o7MAWr7GUgrhQTdVkU5T9RAJY6qSv/s52/slider_big_arrow_left.png) no-repeat; 
z-index:999;
}
#carousel #next_button { 
position: absolute; 
bottom:48px; 
right:-10px; 
width: 52px; 
height: 38px; 
cursor: pointer; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIGyTOPRF0kgXUcpFb5zRTsmTrhEW7Rp372sJinJ6dOf2urg76YjRc346t28s93oWc-PbdnwQ0G5B7Bx0g71PvnAYFqXCV5VkPkIDL0cTpDkfzpe1wTbm7QAmGCF5ULCx-BBa60zlHmuE0/s52/slider_big_arrow_right.png) no-repeat;
z-index:999; 
}
#carousel #next_button:hover, #previous_button:hover { 
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80); 
opacity: 0.8; 
transition: opacity .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out; 
}
#carousel ul li a.slider_title{
display:block;
color:#fec700;
text-align:center;
font:normal 13px Oswald;
}
#carousel ul li a.slider_title:hover{
color:#fff
}
.lb-overlay-wrapper {
background: #f8f9f5;
border: 5px solid #f4f5f1;
border-radius: 5px;
margin-bottom: 30px;
position: relative;
text-align: center;
}
.error-404-title {
font-family: 'Bree Serif', sans-serif;
font-weight: normal;
font-size: 60px;
color: #4d4d4d;
text-align: center;
padding: 30px 0px 38px 0px ;
/* responsive phone */
}
@media (max-width: 767px) {
.error-404-title {
font-size: 30px;
line-height: 40px;
}
}
.error-404-sub-title {
font-family: 'Bree Serif', sans-serif;
font-weight: lighter;
font-size: 24px;
line-height: 30px;
color: #a6a6a6;
text-align: center;
padding: 0 0 40px 0;
}
.error-404-sub-sub-title {
text-align: center;
margin-bottom: 70px;
}
.error-404-sub-sub-title a {
color: white;
padding: 7px 14px 8px 14px;
margin-left: 10px;
background-color: #4db2ec;
}
.error-404-sub-sub-title a:hover {
color: white;
background-color: #555555;
text-decoration: none !important;
}
.error-404-head {
text-align: center;
}
.block-grid-1{
font-size:13px;
color:#333;
font-family:Oswald;
margin-top:10px;
padding-top:15px;
list-style:none;
}
#related-posts{
float:left;
width:auto;
margin-bottom:40px;
}
#related-posts h5{
font:18px Oswald;
background-repeat;no-repeat;
color: #fff;
font-weight: normal;
background-color: #e89319;
text-align: center;
padding: 12px 0;
margin-bottom:5px;
}
#related-posts .related_img {padding:0px;width:100px;height:50px;}
#related-posts .related_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
@media screen and (max-width:1024px) {
#header-wrapper {
max-width:940px;
}
.headline-wrapper, .headline{
max-width:940px;
}
.headline-left{
max-width:40%;
}
#menu, #menu ul{
max-width:940px;
}
#carousel, #carousel .content{
max-width:940px;
margin: 0 auto;
}
#outer-wrapper {
max-width: 900px;
margim-bottom:40px;
}
#main-wrapper{
float:right;
}
#sidebar-wrapper{
width:100%;max-width:100%;
float:left;
}
.container, #credit {
max-width:940px;
}
}
@media only screen and (max-width:768px){
#header-wrapper {
max-width:660px;
height:auto;
}
#header, #header .description{
float:none;
text-align:center;
margin:0 auto;
}
#header2{
max-width:100%;
text-align:center;
float:none;
margin:0 auto;
padding:10px 0;
}
.headline-wrapper, .headline{
max-width:660px;
}
.headline-left{
max-width:38%;
}
#menu, #menu ul{
max-width:660px;
}
#outer-wrapper {
max-width: 620px;
}
.container, #credit {
max-width:660px;
}
#box3, #carousel{
display:none;
}
}
@media only screen and (max-width:600px){
#header-wrapper {
max-width:500px;
height:auto;
}
#header, #header .description{
float:none;
text-align:center;
margin:0 auto;
}
#header2{
max-width:100%;
text-align:center;
float:none;
margin:0 auto;
padding:10px 0;
}
.headline-wrapper, .headline{
max-width:500px;
}
.headline-left{
max-width:100%;
}
#menu, #menu ul{
max-width:500px;
}
#outer-wrapper {
max-width: 460px;
}
#main-wrapper{
float:left;
width:460px;max-width:460px;
padding:0;
margin:0;
}
#thumb-wrapper {
max-width:300px;
margin:0 auto;
}
.container, #credit {
max-width:500px;
}
.search-block{
display:none;
}
.fp-slider{
max-width:460px;
}
.fp-slides,.fp-thumbnail,.fp-prev-next,.fp-nav{
max-width:460px;
}
#box, #box1{
float:none;
margin:0 auto;
}
.box6{
width:460px;max-width:460px;
float:left;
}
.mastoras{
max-width:300px;
}
.footer-widgets .last {
width:20%;
}
#credit .left, #credit .right{
width:100%;
float:none;
text-align:center;
padding:0;
margin:0 auto;
}
}
@media screen and (max-width:480px){
#header-wrapper {
max-width:400px;
height:auto;
}
#header{
padding-bottom:15px;
}
#header2{
display:none;
}
.headline-wrapper, .headline{
max-width:400px;
}
.headline-left{
max-width:50%;
}
#menu, #menu ul{
max-width:400px;
}
#outer-wrapper {
max-width: 360px;
}
#main-wrapper{
float:left;
width:360px;max-width:360px;
padding:0;
margin:0;
}
.fp-slider{
max-width:360px;
}
.fp-slides,.fp-thumbnail,.fp-prev-next,.fp-nav{
max-width:360px;
}
#thumb-wrapper {
max-width:300px;
margin:0 auto;
}
.container, #credit {
max-width:400px;
}
.box6{
width:360px;max-width:360px;
float:left;
}
}
@media screen and (max-width:384px){
#header-wrapper {
max-width:350px;
height:auto;
}
#header{
max-width:350px;
}
#header h1 {
font-size:30px;
}
#header .description {
}
.headline-wrapper, .headline{
max-width:350px;
}
.headline-left{
max-width:30%;
}
#menu, #menu ul{
max-width:350px;
}
#outer-wrapper {
max-width: 310px;
}
#main-wrapper{
float:left;
width:310px;max-width:310px;
padding:0;
margin:0;
}
.fp-slider{
display:none;
}
#thumb-wrapper {
max-width:310px;
margin:0 auto;
}
.container, #credit {
max-width:350px;
}
.footer-widgets h2 {
font-size:12px;
}
.box6{
width:350px;max-width:350px;
float:left;
}
}

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px; /* Lebar Menu Utama Atas */
text-align: center;
height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FFFF00; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FFFF00; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

#blockdiv {
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
position: fixed;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6S_mWr2_s34VDq9ql2gJBU3ySBRvG-a9jLlXRsp89dIfyWAchKhYCfPc72j3AsBpO25SFVgtb-KkNK_BmEnPktD_ouaEfoSrpdVsR2WfQjphsWY6oLWNy8UwWxqhnwJrTC1A4K_2ROw/s128/leideasopacity0.5.png');
margin: 0;
overflow-y: auto;
z-index: 999999;
}

]]></b:skin>

#random-posts{width:100%;background:none;}
#random-posts ul {margin: 0 !important;  padding: 0 !important;  }
#random-posts ul li {background:none ;list-style-type: none;margin:0;padding:0 !important}
#random-posts li{float:left;list-style:none;}
#random-posts img{float:left;margin-right:5px;margin-bottom:5px;border:none;width:91px;height:86px;transition:all 400ms ease-in-out;}
#random-posts img:hover {opacity:.7}

#boksi { 
width:30%;
height:30%;
bottom:50%;
right:55%;
position:absolute;
z-index: 2147483638;
cursor:pointer;
opacity:10;

}
#sisalto {
top:590%;
left:50%;
width:100%;
height:118%;
position:relative;
overflow:auto;
padding:5px;
border:0px dashed #000;

color:#000;
}

</style>

//]]>
    </script>

</head>
<style type='text/css'>
.label-size a {
 background: none repeat scroll 0 0 #535353;
 color: #FFFFFF;
 float: left;
 margin: 0 5px 2px 0;
 padding: 10px;
 font-weight: blod;
 font: 12px  Arial, Sans-Serif;
 text-transform: uppercase;
}
.label-size a:hover {
 background-color: cadetblue;
 color: #fff;
 text-decoration: none;
 -webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 transition: all .2s ease-out;
 border-right: 5px solid #EEEEEE;
}
</style>

<body>
    <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
        <b:includable id='main'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script> <div id="navbar-iframe-container">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript">
        gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\75866988003072015337\46blogName\75KUKU+kiri\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://kukukiri.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://kukukiri.blogspot.com/\46blogFollowUrl\75https://plus.google.com/107817512269352844050\46vt\0753943003481379246150',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script> </b:includable>       </b:widget>     </b:section>          <span id='skiplinks' style='display:none;'>       <a href='#main'>         skip to main        </a>       |       <a href='#sidebar'>         skip to sidebar       </a>     </span>     <div class='headline-wrapper'>
      <div class='headline'>
        <div style='float:left; width:120px; margin-right:20px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYoAb76NqYcvos_F_iB3GjjPoOH_X9SQnS9RhePv_DKJ8TIW5nnPBdA6ojx8Z7eLjVRQo9nLXYZ_MxTvaTD9aASdESJos7VMLi23a9-WuaoODekHfw0wNuymhnpEfxuaumQATVqZSp9Diy/s1600/breaking-news.png) no-repeat right; padding:5px 18px 8px 19px; font-size: 1.0em; font-family: Oswald, sans-serif; color:#fff; line-height:1.8em; overflow: hidden;'>
         PALING BARU         </div>
<div class='headline-left'>
          <marquee behavior='scroll' bgcolor='' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>             <script>
              document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=recentarticles4\"><\/script>");
            </script>
</marquee>
</div>
<div class='search-block'>
<form action='/search' id='searchform' method='get'>
<input class='search-button' type='submit' value='GO'/>
<input id='s' name='q' onblur='if (this.value == '') {this.value = 'Search...';}' onfocus='if (this.value == 'Search...') {this.value = '';}' type='text' value='Search...'/>
</form>
</div>

</div>
<div style='clear:both;'/>
</div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='KUKU kiri (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "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:if>
<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/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'>
<span>
<data:description/>
</span>
</p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'>
<data:title/>
</a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header2' id='header2' maxwidgets='1' showaddelement='yes'>
<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'/>
<nav id='menu'>
<input type='checkbox'/>
<label>
≡
<span>
Click Here
</span>
</label>
<ul>
<li class='home'>
<a href='/'>
Home
</a>
</li>
<li class='third'>
<a href='#'>
Drop Down
</a>
<ul class='menus'>
<li>
</li>
<li>
<a href='#'>
Tab 2
</a>
</li>
<li>
<a href='#'>
Tab 3
</a>
</li>
<li>
<a href='#'>
Tab 4
</a>
</li>
<li>
<a href='#'>
Tab 5
</a>
</li>
<li>
<a href='#'>
Tab 6
</a>
</li>
</ul>
</li>
<li class='fifth'>
<a href='#'>
Drop Down
</a>
<ul class='menus'>
<li>
<a href='#'>
Tab 1
</a>
</li>
<li>
<a href='#'>
Tab 2
</a>
</li>
<li>
<a href='#'>
Tab 3
</a>
</li>
</ul>
</li>
<li class='second2'>
<a href='/p/disclaimer.html'>
Disclaimer
</a>
</li>
<li class='second'>
<a href='/p/privacy_policy.html'>
Privacy Policy
</a>
</li>
<li class='second3'>
<a href='/p/tos.html'>
Terms of Service
</a>
</li>
<li class='fourth'>
<a href='/p/contact.html'>
Contact
</a>
</li>
<li class='sixth'>
<a href='http://kukukiri.blogspot.sg/p/recent-posts.html'>
Sitemap
</a>
</li>
<li class='seventh'>
<a href='/404'>
Error 404
</a>
</li>
</ul>
</nav>
<div id='carousel'>
<script language="JavaScript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<img name=randimg src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnTWQA9uAvDGzwb8TaXs8jW_v10qVH_JqongB810aUTqwmHGh54A7BxiN5csvA_iiPB1Xzs2vPIAAhZCrT2-J7YWTuw63AAl6z4NYgJQ7Gqhdoum8VQTVBcSb6fgnc1evnyGmmrpMj4YU/s1600/berbagi-2.jpg' >"
b[n++]= "<img name=randimg src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMnCVKTw1R-IrG4EFOLn3afvcqTd_qQp_Go27g6NUfLRw_3xzvGRe6wpNQRzUJGQ5I-KORdHUa4L-daDG5rXi20GWMl9pbJ2Ec_HIdxArFaydmehIGqou23PzhI_8YqjvSbkyqzwMnDQ0/s1600/berbagi-1.jpg' >"
b[n++]= "<img name=randimg src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi-4wxHXWCHpfDy9HCEffUjED48leaHCxEc52YZAf5-s54HgqH3a_1_HtgS3VQGAfo_5-029Bv1xJIPNkEOyvuai8G3q_6x9MCce2bxhY6KpyBZHk_7S7rre3TS61HbeCzrPeFaX_pEq8/s1600/headkkkr.png' >"
b[n++]= "<img name=randimg src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnTWQA9uAvDGzwb8TaXs8jW_v10qVH_JqongB810aUTqwmHGh54A7BxiN5csvA_iiPB1Xzs2vPIAAhZCrT2-J7YWTuw63AAl6z4NYgJQ7Gqhdoum8VQTVBcSb6fgnc1evnyGmmrpMj4YU/s1600/berbagi-2.jpg' >"
b[n++]= "<img name=randimg src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi-4wxHXWCHpfDy9HCEffUjED48leaHCxEc52YZAf5-s54HgqH3a_1_HtgS3VQGAfo_5-029Bv1xJIPNkEOyvuai8G3q_6x9MCce2bxhY6KpyBZHk_7S7rre3TS61HbeCzrPeFaX_pEq8/s1600/headkkkr.png' >"
b[n++]= "<img name=randimg src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi-4wxHXWCHpfDy9HCEffUjED48leaHCxEc52YZAf5-s54HgqH3a_1_HtgS3VQGAfo_5-029Bv1xJIPNkEOyvuai8G3q_6x9MCce2bxhY6KpyBZHk_7S7rre3TS61HbeCzrPeFaX_pEq8/s1600/headkkkr.png' >"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</script>
</div>
<div id='outer-wrapper'>
<div id='wrap2'>
<div id='content-wrapper'>
<div id='box3'>
<b:section class='box3' id='box3' maxwidgets='4' showaddelement='yes'>
<b:widget id='HTML6' locked='true' title='Peluang Usaha' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title' style='background:#E71838'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<div class='part2'>
<div class='opinion'>
<div class='cont topLists'>
<script>
                            document.write("<script src=\"/feeds/posts/default/-/Peluang Usaha?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=recentarticles6\"><\/script>");
                          </script>
</div>
</div>

</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='true' title='Kesehatan' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title' style='margin-bottom:20px;background:#4f7ca1'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<div class='block-grid-1'>
<script>
                            document.write("<script src=\"/feeds/posts/default/-/Kesehatan?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=recentarticles6\"><\/script>");
                          </script>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML12' locked='true' title='Ibu dan Anak' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title' style='background:#fc0'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<div class='part2'>
<div class='opinion'>
<div class='cont topLists'>
<script>
                            document.write("<script src=\"/feeds/posts/default/-/Ibu dan Anak?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=recentarticles6\"><\/script>");
                          </script>
</div>
</div>

</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='true' title='Free Software' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title' style='background:#bbb'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<div class='part2'>
<div class='opinion'>
<div class='cont topLists'>
<script>
                            document.write("<script src=\"http://dizoo.blogspot.com/feeds/posts/default/-/Software?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=recentarticles8\"><\/script>");
                      </script>
</div>
</div>

</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='thumb-wrapper'>
<b:section class='box' id='box' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML8' locked='true' title='Kisah Sukses' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h1 class='title' style='background:#5fa03f'>
<data:title/>
</h1>
</b:if>
<div class='widget-content'>
<div class='mastoras1'>
<script>
                              document.write("<script src=\"/feeds/posts/default/-/Kisah Sukses?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=recentarticles2\"><\/script>");
                            </script>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='box1' id='box1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML9' locked='true' title='Kisah Kehidupan' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h1 class='title' style='background:#ff0000'>
<data:title/>
</h1>
</b:if>
<div class='widget-content'>
<div class='mastoras1'>
<script>
                              document.write("<script src=\"/feeds/posts/default/-/Kisah Kehidupan?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=recentarticles2\"><\/script>");
                            </script>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

</div>
<div class='clear'/>
<b:section class='box6' id='box6' maxwidgets='3' showaddelement='yes'>
<b:widget id='HTML5' 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:widget id='HTML11' locked='true' title='Blog Design - Widget - Template' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h1 class='title' style='background:#e89319'>
<data:title/>
</h1>
</b:if>
<div class='widget-content'>
<div class='mastoras'>
<script>
                            document.write("<script src=\"//arlinadesign.blogspot.com//feeds/posts/default?max-results=2"+numposts4+"&orderby=published&alt=json-in-script&callback=recentarticles2\"><\/script>");
                          </script>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='true' title='Manual Slider' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div class='latestpost'>
<h4>
<a href='/search?max-results=9' title='View More Posts'>Latest Updates</a>
</h4>
</div>
<style>
                  #blog-pager{
                    display:none;
                  }
                  #outer-wrapper{
                    margin-bottom:-30px;
                  }
                </style>
<style>
                  @-moz-document url-prefix() { 
                    #outer-wrapper{
                      margin-bottom:-30px;
                    }
                  }
                </style>
</b:if>
</b:if>
<div class='clear'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "index"'>
<div class='latestpost' style='margin-top:15px'>
<h4 class='title' style='background: #5fa03f'>
From our Blog
</h4>
</div>
</b:if>
</b:if>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' 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:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

<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.dateHeader'>
<h2 class='date-header'>
<span>
<data:post.dateHeader/>
</span>
</h2>
</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:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</div>
</b:if>
<data:adEnd/>
</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
                      <script type='text/javascript'>
                        google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
                        function initialize() {
                          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                          google.annotations.createAll();
                          google.annotations.fetch();
                        }
                        google.setOnLoadCallback(initialize);
                      </script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<h4>
<data:post.backlinksLabel/>
</h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'><b:loop values='data:post.backlinks' var='backlink'>                         <div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>

</span>
<a expr:href='data:backlink.url' rel='nofollow'>
<data:backlink.title/>
</a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>                             <data:backlink.snippet/>                           </dd>                           <dd class='comment-footer collapseable'>                             <span class='comment-author'>                               <data:post.authorLabel/>                               <data:backlink.author/>                             </span>                             <span class='comment-timestamp'>                               <data:post.timestampLabel/>                               <data:backlink.timestamp/>                             </span>                           </dd>                         </div>
</b:loop>                     </dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'>
<data:post.createLinkLabel/>
</a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'>
<data:postCommentMsg/>
</a>
</h4>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'>
<data:postCommentMsg/>
</h4>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
                      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                    </script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>
:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>

</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>

<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
<data:f.name/>
(
<data:f.feedType/>
)
</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<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' itemprop='name'>
                          <data:post.title/>
                        </h3>
<div class='mobile-index-arrow'>
                          ›
                        </div>
<div class='mobile-index-contents'>
                          <b:if cond='data:post.thumbnailUrl'>
                            <div class='mobile-index-thumbnail'>
                              <div class='Image'>
                                <img expr:src='data:post.thumbnailUrl'/>
                              </div>
</div>
</b:if>
                          <div class='post-body'>
                            <b:if cond='data:post.snippet'>
                              <data:post.snippet/>
                            </b:if>
                          </div>
</div>
<div style='clear: both;'/>
                      </a>
                      <div class='mobile-index-comment'>
                        <b:if cond='data:blog.pageType != "static_page"'>
                          <b:if cond='data:post.allowComments'>
                            <b:if cond='data:post.numComments != 0'>
                              <b:include data='post' name='comment_count_picker'/>
                            </b:if>
                          </b:if>
                        </b:if>
                      </div>
</div>
</div>
</b:includable>
                <b:includable id='mobile-main' var='top'>
                  
                  <div class='blog-posts hfeed'>
                    <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'>
                          ‹
                        </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'>
                          ›
                        </a>
                      </div>
</b:if>
                    <div class='mobile-link-button' id='blog-pager-home-link'>
                      <a class='home-link' expr:href='data:blog.homepageUrl'>
                        <data:homeMsg/>
                      </a>
                    </div>
<div class='mobile-desktop-link'>
                      <a class='home-link' expr:href='data:desktopLinkUrl'>
                        <data:desktopLinkMsg/>
                      </a>
                    </div>
</div>
<div class='clear'/>
                </b:includable>
                <b:includable id='mobile-post' var='post'>
                  <div class='date-outer'>
                    <b:if cond='data:post.dateHeader'>
                      <h2 class='date-header'>
                        <span>
                          <data:post.dateHeader/>
                        </span>
                      </h2>
</b:if>
                    <div class='date-posts'>
                      <div class='post-outer'>
                        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                          <b:if cond='data:post.thumbnailUrl'>
                            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                          </b:if>
                          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                          <meta expr:content='data:post.id' itemprop='postId'/>
                          <a expr:name='data:post.id'/>
                          <b:if cond='data:post.title'>
                            <h2 class='post-title entry-title' itemprop='name'>
                              <b:if cond='data:post.link'>
                                <a expr:href='data:post.link'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <b:if cond='data:post.url'>
                                  <b:if cond='data:blog.url != data:post.url'>
                                    <a expr:href='data:post.url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                              </b:if>
                            </h2>
</b:if>
                          <div class='post-header'>
                            <div class='post-header-line-1'/>
                          </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
                            <data:post.body/>
                            <div style='clear: both;'/>
                            
                          </div>
<div class='post-footer'>
                            <div class='post-footer-line post-footer-line-1'>
                              <span class='post-author vcard'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </a>
                                    </span>
                                    <b:else/>
                                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                              </span>
                              <span class='post-timestamp'>
                                <b:if cond='data:top.showTimestamp'>
                                  <data:top.timestampLabel/>
                                  <b:if cond='data:post.url'>
                                    <meta expr:content='data:post.url' itemprop='url'/>
                                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                      <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                        <data:post.timestamp/>
                                      </abbr>
                                    </a>
                                  </b:if>
                                </b:if>
                              </span>
                              <span class='post-comment-link'>
                                <b:if cond='data:blog.pageType != "item"'>
                                  <b:if cond='data:blog.pageType != "static_page"'>
                                    <b:if cond='data:post.allowComments'>
                                      <b:include data='post' name='comment_count_picker'/>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </span>
                            </div>
<div class='post-footer-line post-footer-line-2'>
                              <b:if cond='data:top.showMobileShare'>
                                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                  <a href='javascript:void(0);'>
                                    <data:shareMsg/>
                                  </a>
                                </div>
</b:if>
                              <b:if cond='data:top.showDummy'>
                                <div class='goog-inline-block dummy-container'>
                                  <data:post.dummyTag/>
                                </div>
</b:if>
                            </div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
                          <b:include data='post' name='comment_picker'/>
                        </b:if>
                        <b:if cond='data:blog.pageType == "item"'>
                          <b:include data='post' name='comment_picker'/>
                        </b:if>
                      </div>
</div>
</div>
</b:includable>
                <b:includable id='nextprev'>
                  <div class='blog-pager' id='blog-pager'>
                    <b:if cond='data:newerPageUrl'>
                      <span id='blog-pager-newer-link'>
                        <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
                          <data:newerPageTitle/>
                        </a>
                      </span>
                    </b:if>
                    <b:if cond='data:olderPageUrl'>
                      <span id='blog-pager-older-link'>
                        <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
                          <data:olderPageTitle/>
                        </a>
                      </span>
                    </b:if>
                    <a class='home-link' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                    <b:if cond='data:mobileLinkUrl'>
                      <div class='blog-mobile-link'>
                        <a expr:href='data:mobileLinkUrl'>
                          <data:mobileLinkMsg/>
                        </a>
                      </div>
</b:if>
                  </div>
<div class='clear'/>
                </b:includable>
                <b:includable id='post' var='post'>
                  <div class='post hentry'>
                    <a expr:name='data:post.id'/>
                    <b:if cond='data:post.title'>
                      <h2 class='post-title entry-title'>
                        <b:if cond='data:post.link'>
                          <a expr:href='data:post.link'>
                            <data:post.title/>
                          </a>
                          <b:else/>
                          <b:if cond='data:post.url'>
                            <b:if cond='data:blog.url != data:post.url'>
                              <a expr:href='data:post.url'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <data:post.title/>
                            </b:if>
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                        </b:if>
                      </h2>
</b:if>
                    <b:if cond='data:blog.pageType == "index"'>
                      <div class='cutter'>
                        <script type='text/javascript'>
                          //<![CDATA[
                          function emthemes_resize(e,d){var c=320;var a=true;var b="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrG9AEQgP-o9l5h6hO2zjNHR0kYYS6vTQ146hquofJLFBnyRmQx7vcK2GWOTBkitAItCeh60jF6AMdckKLzqafekVtkTPsnyTWRArcex-3b4EkhTsPpLpvQzflIVtqi_v8O1dZFT5F168/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"-c/")+'" class="postthumb" alt="'+d+'"/>';if(e!=""){return image_tag}else{return""}};
                          //]]>
                        </script>
<a expr:href='data:post.url'>
<script type='text/javascript'>
                            document.write(emthemes_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
                          </script>
</a>
</div>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType == "index"'>
<style>
                        .cutter{
                          width:250px;
                          height:160px;
                          overflow:hidden;
                          float:left;
                          margin-right:15px;
                          border:1px solid #eee;
                        }
                        .post{
                          background:none;
                          padding:10px 5px 0 0;
                          font-size:13px;
                          border:0;
                          height:170px;
                          overflow:hidden;
                        }
                        .post img {
                          width: 250px;
                          height: auto;
                          display: block;
                          float: left;
                          overflow: hidden;
                          margin: 0 10px 0 0;
                          z-index: 999;
                        }
                        .post img:hover{
                          opacity: 0.7;
                        }
                        .post h2 {
                          font: 22px 'Oswald', sans-serif;
                          text-transform: none;
                          color: #222;
                          background: none;
                          margin: 0 0 5px 0;
                          float:right; 
                          width: 348px;
                          overflow:hidden;
                          padding-bottom: 3px; 
                        }
                        .post h2 a {
                          color: #222;
                        }
                        @media only screen and (max-width:600px){
                          .post{
                            width:460px;
                            height:auto;
                            margin:0;
                            margin-bottom:35px;
                            padding:0;
                            float:left;
                          }
                          .post h2 {
                            float:none;
                            width:100%;
                          }
                          .cutter{
                            width::100%;
                            height:170px;
                          }
                          .post img {
                            width:100%;
                          }
                        }
                        @media screen and (max-width:480px){
                          .post{
                            width:360px;
                          }
                        }
                        @media screen and (max-width:384px){
                          .post{
                            width:310px;
                          }
                          .cutter{
                            width::310px;
                            height:170px;
                          }
                          .post img {
                            width:310px;
                          }
                        }
                      </style>
</b:if>
<script type='text/javascript'>
                      var thumbnail_mode = "float" ;
                      summary_noimg = 180;summary_img = 180;img_thumb_width = 365;img_thumb_height = 280;
                    </script>
<script type='text/javascript'>
                      //<![CDATA[
                      function removeHtmlTag(e,f){
                        if(e.indexOf("<")!=-1){var g=e.split("<");
                                               for(var h=0;
                                                   h<g.length;
                                                   h++){if(g[h].indexOf(">")!=-1){g[h]=g[h].substring(g[h].indexOf(">")+1,g[h].length)}}e=g.join("")}f=(f<e.length-1)?f:e.length-2;
                        while(e.charAt(f-1)!=" "&&e.indexOf(" ",f)!=-1){f++}e=e.substring(0,f-1);
                        return e+"..."}
                      function createSummaryAndThumb(k){
                        var i=document.getElementById(k);
                        var h="";
                        var g=i.getElementsByTagName("img");
                        var j=summary_noimg;
                        if(g.length>=1){h='<span style="display:none;float:left;margin:0px 10px 5px 0px;"><img src="'+g[0].src+'" width="'+img_thumb_width+'" height="'+img_thumb_height+'px"/></span>';
                                        j=summary_img}
                        var l=h+"<div>
"+removeHtmlTag(i.innerHTML,j)+"</div>
";
                        i.innerHTML=l};
                      //]]>
                    </script>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
                            createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<div id='jobmiddlenew'>
<data:post.body/>
</div>
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
<script type=text/javascript>
username="airputihmanis"
</script>
<script type=text/javascript src="http://adsppperv.com/ads.js"></script>
</div>
<script type='text/javascript'>

var str1=document.getElementById("jobmiddlenew").innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);

var n = substr.search("
");
if(n<0)
{
n = substr.indexOf('.');
if(n<0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);

}
else
{

var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode="
<center>
"+document.getElementById("addcodemiddle").innerHTML+"</center>
";

var newbody=firsthalf+addcode+secondhalf;

var strnew=document.getElementsByClassName("post-body entry-content");
strnew[0].innerHTML=newbody;

document.getElementById("addcodemiddle").innerHTML="";
     
</script>

</b:if>

<div id='related-posts'>
<p class='title title-medium'>
<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = 'http://kukukiri.blogspot.com/feeds/posts/default';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script><script type="text/javascript">var pfButtonHTML = '<a href="Print This Article" style="margin-top:0.5em; float:left;display:block; margin-right: 0.5em; color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Print / Download Artikel ke PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a>'; var pfBloggerJs; pfBloggerJs = document.createElement("script"); pfBloggerJs.type ="text/javascript"; js= "http://cdn.printfriendly.com/blogger.js"; pfBloggerJs.src=js; document.getElementsByTagName("head")[0].appendChild(pfBloggerJs);</script><span id="pf_locator"></span><script type="text/javascript">var f = document.getElementById("pf_locator");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } c; } catch (err) {}}<script>
<h5>
SIMILAR ARTICLES
</h5>
</p>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/>
                          </b:if>

</b:loop>
                        <script type='text/javascript'>
                          var currentposturl="<data:post.url/>";
                          var maxresults=12;
                          var relatedpoststitle="<b/>";
                          removeRelatedDuplicates_thumbs();
                          printRelatedLabels_thumbs();
                        </script>

</div>
<div class='clear'/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>

<b:if cond='data:blog.pageType != "item"'>
</b:if>
<div style='clear: both;'/>

</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
<data:post.jumpText/>
</a>
</div>
</b:if>
<div class='post-footer'>

</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'>
<a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'>
<data:top.emailThisMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showBlogThisButton'>
<a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'>
<data:top.blogThisMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showTwitterButton'>
<a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'>
<data:top.shareToTwitterMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showFacebookButton'>
<a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'>
<data:top.shareToFacebookMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showOrkutButton'>
<a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'>
<data:top.shareToOrkutMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'>
<data:post.dummyTag/>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/>
</div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
                    BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                  </script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                <script type='text/javascript'>
                  (function() {
                    var items = <data:post.commentJso/>;
                    var msgs = <data:post.commentMsgs/>;
                    var config = <data:post.commentConfig/>;
                    // <![CDATA[
                    var cursor = null;
                    if (items && items.length > 0) {
                      cursor = parseInt(items[items.length - 1].timestamp) + 1;
                    }
                    var bodyFromEntry = function(entry) {
                      if (entry.gd$extendedProperty) {
                        for (var k in entry.gd$extendedProperty) {
                          if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                            return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                          }
                        }
                      }
                      return entry.content.$t;
                    }
                    var parse = function(data) {
                      cursor = null;
                      var comments = [];
                      if (data && data.feed && data.feed.entry) {
                        for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                          var comment = {};
                          // comment ID, parsed out of the original id format
                          var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                          comment.id = id ? id[2] : null;
                          comment.body = bodyFromEntry(entry);
                          comment.timestamp = Date.parse(entry.published.$t) + '';
                          if (entry.author && entry.author.constructor === Array) {
                            var auth = entry.author[0];
                            if (auth) {
                              comment.author = {
                                name: (auth.name ? auth.name.$t : undefined),
                                profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                              };
                            }
                          }
                          if (entry.link) {
                            if (entry.link[2]) {
                              comment.link = comment.permalink = entry.link[2].href;
                            }
                            if (entry.link[3]) {
                              var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                              if (pid && pid[1]) {
                                comment.parentId = pid[1];
                              }
                            }
                          }
                          comment.deleteclass = 'item-control blog-admin';
                          if (entry.gd$extendedProperty) {
                            for (var k in entry.gd$extendedProperty) {
                              if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                              } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                                comment.displayTime = entry.gd$extendedProperty[k].value;
                              }
                            }
                          }
                          comments.push(comment);
                        }
                      }
                      return comments;
                    };
                    var paginator = function(callback) {
                      if (hasMore()) {
                        var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                        if (cursor) {
                          url += '&published-min=' + new Date(cursor).toISOString();
                        }
                        window.bloggercomments = function(data) {
                          var parsed = parse(data);
                          cursor = parsed.length < 50 ? null
                          : parseInt(parsed[parsed.length - 1].timestamp) + 1
                          callback(parsed);
                          window.bloggercomments = null;
                        }
                        url += '&callback=bloggercomments';
                        var script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = url;
                        document.getElementsByTagName('head')[0].appendChild(script);
                      }
                    };
                    var hasMore = function() {
                      return !!cursor;
                    };
                    var getMeta = function(key, comment) {
                      if ('iswriter' == key) {
                        var matches = !!comment.author
                        && comment.author.name == config.authorName
                        && comment.author.profileUrl == config.authorUrl;
                        return matches ? 'true' : '';
                      } else if ('deletelink' == key) {
                        return config.baseUri + '/delete-comment.g?blogID='
                        + config.blogId + '&postID=' + comment.id;
                      } else if ('deleteclass' == key) {
                        return comment.deleteclass;
                      }
                      return '';
                    };
                    var replybox = null;
                    var replyUrlParts = null;
                    var replyParent = undefined;
                    var onReply = function(commentId, domId) {
                      if (replybox == null) {
                        // lazily cache replybox, and adjust to suit this style:
                        replybox = document.getElementById('comment-editor');
                        if (replybox != null) {
                          replybox.height = '250px';
                          replybox.style.display = 'block';
                          replyUrlParts = replybox.src.split('#');
                        }
                      }
                      if (replybox && (commentId !== replyParent)) {
                        document.getElementById(domId).insertBefore(replybox, null);
                        replybox.src = replyUrlParts[0]
                        + (commentId ? '&parentID=' + commentId : '')
                        + '#' + replyUrlParts[1];
                        replyParent = commentId;
                      }
                    };
                    var hash = (window.location.hash || '#').substring(1);
                    var startThread, targetComment;
                    if (/^comment-form_/.test(hash)) {
                      startThread = hash.substring('comment-form_'.length);
                    } else if (/^c[0-9]+$/.test(hash)) {
                      targetComment = hash.substring(1);
                    }
                    // Configure commenting API:
                    var configJso = {
                      'maxDepth': config.maxThreadDepth
                    };
                    var provider = {
                      'id': config.postId,
                      'data': items,
                      'loadNext': paginator,
                      'hasMore': hasMore,
                      'getMeta': getMeta,
                      'onReply': onReply,
                      'rendered': true,
                      'initComment': targetComment,
                      'initReplyThread': startThread,
                      'config': configJso,
                      'messages': msgs
                    };
                    var render = function() {
                      if (window.goog && window.goog.comments) {
                        var holder = document.getElementById('comment-holder');
                        window.goog.comments.render(holder, provider);
                      }
                    };
                    // render now, or queue to render when library loads:
                    if (window.goog && window.goog.comments) {
                      render();
                    } else {
                      window.goog = window.goog || {};
                      window.goog.comments = window.goog.comments || {};
                      window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                      window.goog.comments.loadQueue.push(render);
                    }
                  })();
                  // ]]>
                </script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<data:post.commentLabelFull/>
:
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' 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:widget id='HTML17' 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:both'/>

<script style='text/javascript'>
          var postperpage=9;
          var numshowpage=4;
          var upPageWord=" < ";
          var downPageWord=" > ";
          var home_page="/";
          var urlactivepage=location.href;
        </script>
<script type='text/javascript'>
          //<![CDATA[
          eval(function(h,b,j,f,g,i){g=function(a){return(a<b?"":g(parseInt(a/b)))+((a=a%b)>35?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){while(j--){i[g(j)]=f[j]||g(j)}f=[function(a){return i[a]}];g=function(){return"\\w+"};j=1}while(j--){if(f[j]){h=h.replace(new RegExp("\\b"+g(j)+"\\b","g"),f[j])}}return h}('7 L;7 j;7 h;7 v;1A();H 1z(1d){7 6=\'\';M=K(12/2);5(M==12-M){12=M*2+1}C=h-M;5(C<1)C=1;e=K(1d/m)+1;5(e-1==1d/m)e=e-1;D=C+12-1;5(D>e)D=e;6+="<4 9=\'1M\'>1L "+h+\' 1Y \'+e+"</4>";7 17=K(h)-1;5(h>1){5(h==2){5(j=="u"){6+=\'<4 9="1Z"><a b="\'+B+\'">\'+S+\'</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">\'+S+\'</a></4>\'}}c{5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+17+\');x w">\'+S+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+17+\');x w">\'+S+\'</a></4>\'}}}5(C>1){5(j=="u"){6+=\'<4 9="g"><a b="\'+B+\'">1</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">1</a></4>\'}}5(C>2){6+=\' ... \'}1s(7 k=C;k<=D;k++){5(h==k){6+=\'<4 9="24">\'+k+\'</4>\'}c 5(k==1){5(j=="u"){6+=\'<4 9="g"><a b="\'+B+\'">1</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">1</a></4>\'}}c{5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+k+\');x w">\'+k+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+k+\');x w">\'+k+\'</a></4>\'}}}5(D<e-1){6+=\'...\'}5(D<e){5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+e+\');x w">\'+e+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+e+\');x w">\'+e+\'</a></4>\'}}7 16=K(h)+1;5(h<e){5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+16+\');x w">\'+1l+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+16+\');x w">\'+1l+\'</a></4>\'}}6+=\'<1q><a b="1n://1O.1K.1m" 1R="1Q 1S" 1D="1E-1F: 1I; 1G: 1H; 1N: 2d;" 28="27"><1o 26="0" J="1n://2a.2b.1m/1o/2f.2e" 1T="3" 2c="3" /></a></1q>\';7 E=z.1W("E");7 18=z.1V("1U-1X");1s(7 p=0;p<E.Q;p++){E[p].1i=6}5(E&&E.Q>0){6=\'\'}5(18){18.1i=6}}H 1f(X){7 Y=X.Y;7 1C=K(Y.22$21.$t,10);1z(1C)}H 1A(){7 i=o;5(i.f("/r/s/")!=-1){5(i.f("?V-d")!=-1){v=i.I(i.f("/r/s/")+14,i.f("?V-d"))}c{v=i.I(i.f("/r/s/")+14,i.f("?&d"))}}5(i.f("?q=")==-1&&i.f(".6")==-1){5(i.f("/r/s/")==-1){j="u";5(o.f("#G=")!=-1){h=o.I(o.f("#G=")+8,o.Q)}c{h=1}z.1p("<n J=\\""+B+"P/R/U?d-l=1&13=15-Z-n&T=1f\\"><\\/n>")}c{j="s";5(i.f("&d-l=")==-1){m=20}5(o.f("#G=")!=-1){h=o.I(o.f("#G=")+8,o.Q)}c{h=1}z.1p(\'<n J="\'+B+\'P/R/U/-/\'+v+\'?13=15-Z-n&T=1f&d-l=1" ><\\/n>\')}}}H N(F){11=(F-1)*m;L=F;7 W=z.1r(\'1g\')[0];7 A=z.1w(\'n\');A.1t=\'1v/1u\';A.1y("J",B+"P/R/U?1B-1j="+11+"&d-l=1&13=15-Z-n&T=1e");W.1h(A)}H O(F){11=(F-1)*m;L=F;7 W=z.1r(\'1g\')[0];7 A=z.1w(\'n\');A.1t=\'1v/1u\';A.1y("J",B+"P/R/U/-/"+v+"?1B-1j="+11+"&d-l=1&13=15-Z-n&T=1e");W.1h(A)}H 1e(X){1c=X.Y.25[0];7 1x=1c.1k.$t.I(0,19)+1c.1k.$t.I(23,29);7 1a=1P(1x);5(j=="u"){7 1b="/r?V-d="+1a+"&d-l="+m+"#G="+L}c{7 1b="/r/s/"+v+"?V-d="+1a+"&d-l="+m+"#G="+L}1J.b=1b}',62,140,"||||span|if|html|var||class||href|else|max|maksimal|indexOf|showpageNum|nomerhal|thisUrl|jenis|jj|results|postperpage|script|urlactivepage|||search|label||page|lblname1|false|return|onclick|document|newInclude|home_page|mulai|akhir|pageArea|numberpage|PageNo|function|substring|src|parseInt|nopage|nomerkiri|redirectpage|redirectlabel|feeds|length|posts|upPageWord|callback|summary|updated|nBody|root|feed|in||jsonstart|numshowpage|alt||json|nextnomer|prevnomer|blogPager||timestamp|alamat|post|banyakdata|finddatepost|hitungtotaldata|head|appendChild|innerHTML|index|published|downPageWord|com|http|img|write|div|getElementsByTagName|for|type|javascript|text|createElement|timestamp1|setAttribute|loophalaman|halamanblogger|start|totaldata|style|font|size|float|right|7pt|location|blogspot|Page|showpageOf|padding|24work|encodeURIComponent|Blogger|title|Templates|width|blog|getElementById|getElementsByName|pager|of|showpage||totalResults|openSearch||showpagePoint|entry|border|_blank|target||img1|blogblog|height|2px|gif|blank".split("|"),0,{}));
          //]]>
        </script>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML16' 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:widget id='HTML10' 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:widget id='HTML13' 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:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content popular-posts'>
<ul><b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'>
<data:post.title/>
</a>
<b:else/>

<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>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'>
<data:post.title/>
</a>
</div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<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>
</b:if>
</li>
</b:loop>                   </ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML2' 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:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2>
<data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul><b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>       </ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='clear'>
 
</div>
</div>

</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == "error_page"'>
<style>
        .status-msg-wrap, #blog-pager, #sidebar-wrapper, #main-wrapper, #box3{
          display:none;
        }
        #outer-wrapper{
          padding-bottom:5px;
        }
      </style>
<div class='lb-overlay-wrapper'>
<div class='error-404-title'>
Ooops... Error 404        
</div>
<div class='error-404-sub-title'>
We're sorry, but the page you are looking for doesn't exist.        
</div>
<div class='error-404-sub-sub-title'>
You can go to the            
<a href='/'>
Homepage
</a>
</div>
</div>
</b:if>
<div class='clear'/>
</div>

<footer>
<div class='container'>
<div class='footer-widgets'>
<div class='f-widget f-widget-1'>
<b:section class='f-widget-1' id='f-widget-1' showaddelement='yes'/>
</div>
<div class='f-widget f-widget-2'>
<b:section class='f-widget-2' id='f-widget-2' showaddelement='yes'/>
</div>
<div class='f-widget f-widget-3'>
<b:section class='f-widget-3' id='f-widget-3' showaddelement='yes'/>
</div>
<div class='f-widget last'>
<b:section class='f-widget-last' id='f-widget-last' showaddelement='yes'/>
</div>
</div>
</div>
</footer>
<div class='clear'/>
<div id='credit'>

<div class='left'>
Copyright © 2013 - Now ! 
<a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<data:blog.title/>
</a>
</div>
<div class='right'>

<a href='http://www.freeonlineusers.com'>
<script src='http://st2.freeonlineusers.com/on2.php?id=1509480' type='text/javascript'> </script> Online Users</a>
  Powered by<a href='http://www.blogger.com/' target='_blank'>Blogger</a>
</div>

</div>
<script>
//<![CDATA[
bs_makeSticky("HTML2");
function bs_makeSticky(elem) {
    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';
    window.addEventListener('scroll', bs_sticking, false);
    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>
<style>
.bs_sticking {background:#f2f2f2 !important; position:fixed; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);}
</style>

</body>
</HTML>

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.