Kabeloa 4: Template Windows 8 2014

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:article='http://ogp.me/ns/article#' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title>
<data:blog.title/>
</title>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<b:else/>
<title>
<data:blog.pageName/>
|
<data:blog.title/>
</title>
<meta expr:content='data:blog.pageName + " | " + data:blog.title' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='Windows 8 SM Dark Edition, Download Template Blogger Windows 8 SM Free' name='keywords'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='Santa Mars' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow' name='googlebot'/>
<meta content='index, follow' name='Googlebot-Image'/>
<meta content='index, follow' name='alexabot'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<link href='https://plus.google.com/109243396730475169552' rel='author'/>
<link href='https://plus.google.com/109243396730475169552' rel='publisher'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzHxlQyTJsHG9RdzUZk5x990N7OJ_mg4OAgVpJ5ioj9eNm_EFbZjoKBsAR3MTGT38m748okrQo0bcdK4WFTSkIKzFtaafqShJ0CrosNxq9yD_10BCZSz65ZDYGQVfzQPR1A1KhNlCdw/s1600/icon_wi8_santa_mars.png' rel='icon' type='image/x-icon'/>

<b:skin>
<![CDATA[
/* Content----------------------------------------------- */
::-webkit-scrollbar{width:14px;height:12px;background-color:#D9D9D9;border:0}::-webkit-scrollbar-thumb{background-color:#808080;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#505050}::-webkit-scrollbar-thumb:active{background-color:#303030}::-webkit-scrollbar-thumb:disabled{background-color:#D9D9D9}::-webkit-scrollbar-corner{background-color:#f0f0f0}
@keyframes myfirst
{ from{opacity:0;}
to{opacity:1;}}
@-moz-keyframes myfirst{ from{opacity:0;}
to{opacity:1;} }
@-webkit-keyframes myfirst{ from{opacity:0;}
to{opacity:1;} }
.quickedit{display:none}
body {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;font: normal normal 11px 'lucida grande', tahoma, verdana, arial, sans-serif;color: rgb(239,224,175);padding:0; margin:0; overflow-y:scroll; line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;
-moz-background-size:100%; -webkit-background-size:100%; background-size:100%;}
html body .region-inner {min-width: 0;max-width: 100%;width: auto;}
.content-outer {font-size: 100%;}
a:link {text-decoration:none;color: #ffaa00;}
a:visited {text-decoration:none;color:#ffaa00 ;}
a:hover {text-decoration:underline;color: rgb(239, 224, 175);}
.content-outer {margin: 40px auto;}
.content-inner {padding: 0;}
/* Header----------------------------------------------- */
.Header img, .Header #header-inner {-moz-border-radius: 0;-webkit-border-radius: 0;-goog-ms-border-radius: 0;border-radius: 0;}
.header-inner .Header .titlewrapper,.header-inner .Header .descriptionwrapper {padding-left: 30px;padding-right: 30px;}
.Header .description {display:none;}
header{height:20px; margin:0; padding:0;}
.header-outer{color: #ffffff;border-bottom:1px solid #131313; height:30px; min-width:981px; width:100%; z-index:287; left:0; top:0; position:fixed !important}
#header-inner{color:#ffffff; margin:0 0 0 10px; white-space:nowrap; overflow:hidden; background-position:center center}
.Header h1, .Header h1 a{color:white;text-shadow:10px 0px 12px gray;cursor:help;height:31px; line-height:29px; padding:0; vertical-align:top;display:inline-block; font-weight:bold; text-decoration:none}
.header-inner .Header{float:left; margin-left:-6px; z-index:5; width:auto}
.header-inner .Header h1{padding:0pt 8px;font-size:11px;margin:0; height:31px; line-height:29px}
.header-inner .HTML .widget-content a,#header-inner img{line-height:29px; padding:0; vertical-align:top; color:#D8DFEA; display:inline-block; font-weight:bold; text-decoration:none}
.header-inner .Header .description{display:none}
.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper{padding:0}
.header-inner .widget{margin:0; padding:0; float:left}
.header-inner #HTML60{float:left;}
.header-inner #HTML66{float:right}
.header-inner #HTML66,.tabs-inner #HTML2{margin-right:25px;}
/* Carausel----------------------------------------------- */
#jantung-santa{background: rgba(0,0,0,0.3);overflow:hidden;width:100%;height:100%;top:0;left:0;margin:0;padding:0; min-width:900px;position:fixed;z-index:288}
#da-vinci-carousel{margin:auto;top:20%;width:570px; height:384px;position:relative}
#da-vinci-carousel img{padding:8px;margin:4px;background:rgba(0,0,0,0.4);}
#da-vinci-carousel img:hover{border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); opacity:0; } 100% { -moz-transform:rotate(360deg); opacity:1; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); opacity:0;} 100% { -webkit-transform:rotate(360deg); opacity:1; }}
/* Search----------------------------------------------- */
#CustomSearch1{float:right}
.header-inner .HTML .widget-content{margin-right:1px;}
.header-inner .HTML .widget-content a img{border:solid 1px #333333; border-top:solid 1px #131313; height:23px; margin:3px 5px 3px 3px; width:23px}
.header-inner .HTML .widget-content a span.nama-orang{display:inline-block; max-width:175px; overflow:hidden; padding-right:8px; text-overflow:ellipsis; vertical-align:top; white-space:nowrap}
.header-inner .HTML .widget-content a.middle{padding:0 8px;}
.header-inner .HTML .widget-content a, #header-inner img{opacity:0.7; text-decoration:none}
.header-inner .HTML .widget-content a:hover, .header-inner .Header h1, .header-inner .Header h1 a, .CustomSearch form.gsc-search-box:hover, #header-inner img:hover{opacity:3.9; text-decoration:none}
.header-inner .HTML .widget-content a.garis{background:#727272; display:inline-block; padding:0; margin:9px 4px 0 4px; width:1px; height:14px; cursor:default}
.CustomSearch form.gsc-search-box{margin:5px 0 0 10px; position:relative; width:198px; padding:0}
.CustomSearch table.gsc-search-box{background: none; border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; height: 22px; z-index: 100; position: static;}
.CustomSearch table.gsc-search-box td.gsc-input{border-radius:15px;-moz-border-radius:15px;margin: 0; background: white; -webkit-border-radius: 15px; border-top: 1px solid #D9D9D9; height: 20px; padding: 0 0 1px;}
.CustomSearch input.gsc-input{padding-top: 2px; width: 163px; border: 0; margin: 0 22px 0 5px; outline: none; padding: 1px 5px 2px 0;}
.CustomSearch input.gsc-search-button{background-image: url(https://s-static.ak.fbcdn.net/rsrc.php/v2/yK/x/nDEHv4nTejR.png); border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-repeat: no-repeat; background-position: -230px -631px; background-color: white; color: transparent; border: 0; cursor: pointer; display: block; height: 20px; padding: 0; position: absolute; right: 2px; top: 2px; width: 22px;}
/* Tabs----------------------------------------------- */
#navigation,.tabs-outer,.header-outer,#jam-ngisor,.buat-perhatian .dalem-perhatian h2,.custom-comments h4{
background-color:#111;
background-image:-webkit-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-moz-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-ms-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-o-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
-webkit-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7);
-moz-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7);
box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7);}
tabs{height:38px; margin:0; padding:0;}
.tabs-outer{color: #ffffff;border-bottom:1px solid #131313; height:30px; min-width:981px; width:100%; z-index:298; left:0; bottom:0px; position:fixed !important}
#crosscol{margin:0pt 10px}
.tabs-inner #HTML2{float:right}
#tabs-inner{color:#ffffff; padding-top:6px; margin:0 0 0 10px; white-space:nowrap; overflow:hidden; background-position:center center}
.tabs-inner .HTML .widget-content a,#tabs-inner img{height:30px; line-height:29px; padding:0; vertical-align:top; color:#D8DFEA; display:inline-block; font-weight:bold; text-decoration:none}
.tabs-inner .widget{margin:0; padding:0; float:left}
.tabs-inner .HTML .widget-content{margin-right:1px;}
.tabs-inner .HTML .widget-content a img, #blog-pager a img{border:solid 1px #333333; border-top:solid 1px #131313; height:23px; margin:3px 5px 3px 3px; width:23px}
.tabs-inner .HTML .widget-content a span.nama-orang{display:inline-block; max-width:175px; overflow:hidden; padding-right:8px; text-overflow:ellipsis; vertical-align:top; white-space:nowrap}
.tabs-inner .HTML .widget-content a.middle{padding:0 8px;}
.tabs-inner .HTML .widget-content a.drop-down{background-image:url(http://www.cse.unl.edu/ucomm/templatedependents/templatecss/images/upArrow.gif); height:18px; width:18px;margin-top:6px;}
.tabs-inner .HTML .widget-content a, #tabs-inner img{color:yellow;opacity:0.7; text-decoration:none}
.tabs-inner .HTML .widget-content a:hover{opacity:3.9; text-decoration:none}
.tabs-inner .HTML .widget-content a.garis{background:#727272; display:inline-block; padding:0; margin:9px 4px 0 4px; width:1px; height:14px; cursor:default}
/* Headings----------------------------------------------- */
h2 {text-transform: none;color: #ffffff;margin: 0;}
/* Footer
----------------------------------------------- */
.footer-outer {
color:#cccccc;
}
.footer-inner {
padding: 10px 0 20px;
}
.footer-outer a {
color: #ff9900;
}
.footer-outer a:visited {
color: #dd7700;
}
.footer-outer a:hover {
color: #ffaa00;
}
.footer-outer .widget h2 {
color: #ffffff;
}
/* Comments ----------------------------------------------- */
.custom-comments{display:none;position:fixed;top:0px;right:51px;width:600px;height:100%;z-index:500;padding:50px 20px;overflow:scroll;background:#2f2f2f;border:2px solid #666;color:white;}
#comments .avatar-comment-indent .comment-author{background-color:darkred; color:#CCA; padding:2px 0 2px 45px; -moz-border-radius:5px; border-radius:5px; text-align:left}
#comments .avatar-comment-indent .blog-author{background-color:#5E8D6E}
#comments .avatar-comment-indent .comment-author a{color:#eee}
#comments .avatar-comment-indent .comment-author a:visited{color:#ccc}
#comments .avatar-comment-indent .comment-author a:hover{color:#ffa}
#comments .avatar-image-container img{margin:-2px 0 0 -2px; border:0}
.custom-comments h4{font-size:16px}
.comments p.comment-footer a{font-size:12px}
.comment-footer{text-align:right; font-size:10px;border-bottom:1px dashed gray;}
.comment-footer a{color:#8A8A8A}
.comment-form{max-width:600px;}
.comment-body{text-align:left; max-height:300px; overflow-y:auto; word-wrap:break-word;background:#444;border:1px solid #555;padding:5px 10px 7px;}
.custom-comments h4{position:fixed;width:550px;top:0px;right:85px;margin:0; color:white; padding:4px 20px 3px; -moz-border-radius:3px; border-radius:3px;border-bottom:1px solid black;z-index:601}
.comment-permalink.pull-right{color:gray}
.clearfix:after {content:"";display:table;clear:both;}
.clearfix {*zoom:1}
.pull-left {display:block;float:left;}
.pull-right {display:block;float:right;}
/* links */
.custom-comments a,
.custom-comments a:visited {color:#5687B8;text-decoration:none;}
.custom-comments a:hover {text-decoration:underline}
/* comment item */
.custom-comments .comment-item {margin:0 0 1em;padding:5px 10px;border:1px solid #3c3c3c;background-color:#333;box-shadow:0 1px 2px black;-webkit-box-shadow:0 1px 2px black;-moz-box-shadow:0 1px 2px black;-o-box-shadow:0 1px 2px black;position:relative;}
/* comment header */
.custom-comments .comment-header {overflow:hidden;margin:0 0 1em 0;}
/* avatar area */
.custom-comments .avatar-box {height:65px;width:65px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy0uxEWiwyZCYm88O4Fnc9AOR4-ALD0SKgtdavMo3KgPekunRqRdP7n8MMCrwnKrByOWvywq1u1mP-zOGjnra3rBl8UCpyBNXkzIYKe8h33dXkdIylvHMkigxPqSTjntsRMV4oJyfcswI/s1600/background-sm-avatar.png) no-repeat;}
/* avatar */
.custom-comments .avatar-image-container,.custom-comments .avatar-image-container a,.custom-comments .avatar-image-container img {border:none;padding:0 0;margin:0 0;float:none;display:block;width:50px;height:50px;max-width:none;max-height:none;}
.custom-comments .avatar-image-container img {border:1px solid #ddd;padding:4px;background-color:#fafafa;}
/* comment body */
.custom-comments .comment-body {margin:0 0 2em 75px}
/* comment reply */
.custom-comments .comment-reply {position:relative;margin:40px 0px 1em 40px;padding:5px 10px;border:1px solid #3c3c3c;background-color:#333;box-shadow:0 1px 2px black;-webkit-box-shadow:0 1px 2px black;-moz-box-shadow:0 1px 2px black;-o-box-shadow:0 1px 2px black;}
.custom-comments .comment-reply:after {content:"";display:block;width:0;height:0;position:absolute;top:0;left:0;border:10px solid transparent;border-color:green #333 #333 green;}
.custom-comments .comment-reply .user {margin-left:15px}
.custom-comments .comment-reply .avatar-image-container img {border-color:#EAE5C4;background-color:#F5F0D3;}
/* comment item footer */
.custom-comments .comment-bottom-line {display:block;clear:both;margin:1em 0 .5em 75px;text-align:right;}
/* comment buttons */
.custom-comments .comment-bottom-line a,.custom-comments .cancel-reply-btn {border:1px solid #ddd;outline:none;padding:2px .7em 3px .5em;margin:0 0 0 4px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-decoration:none;color:white;}
.custom-comments .comment-reply .comment-bottom-line a,
.custom-comments .cancel-reply-btn {border-color:#EAE5C4}
.custom-comments .comment-bottom-line a:before {content:attr(data-icon) " "}
.custom-comments .comment-bottom-line .reply-btn:before {color:#3DB537}
.custom-comments .comment-bottom-line .delete-btn:before {color:#B42A21}
.custom-comments .comment-bottom-line a:hover,
.custom-comments .cancel-reply-btn:hover {border-color:#555;text-decoration:none;}
.custom-comments .comment-bottom-line a:active,
.custom-comments .comment-bottom-line a:focus,
.custom-comments .cancel-reply-btn:active,
.custom-comments .cancel-reply-btn:focus {border-color:#999}
.custom-comments .cancel-reply-btn {padding:3px 1em 4px}
/* comment form */
.custom-comments .custom-comment-form {margin:1em 0 5em;clear:both;}
.custom-comments .comment-item .custom-comment-form {border:1px solid #3c3c3c;background-color:#333;box-shadow:0 1px 2px black;-webkit-box-shadow:0 1px 2px black;-moz-box-shadow:0 1px 2px black;-o-box-shadow:0 1px 2px black;padding:1em .2em 2em 1.5em;margin-left:75px;}
.custom-comments #comment-editor {max-width:none;width:100%;height:250px;border:none;background:none;}
.custom-comments .custom-comment-form .cancel-reply-btn {display:none}
.custom-comments .comment-item .custom-comment-form .cancel-reply-btn {display:inline}
.custom-comments .comment-item .custom-comment-form h4 {display:none}
/* loading animation */
.custom-comments .custom-comment-editor-wrapper {background:transparent url('data:image/gif;base64,R0lGODlhEgAEAKEAAH9/fwAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJDwACACwAAAAAEgAEAAACB5SPqcvtrwoAIfkECQ8AAgAsAAAAAAQABAAAAgSEjwkFACH5BAkPAAIALAAAAAALAAQAAAIMjCMJC4fKXBKsnVkLACH5BAkPAAIALAAAAAASAAQAAAIRjCN5mOCwkojt0Xnkg1l1sRUAIfkECQ8AAgAsAAAAABIABAAAAhGEIRkbKRwOUsxBaStdeDdfAAAh+QQJDwACACwHAAAACwAEAAACDIQhGRuHylwSrJ1ZCwAh+QQFDwACACwOAAAABAAEAAACBISPCQUAOw==') no-repeat 50% 50%}
/* deleted comment */
.custom-comments .deleted-comment {font-style:italic;color:#aaa;}
/* comments paging control */
.custom-comments .paging-control-container{font-size:100%;display:block;float:none;width:auto;clear:both;border:1px solid #eee;padding:.5em 1em;overflow:hidden;}
/* Author Comments Style: Do whatever you want with this! */
.author-comment > .comment-item {}
.author-comment > .comment-reply {}
/* Hiding
----------------------------------------------- */
.post-header,.blog-feeds,.Profile h2, .Attribution, .Feed h2, .HTML h2.title, .navbar,
.CustomSearch h2.title, .CustomSearch table.gsc-branding,
.header-inner .Header .descriptionwrapper, .Profile .profile-link{display:none}
/*-- START PANEL SLIDE START--*/
#navigation{text-align:center;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-family:Broadway;font-size:16px;font-weight:bold;width:auto;z-index:4;}#navigation a{cursor:default;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;background:rgba(80,80,80,0.4);text-decoration:none;color:#BCCFEF;display:inline-block;padding:2px 15px;position:absolute;right:10px;font:normal normal 14px/12px Verdana,Arial,Sans-Serif;border:1px solid gray; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; -webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}#navigation a:hover{background-color:#DA4D4B; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}.sledsanta{cursor:move;opacity:0;top:0px;min-width:500px;width:auto;position:fixed;margin-left:-102%;z-index:1111;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.sledsanta:target{opacity:1;margin-left:14.5em;top:100px;}
#mta_bar{top:0px;position:fixed;z-index:500;width:50px;right:0;height:100%;
box-shadow:inset 0 1px 10px black;-moz-box-shadow:inset 0 1px 10px black;-webkit-box-shadow:inset 0 1px 10px black;-o-box-shadow:inset 0 1px 10px black;opacity:0.5;-webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;
background-color:#111;
background-image:-webkit-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-moz-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-ms-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-o-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6))
}
#mta_bar:hover{opacity:1;}
#mta_bar .bar_logo img{margin-top:20px;}#mta_bar .bar_logo a{text-decoration:none;color:white;padding-left:10px}
.menu{padding-left:5px;padding-right:5px;}
.menu:hover,#klik-bawah,.radiocoy{background-image:-webkit-linear-gradient(top,rgba(2,37,58,0.5),rgba(63,111,135,0.5));background-image:-moz-linear-gradient(top,rgba(2,37,58,0.5),rgba(63,111,135,0.5));border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:inset 0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px lightblue;-webkit-box-shadow:inset 0px 2px 12px lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;}.star{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}.star:hover,.star:focus,.star:active{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-shadow:0px 2px 8px 0px #fff;-moz-box-shadow:0px 2px 8px 0px #fff;-webkit-box-shadow:0px 2px 8px 0px #fff;opacity:3.9;}.START:hover{-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;box-shadow:0px 2px 8px 0px lightblue;opacity:0.7;}.post-outer img{opacity:0.7;}.post-outer img:hover{opacity:3.9;}
.santa-mars{background:rgba(0,0,0,0.7);box-shadow:inset 0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px lightblue;-webkit-box-shadow:inset 0px 2px 12px lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;border-radius:0pt 0px 10px 10px;-moz-border-radius:0pt 0px 10px 10px;-webkit-border-radius:0pt 0px 10px 10px;-o-border-radius:0pt 0px 10px 10px;padding-bottom:30px;}
.content{padding-bottom:25px;}
.fb_iframe_widget iframe{position:relative}
html body .list-archive2{-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;-goog-ms-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;display:inline-block; padding:3px 5px 0;text-decoration:none}
html body .list-archive2-pasip{background-image:rgba(0,0,0,0.5);border:1px solid #333333;border-bottom:none;cursor:pointer;color:#999999}
html body .list-archive2-pasip:hover{background-color:rgba(0,0,0,0.5);border-color:#999999;border-bottom:none;color:#cccccc}
html body .list-archive2-aktip{background-color:rgba(0,0,0,0.5);border:1px outset #999999;border-bottom:none;cursor:default;color:yellow}
.post-comment-link a.comment-link, strong.tombol, .tombol, a.tombol, a.tombol:visited, .post-header-line-line a.tombol-fb, a.tbl-hjr, p.comment-footer a, p.comment-footer a:visited{text-indent:0px; color:black; padding:0 5px; display:inline-block; border:1px solid black; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;margin:1px; text-decoration:none; cursor:pointer; background-color:#FFFFEE; background-image:url(http://www.deltechcorp.com/deltech02/brazil10/picts/menu.gif)}
.post-comment-link a.comment-link:hover, .tombol:hover, p.comment-footer a:hover, a.tombol:hover{color:darkred; text-decoration:none; border:1px solid green}
#blog-pager-newer-link{z-index:299;position:fixed;bottom:0px;left:20px;}#blog-pager-older-link{z-index:299;position:fixed;bottom:0px;left:50px;}#blog-pager{overflow:hidden;}
#Stats1{margin-top:-2px;}
#BlogArchive1{margin-top:-10px;}
/*-- Other Css--*/
ul.menunyoba,ul.menunyoba li,ul.menunyoba ul{list-style:none;margin:0;padding:0;}ul.menunyoba{position:relative;display:inline-block;}ul.menunyoba li{float:left;min-height:1px;line-height:1.3em;vertical-align:middle;}ul.menunyoba li:hover{position:relative;cursor:default;text-shadow:4px 0px 12px lightblue;}ul.menunyoba ul{visibility:hidden;position:absolute;top:100%;left:-100px;width:150px;background-color:#222;padding:0pt 5px;border:1px solid black;border-radius:0px 5px 5px 5px;opacity:0;}ul.menunyoba ul li{float:none;}ul.menunyoba ul ul{top:1px;left:99%;}ul.menunyoba li:hover>ul{visibility:visible;-webkit-transition:all 0.5s ease-out 0.2s;-moz-transition:all 0.5s ease-out 0.2s;-ms-transition:all 0.5s ease-out 0.2s;-o-transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;left:0;opacity:1}
#preview{position:absolute;box-shadow:0 4px 4px rgba(0,0,0,0.6);-moz-box-shadow:0 4px 4px rgba(0,0,0,0.6);-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.6);-o-box-shadow:0 4px 4px rgba(0,0,0,0.6);background:rgba(0,0,0,0.6);padding:5px;z-index:330;color:#fff;}.radiocoy{color:yellow;display:none;position:fixed;z-index:299;width:200px;bottom:3px;left:210px;padding:0pt 10px;line-height:29px;overflow:hidden;height:30px;}.redirect{position:fixed;bottom:0px;right:350px;width:90px;height:33px;padding:0pt 10px;z-index:300;}.iconup{z-index:299;position:fixed;bottom:3px;right:350px;min-width:90px;padding:0pt 10px;}.buat-perhatian{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#333;}.buat-perhatian a{color:#3b5998}.buat-perhatian .per-bawah{width:250px;margin:auto;position:fixed;bottom:22px;left:110px;z-index:600}.buat-perhatian .dalem-perhatian h2{text-transform:none;color:white;font-size:14px;font-weight:bold;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;border-color:black;border-width:1px 1px 0;border-style:solid;margin:0;padding:5px 10px;}.buat-perhatian .dalem-perhatian .text-perhatian{border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;color:#333;padding:10px;background-color:rgba(255,255,255,0.9);border:1px solid black;}.buat-perhatian .dalem-perhatian .bawah-pool{background-color:rgba(255,255,255,0.8);padding:8px 10px;margin-left:10px;margin-top:-2px;border:1px solid black;border-top:none;border-radius:0pt 0pt 100% 0pt;-moz-border-radius:0pt 0pt 100% 0pt;-wekit-border-radius:0pt 0pt 100% 0pt;position:relative;text-align:right;display:inline-block;}
#Stats1_content{text-align:center}#klik-bawah{position:fixed;z-index:299;width:200px;bottom:3px;left:210px;padding:0pt 10px;line-height:29px;overflow:hidden;height:30px;}#klik-bawah a{color:#D8DFEA;text-decoration:none}#klik-bawah-data{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86MRnaVFl4zonIlxmWHMfN4D1Pee0bUhULiZednIofZ5F6LTJaOTNKlxmTWqXJvL4CRmQD0mCk07zmG0sEc0eZcwAQHlGMgOXZ1-wU2sYnHxRrziKEwlXjFXj_3NbQn9882dLvig3AHI/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px transparent; padding:2pt 2pt 2pt 24px;cursor:pointer;}#sukacoy{position:fixed;bottom:0px;right:450px;width:91px;height:33px;padding:0pt 10px;z-index:300;}#likebarucoy{z-index:299;position:fixed;bottom:5px;right:450px;min-width:92px;padding:0pt 10px;}#jam-ngisor{text-decoration:none;z-index:302;position:fixed;bottom:38px;right:55px;border-radius:4px;box-shadow:inset 0 1px 10px black;}.baru-baru{height:31px;width:29px;float:left;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju4Ykbj1z-tIH1hsPq0XZSQxLaB5iP39Y0dwf4bbeq_sHzhZMXbs9PpZ2G7WG2evDlBjuA2kG53RC1B5_ehYzgqquvNUYCy5LVPoDbKYj0Ddh2hJ3cMYIS_KuNYPFA78rOEn9q_s8Qis0/s1600/pemberitahuan.png);background-position:2px -1px;background-repeat:no-repeat;}.baru-satu{font-size:9px;border-radius:2px;margin-left:-12px;margin-right:12px;background:red;color:white;padding:2px;float:left;}
/* Main----------------------------------------------- */
.main-outer {background: transparent none repeat scroll top center;-moz-border-radius: 0 0 0 0;-webkit-border-radius: 0 0 0 0;-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;-goog-ms-border-radius: 0 0 0 0;border-radius: 0 0 0 0;-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15);-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15);-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15);box-shadow: 0 0 0 rgba(0, 0, 0, .15);}
.main-inner {
padding: 0 0 20px;
}
.main-inner .section{margin:0}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner{padding:0; margin:0}
.main-inner .column-center-inner .section{margin:-27px 15px 0}
/* Posts
----------------------------------------------- */
h3.post-title {
margin: 0;
font-size: 16px;
font-family:Broadway;
font-weight:normal;
line-height:19px;
}
.date-header {
text-align:right;
}
.date-header span {
color: lightyellow;
font-size:80%;
}
.post-outer {
background-color: transparent;
border: solid 1px transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-goog-ms-border-radius: 0;
padding: 5px;
margin: 0 0 10px;
}
.post-body {background-color: rgba(0,0,0,0.4);line-height: 1.4;font-size: 110%;position: relative;overflow:hidden;padding: 10px;width: auto;box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;}
.post-header {margin: 0 0 1.5em;color: #999999;line-height: 1.6;}
.post-footer {margin: .5em 0 0;color: #999999;line-height: 1.6;}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
/* CLASSES
----------------------------------------------- */
.transparent, .transparent7, .CustomSearch form.gsc-search-box, #fblike-profile{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.transparent8, .transparent9{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}
.bg-fit{-moz-background-size:100%; -webkit-background-size:100%; -goog-ms-background-size:100%; background-size:100%;}
.shadow, #gbr-pesbuk2{-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -goog-ms-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); box-shadow: 1px 1px 5px rgba(0, 0, 0, .5)}
.shadow-header{-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .52); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .52); box-shadow: 0 0 2px rgba(0, 0, 0, .52)}
.textshadow-header, h3.post-title{text-shadow: -1px -1px 1px rgba(0, 0, 0, .2)}
.rocksalt, .grande h3{font-family:Rock Salt, Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size:14px;}
.grande, .post-body input, .post-body textarea, .post-body select{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px;}
.schoolbell{font-family:Schoolbell,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif; font-size:13px}
.indie, h2{font-weight:normal;font-family:Indie Flower,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif}
.round3, .header-inner .HTML .widget-content a img, .post-body select, .post-body input, .post-body textarea, .profile-datablock, .Feed,.post-body{-moz-border-radius:3px; -webkit-border-radius:3px; -goog-ms-border-radius:3px; border-radius:3px}
.round7, #HTML3, .BlogArchive, .BlogList, #Stats1, .PopularPosts, .bunkus-coy .fb_ltr, .Followers,.post-outer{-moz-border-radius:7px; -webkit-border-radius:7px; -goog-ms-border-radius:7px; border-radius:7px}
.round-sabit{-moz-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -webkit-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -goog-ms-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; border-radius: 0px 100px 0px 0px / 0px 30px 0px 0px}
.black25, #huwashir, #parahu, .BlogArchive, .BlogList, .PopularPosts, #Stats1,.bunkus-coy .fb_ltr, .Followers, .profile-datablock, .Feed{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.35)}
.black50,.post-outer{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.5)}
.black70{background-color:rgba(0,0,0,0.7)}
.white50{background-color:rgba(255,255,255,0.5)}
.white80{background-color:rgba(255,255,255,0.7)}
.red25{background-color:rgba(255,100,100,0.25)}
.gambar-blogger{background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/y3/r/YPFeM0EXezc.png) no-repeat scroll -170px -91px; height:16px; width:16px; display:inline-block; vertical-align:middle}
.tbl-google{color:white; font-size:11px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; cursor:pointer}
.tbl-google i.left, .tbl-google i.right, .tbl-google b.center{background-image:url(http://www.google.com/friendconnect/scs/images/gfc_button_v2.gif); background-repeat:no-repeat; display:inline-block; width:22px; height:22px; margin:0; padding:0; vertical-align:middle}
.tbl-google i.left{background-position:top left}
.tbl-google i.right{background-position:0 -44px}
.tbl-google b.center{background-repeat:repeat-x; background-position:0 -22px; width:auto; height:16px; padding:3px}
.post-body pre,#custom-comments pre,#comments-area pre{white-space:pre-wrap;word-wrap:break-word;padding:10px;cursor:text;border-left:5px solid green;text-align:left;overflow:auto}.post-body pre,#custom-comments pre,#comments-area pre{font-family:verdana,arial,sans-serif;color:white;background:#333;}.post-body img{max-width:100%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.post-body select,.post-body input,.post-body textarea{cursor:pointer;padding:2px;border:1px solid transparent;background-color:#3c464a;color:#efe0af}.post-body input,.post-body textarea{border:1px solid #c3d3fd;background-color:#f6f7ef;color:#3c464a}.post-body select:focus,.post-body input:focus,.post-body textarea:focus{border:1px solid #e2c822;background-color:#fff9d7;color:#333}.post-body input:focus,.post-body textarea:focus{cursor:text}.post-body p{text-align:left;font-size:12px}.post-body center p{text-align:center}.post-body .fl{font-size:150%;line-height:1;color:#f0f;text-shadow:-1px -1px 1px rgba(0,0,0,.2);font-family:Dancing Script,verdana}.post-body q{color:#e9a360}.post-body i,#custom-comments i{color:#70a3e9}.post-body b,#custom-comments b{color:#0f999b;}.post-body u,#custom-comments u{color:rgb(180,180,10);}.post-body strong{color:#c3d3c3}.post-body strike,.post-body del{color:#579365}.post-body code{color:#8C8}.post-timestamp{margin-left:0}.post-feeds,#blog1_backlinks-container h4{display:none}
#credit-ngisor{z-index:10;position:fixed;top:50px;width:100%;}
.welkiri { cursor:pointer;width:200px; float:left; font-size:30px; font-family:Century Gothic,Helvetica,Arial; color:#fff; margin-left:50px;}
.welkanan {box-shadow:0 0 2px #fff;float:right; font-family:Century Gothic,Helvetica,Arial;margin-right:55px;}
.welteks {float:left; color:#fff;}
.welteks1 { text-align:right; font-size:20px; font-weight:bold;transition:.5s linear;-moz-transition:all .5s;-webkit-transition:.5s linear}.welteks2 {cursor:pointer;font-size:14px; text-align:right; margin-top:5px;}.welteks2:hover{color:tomato}.welfoto { float:right;padding:4px; width:40px; height:40px; }
/* ---------------------------------Blocks----------------------------------------------- */
.catatan,#custom-comments catatan{display:block;text-align:left;background-color:#FFFAC1;font:italic normal 14px Georgia,Serif;color:#222;position:relative;margin:10px 7% 1.7em 7%;padding:20px 30px;text-shadow:none;}
.catatan:before,#custom-comments catatan:before{content:"";width:100%;height:4px;background-color:#4b8db5;background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);position:absolute;top:0;left:0;}
/* ---------------------------------Tampilan----------------------------------------------- */
#styleSwitcher {border:none;margin:0 0;padding:0 0;width:98%;text-align:left;font:normal 11px Tahoma,Arial,Sans-Serif;border-collapse:collapse;background-color:rgba(0,0,0,0.35);box-shadow:0px 2px 8px 0px lightblue;border-radius:6px;}
#styleSwitcher th,
#styleSwitcher td {vertical-align:middle;border:none !important;padding:2px 10px;}
#styleSwitcher select,
#styleSwitcher input[type="text"] {width:130px;border:1px solid #bbb;background-color:#333;padding:2px;font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;color:#999;display:block;margin:0 0 0;height:24px;}
#styleSwitcher select option {color:white;padding:5px 10px;cursor:pointer;}
#styleSwitcher button {font:normal 11px Tahoma,Arial,Sans-Serif;padding:3px 5px;cursor:pointer;}
#styleSwitcher #bgColorer {overflow:hidden;text-align:center;}
#styleSwitcher #bgColorer span {display:inline-block;width:20px;height:20px;border:1px solid black;margin:0 5px 0 0;cursor:pointer;}
#styleSwitcher input[type="text"] {width:118px !important;padding:4px !important;height:auto !important;}
/* ------------------------------------Buttons-------------------------------------------- */
.right-buttons {position:relative;top:-1px;right:10px;font:0/0 a;text-shadow:none;}
.right-buttons a {display:block;float:left;margin:0 0 0 -1px;width:26px;height:16px;border:1px solid gray;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);text-decoration:none;position:relative;cursor:default;-webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}
.right-buttons a:after {content:"";display:block;position:absolute;}
.right-buttons .minimize-btn {-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px;}
.right-buttons .minimize-btn:after {right:7px;bottom:4px;left:7px;height:3px;background-color:#BCCFEF;border:1px solid #233656;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.right-buttons .maximize-btn:after {top:4px;right:8px;bottom:4px;left:8px;border:2px solid #BCCFEF;-webkit-box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;-moz-box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.right-buttons .close-btn {-webkit-border-radius:0 0 3px 0;-moz-border-radius:0 0 3px 0;border-radius:0 0 3px 0;}
.right-buttons .close-btn {width:42px;}
.right-buttons .close-btn:after {content:"x";font:normal normal 14px/13px Verdana,Arial,Sans-Serif;color:#BCCFEF;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;top:0;right:0;bottom:0;left:0;text-align:center;}
.right-buttons .bottom-btn:after {content:"v";font:normal normal 14px/13px Verdana,Arial,Sans-Serif;color:#BCCFEF;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;top:0;right:0;bottom:0;left:0;text-align:center;}
.right-buttons .top-btn:after {content:"^";font:normal normal 14px/19px Verdana,Arial,Sans-Serif;color:#BCCFEF;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;top:0;right:0;bottom:0;left:0;text-align:center;}
.right-buttons a:hover {background-color:#8BAEE4;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}
.right-buttons a.close-btn:hover {background-color:#DA4D4B;}
.right-buttons a.maximize-btn:hover {background-color:green;}
.right-buttons a.minimize-btn:hover {background-color:yellow;}
.right-buttons .minimize-btn:hover:after {background-color:white}
.right-buttons .maximize-btn:hover:after {border-color:white}
.right-buttons .close-btn:hover:after {color:white}
/* --------------------------------Widgets----------------------------------------------- */
.widget .zippy{text-shadow:2px 2px 1px rgba(0, 0, 0, .1)}
.widget .popular-posts ul, .Profile ul, .Feed ul{list-style:none}
.widget-content ul{padding:0}
.li-arsip, .PopularPosts .widget-content ul li, .BlogArchive #ArchiveList ul.posts li, .Profile ul li, .Feed ul li{padding:0; margin:0; width:auto}
.PopularPosts .widget-content ul li a, .item-title a, a.list-archive, a.team-blog-profile, ul.posts li a, .Profile ul li a{
display:block; padding:2px 7px; border:1px outset lightblue;
text-indent:0px;
-moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;
color:#EFE0AF; margin-bottom:1px;
}
a.red25, .Profile ul li a{background-image:none}
a.black25{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86MRnaVFl4zonIlxmWHMfN4D1Pee0bUhULiZednIofZ5F6LTJaOTNKlxmTWqXJvL4CRmQD0mCk07zmG0sEc0eZcwAQHlGMgOXZ1-wU2sYnHxRrziKEwlXjFXj_3NbQn9882dLvig3AHI/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px rgba(0,0,0,0.35); padding:2pt 2pt 2pt 24px;}
ul.posts li a.red25,ul.posts li a.red25:visited{background-color:rgba(0,0,0,0.6)}
a.red25, .Profile ul li a{color:#E3E3E3}
.PopularPosts .widget-content ul li a:visited, .item-title a:visited, a.list-archive:visited, a.team-blog-profile:visited,
ul.posts li a:visited{
background-color:#4C565A; border:1px solid transparent; color:#CCCCCC;
}
.PopularPosts .widget-content ul li a:hover, .PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, .item-title a:hover, a.list-archive:hover, a.list-archive:active,
a.list-archive:focus, a.team-blog-profile:active, a.team-blog-profile:focus,
ul.posts li a:hover, ul.posts li a:active, ul.posts li a:focus{
color:yellow; text-decoration:none; background-color:rgba(180,0,0,0.9);
}
.PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, a.list-archive:active, a.list-archive:focus, a.team-blog-profile:active,
a.team-blog-profile:focus, ul.posts li a:active, ul.posts li a:focus{
border:1px solid transparent;
}
.widget{margin:0 0 20px 0}
.Profile img.profile-img, #fb-profile-pic img{height:auto; width:100%; display:block; float:none}
.Profile{margin-bottom:0; padding-bottom:0}
#ArchiveList .collapsed ul{display:block;}
#polower{padding-top:6px; margin-top:-6px}
.BlogArchive, .BlogList, .PopularPosts, .Followers{padding:5px; color:#E3E3E3}
.BlogArchive h2, .BlogList h2, .Blog h3.entry-title, .Followers h2.title{text-align:center; color:#E3E3E3}
.PopularPosts h2{display:none}
.Feed .item-title a{float:left; margin-bottom:0; -moz-border-radius:0 3px 7px 3px; -webkit-border-radius:0 3px 7px 3px;border-radius:0 3px 7px 3px}
.Feed .item-author{display:block; margin-bottom:5px; text-align:right; clear:left; font-size:10px}
a.tombol-download, a.tombol-download:visited{
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
padding:2px 4px 2px 22px; margin:1px 3px 1px 1px;
background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaVAYIy9RWHO4QBVobr_h1-LVAXoYO30kq8S_W9zQJOQEfgEJXxArxW9IhqI5xDIDPUdFWUtBnjr0s7X_ppYy98vDGdqsBIGskOV8YqvWozdG96CegnijpLUk3blLCBwNXww3Z3oKKXQ/s320/arrow-down-icon-SM.png) no-repeat scroll 0px 0px;
color:#3b5998; border:1px solid #cad4e7; font-size:11px;
line-height:14px; vertical-align:middle; text-indent:0px;
display:inline-block; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
text-decoration:none; cursor:pointer; }
a.tombol-download{background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaVAYIy9RWHO4QBVobr_h1-LVAXoYO30kq8S_W9zQJOQEfgEJXxArxW9IhqI5xDIDPUdFWUtBnjr0s7X_ppYy98vDGdqsBIGskOV8YqvWozdG96CegnijpLUk3blLCBwNXww3Z3oKKXQ/s320/arrow-down-icon-SM.png) no-repeat scroll 2px 1px;}
a.tombol-download:focus{ background-color:rgb(50,50,50); border-color:rgb(40,40,40); color:white;text-decoration:none;}
.Followers h2.title,#Stats1 h2{display:none;}
/*-- Start Menu Baru--*/
#jantung-windows{display:none;overflow:hidden;width:100%;height:100%;top:0;left:0;margin:0;padding:0; min-width:900px;position:fixed;z-index:301;
background-color:#222;
background-image:-webkit-radial-gradient(50% 50%,#333,#111);
background-image:-moz-radial-gradient(50% 50%,#333,#111);
background-image:-ms-radial-gradient(50% 50%,#333,#111);
background-image:-o-radial-gradient(50% 50%,#333,#111);
background-image:radial-gradient(50% 50%,#333,#111);
}
#start-dalam{position:relative;top:35%;width:100%;height:100%}
#daftar-isi-body{width:900px; height:600px!important; margin-top:60px; margin:0 auto} #daftar-isi-wrap{ margin:0 auto} .box-posting{ background-image:transparent; background-position:bottom center; background-repeat:no-repeat; overflow:hidden; cursor:pointer; float:left; height:140px; width:290px; margin:-80px 0 0 0} .box-posting img{ height:30px; width:30px; float:left; margin:20px 0 0 25px; border:1px solid #E1E4E6} .box-posting .judul-posting{ float:left; height:35px; margin:0; width:280px} .box-posting .judul-posting a{color:rgba(255,255,255,.5);margin:-30px 0 0 70px; display:block; font-size:13px !important; line-height:18px!important; font-weight:bold !important} .box-posting .judul-posting a:hover{text-decoration:none;color:white!important} .box-posting:hover{ border-left-color:#C6EB04} #totales{ text-align:center; color:#fff !important; text-shadow:0 1px rgba(0,0,0,0.2)} #loadingscript{ color:#fff; font-family:Century Gothic; font-size:50px;text-align:center; text-shadow:-5px 0 1px #444} #paginacion{ color:#fff; font-size:24px; font-weight:bold; height:35px; line-height:28px; padding:0; margin:0 auto; text-align:center} #paginacion span,#paginacion a{ background:#fff; display:inline-block; font-size:13px !important; line-height:24px; font-weight:bold; margin:0 1px; width:25px; height:25px}#paginacion a,#paginacion span.actual{ background:#fff; background-position:top center; background-repeat:no-repeat; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1)} #paginacion span.actual{background:gray;color:black} #paginacion a:hover{ background:gray;text-decoration:none;} #paginacion .nextprev-link, #paginacion span.nextprev-link{ border:none; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1); width:100px; background:#fffff}
#loadhalaman1 {position:fixed;bottom:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
#loadhalaman2 {position:fixed;top:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}
]]>
</b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
body{
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUeoiaPg7S5X4FNkNFTHi_yiX4sJhcS05CTUG-wmZW2XKE3QolwcxnHXchOrATFoHPyPkOciuDekn7P9Cuoou84AC-4Al0IOitRGbxzZhpexZwD9LsV9crAqxcndA6WAKuYzjPoyTXjE/s500/Dark_Dragons_Wallpapers_52+%28darkwallz.blogspot.com%29.jpg) repeat-x fixed top center;
-moz-background-size:100%;
-webkit-background-size:100%;
background-size:100%;
}
.post-home-thumbnail{
transform: rotate(350deg);
-moz-transform:rotate(350deg);
-webkit-transform: rotate(350deg);
-o-transform: rotate(350deg);
margin-right:10px;
float:left;
}
.rmlink,.readmore{
margin-top:20px;
float:right;
}
.header-outer,.main-outer,.round3.black50.post-header-line-line,.date-header{
display:none}
.main-inner .column-center-inner .section{
margin:0px 15px 0}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#jantung-santa{
display:none;
}
body,#jantung-santa{
background-color:#222;
background-image:-webkit-radial-gradient(50% 50%,#333,#111);
background-image:-moz-radial-gradient(50% 50%,#333,#111);
background-image:-ms-radial-gradient(50% 50%,#333,#111);
background-image:-o-radial-gradient(50% 50%,#333,#111);
background-image:radial-gradient(50% 50%,#333,#111);
}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#jantung-santa{
display:none;
}
body,#jantung-santa{
background-color:#222;
background-image:-webkit-radial-gradient(50% 50%,#333,#111);
background-image:-moz-radial-gradient(50% 50%,#333,#111);
background-image:-ms-radial-gradient(50% 50%,#333,#111);
background-image:-o-radial-gradient(50% 50%,#333,#111);
background-image:radial-gradient(50% 50%,#333,#111);
}
#full-tengah{
padding-right:0px;
}
#full-right,.post-footer{
display:none;
}
.date-outer{
padding-top:25px;
}
</style>
</b:if>
<b:template-skin>
<![CDATA[
body{min-width:980px;}.content-outer,.content-fauxcolumn-outer,.region-inner{padding-right:20px;min-width:960px;max-width:960px;_width:960px;}.main-inner .columns{padding-right:220px;}.main-inner .fauxcolumn-center-outer{left:180px;right:220px;_width:expression(this.parentNode.offsetWidth -
parseInt("200px") -
parseInt("200px")+'px');}.main-inner .fauxcolumn-left-outer{width:180px;}.main-inner .fauxcolumn-right-outer{width:220px;}.main-inner .column-left-outer{width:180px;right:100%;margin-left:-180px;}.main-inner .column-right-outer{width:220px;margin-right:-220px;}#layout{min-width:0;}#layout .content-outer{min-width:0;width:800px;}#layout .region-inner{min-width:0;width:auto;}
]]>
</b:template-skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>
<style type='text/css'>
HTML,BODY{
cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh3D-Y3UXLdIokaZbeaLN_12uVTXNgADUlOl6wfhjTL3QNCYttxO5Q9M0_11WA79mtXk5v-iX-vKh5FJgmgM_NcJ3KFnJr7xPQSn43h-r7HZj16OrH4bOmb2EC-gmn-cf4q3pLgBGFgUw/s320/santa-icon-baru.png"), auto;
}
</style>
<script type='text/javascript'>
var thumbnail_mode = "
no-float"
;
summary_noimg = 330;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>


<div class='sledsanta' id='buku'>
<div class='santa-mars'>
<ul id='navigation'>
<a href='#x' id='link-x'>
X
</a>
Chat box
</ul>
<center>
<div id='cboxdiv' style='text-align: center; line-height: 0'>
<div>
<iframe allowtransparency='yes' frameborder='0' height='305' id='cboxmain5-695235' marginheight='2' marginwidth='2' name='cboxmain5-695235' scrolling='auto' src='http://www5.cbox.ws/box/?boxid=695235&boxtag=q15t6b&sec=main' style='border:#ababab 1px solid;border-bottom:0px' width='400'/>
</div>
<div>
<iframe allowtransparency='yes' frameborder='0' height='75' id='cboxform5-695235' marginheight='2' marginwidth='2' name='cboxform5-695235' scrolling='no' src='http://www5.cbox.ws/box/?boxid=695235&boxtag=q15t6b&sec=form' style='border:#ababab 1px solid;border-top:0px' width='400'/>
</div>
</div>
</center>
</div>
</div>

<div class='sledsanta' id='profil-saya'>
<script type='text/javascript'>
/* <![CDATA[ */
Foto_Profil_Anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5iywsXYv34nlBNoX4lz5cSoCofs-eh4cAOeiUzU2sTKFiMBp0QegLHOl6ctm2o2KhBPlFy8r-UQfPLffN6kiZecrC4BRXFt9bn-VxX81LgdNO5xmfEh6NgU9mxupEWhvv6eQkYkajMI/s1600/kata-bijak-santa.jpg';
Nama_Profil_Anda ='Santa Mars';
Kelamin_Usia_Anda ='Laki-laki, 18 tahun';
Kota_Anda_Tinggal ='Malang, Indonesia';
Pesan_Anda ='Hellow world...? Apa kabar..???';
Url_Facebook_Anda ='http://www.santa-mars.cc.cc';
Url_Twitter_Anda ='https://twitter.com/santa_mars';
Url_Google_Anda ='https://plus.google.com/u/0/109243396730475169552';
ID_Blogger_Anda ='1690762326897879808';
//-----gambar Foto_Profil_Anda blog 150x100----------
/* ]]> */
</script>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/sled-profil.js'/>
</div>

<div id='mta_bar'>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/start-menu.js'/>
</div>
<div class='sledsanta' id='google-script'>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/google-script.js'/>
</div>

<div id='jam-ngisor'>
<table cellpadding='5' cellspacing='5'>
<tbody>
<tr>
<td align='justify' valign='top' width='100'>
<span id='jamku' style='padding-left;30px;color:white;font-size:30px;'>
<span id='HourDiv'/>
:
<span id='MinutDiv'/>
:
<span id='SecDiv'/>
</span>
</td>
<td align='justify' valign='bottom' width='70'>
<span style='color:white;font-size:12px;'>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/Hari2.js'/>
</span>
</td>
</tr>
</tbody>
</table>
</div>

<div id='jantung-santa'>
<script type='text/javascript'>
/* <![CDATA[ */
Nama_blog_anda ='Windows 8 SM Dark Edition';
Icon_blog_anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDx7Wt0tVvTlhZ3esdtFrGgxxPWJUbaCgT_hciXhKfzbMjtTfdIMPSKqQimLXcFiiPW2omZoNCAHZma67ED9SytwEGJA2DrZWRu5pDmoKNnA__N7l4-GAQjNFIW9zDYZ3JJpnOXQu4Y4/s40/gambar-blog-sm.png';
Url_twitter_anda ='https://twitter.com/santa_mars';
Url_facebook_anda ='http://www.santa-mars.cc.cc/';
ID_blog_anda ='1690762326897879808';
Url_animasi_foto_anda ='http://santa-mars.blogspot.com/p/blog-page_26.html';
Url_sitemap_anda ='http://santa-mars.blogspot.com/p/blog-page_9756.html';
//-----gambar icon blog 40x40----------
/* ]]> */
</script>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/jantung-santa2.js'/>
</div>
<body expr:class='"loading" + data:blog.mobileClass'>
<div class='body-fauxcolumns'>
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content'>
<div class='content-fauxcolumns'>
<div class='fauxcolumn-outer content-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Windows 8 SM Dark Edition (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:widget id='HTML60' locked='true' title='Menu' 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='HTML66' locked='true' title='Tombol Atas' 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>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'/>
<div class='region-inner tabs-inner'>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Navbar Bawah' 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='CustomSearch1' locked='true' title='Search This Blog' type='CustomSearch'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_form"'>
<span class='cse-status'>
<data:loadingMsg/>
</span>
</div>
</div>

<style type='text/css'>
#uds-searchControl .gs-result .gs-title,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gsc-results .gsc-trailing-more-results,
#uds-searchControl .gsc-results .gsc-trailing-more-results * {
color:<data:linkColor/>;
}
#uds-searchControl .gs-result .gs-title a:visited,
#uds-searchControl .gs-result .gs-title a:visited * {
color:<data:visitedLinkColor/>;
}
#uds-searchControl .gs-relativePublishedDate,
#uds-searchControl .gs-publishedDate {
color: <data:dateColor/>;
}
#uds-searchControl .gs-result a.gs-visibleUrl,
#uds-searchControl .gs-result .gs-visibleUrl {
color: <data:urlColor/>;
}
#uds-searchControl .gsc-results {
border-color: <data:borderColor/>;
background-color: <data:backgroundColor/>;
}
#uds-searchControl .gsc-tabhActive {
border-color: <data:borderColor/>;
border-top-color: <data:activeBorderColor/>;
background-color: <data:backgroundColor/>;
color: <data:textColor/>;
}
#uds-searchControl .gsc-tabhInactive {
border-color: <data:borderColor/>;
background-color: transparent;
color: <data:linkColor/>;
}
#uds-searchClearResults {
border-color: <data:borderColor/>;
}
#uds-searchClearResults:hover {
border-color: <data:activeBorderColor/>;
}
#uds-searchControl .gsc-cursor-page {
color: <data:linkColor/>;
}
#uds-searchControl .gsc-cursor-current-page {
color: <data:textColor/>;
}
</style>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
</div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns' id='full-tengah'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>

<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' 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>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div id='klik-bawah'>
<a href='javascript:void(0)' id='klik-bawah-data' title='Posting sedang aktif'>
<data:post.title/>
<div class='screenshot-img'>
<div class='img-akhir'>
<div class='data-post-thumbnail'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
<div id='data-post'>
<data:post.snippet/>
</div>
</div>
</div>
</a>
</div>
<style type='text/css'>
/* Up Arrows to Show Hidden Icons in Windows */
.data-post-thumbnail{
float:left;
padding-right:5px}
#klik-bawah-data .screenshot-img {
position:fixed;
width:auto;
z-index:299;
border:1px solid rgba(255,255,255,0.4);
background:rgba(0,0,0,0.6);
-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000;
-moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000;
box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
height:auto;
overflow:hidden;
opacity:0;
bottom:-150px;
left:200px;
-webkit-transition:all 0.5s ease-out 0.2s;
-moz-transition:all 0.5s ease-out 0.2s;
-ms-transition:all 0.5s ease-out 0.2s;
-o-transition:all 0.5s ease-out 0.2s;
transition:all 0.5s ease-out 0.2s;
}
#klik-bawah-data .screenshot-img .img-akhir {
border:1px solid #rgba(0,0,0,0.6);
max-width:200px;
padding:10px;
background:rgba(255,255,255,0.6);
margin:10px;
box-shadow:0 0 1px rgba(255,255,255,0.4);
line-height:1.30;
}
#klik-bawah-data:hover .screenshot-img {
visibility:visible;
bottom:40px;
opacity:1;
color:#000;
}
</style>
</b:if>
</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='custom-comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='custom-comments'/>
</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='index,follow'>
<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/>
<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='custom-comments'/>
<b:else/>
<b:include data='post' name='custom-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='custom-comments'/>
<b:else/>
<b:include data='post' name='custom-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'>
<h4>
<b:if cond='data:post.numComments == 1'>
1
<data:commentLabel/>
:
<b:else/>
<data:post.numComments/>
<data:commentLabelPlural/>
:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<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>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='index,follow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/>
</span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<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='custom-comments' var='post'>
<section class='custom-comments' id='custom-comments'>
<b:if cond='data:post.allowComments'>
<div class='right-buttons' style='position:fixed;top:2px;right:100px;z-index:602;'>
<a class='top-btn' href='#comments-area' title='Top'>
Top
</a>
<a class='bottom-btn' href='#custom-comment-form' title='Bottom'>
Bottom
</a>
<a class='close-btn' onclick='$('.custom-comments').fadeOut(100);' title='Close'>
Close
</a>
</div>
<h4>
<b:if cond='data:post.numComments == 1'>
<span>
1
</span>
&nbsp;
<data:commentLabel/>
<b:else/>
<span>
<data:post.numComments/>
</span>
&nbsp;
<data:commentLabelPlural/>
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<nav class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<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>
</nav>
</b:if>
<div id='comments-area'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.inReplyTo'>
<b:else/>
<b:if cond='data:comment.author == data:post.author'>
<div class='author-comment'>
</b:if>
<div class='comment-item clearfix' expr:id='data:comment.anchorName'>
<div class='comment-header clearfix'>
<strong class='user pull-left'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</strong>
<a class='comment-permalink pull-right' expr:href='data:comment.url' title='Comment Permalink'>
<data:comment.timestamp/>
</a>
</div>

<div class='avatar-box pull-left'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>

<div class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/>
</span>
<b:else/>
<data:comment.body/>
</b:if>
</div>

<b:loop values='data:post.comments' var='replies'>
<b:if cond='data:replies.inReplyTo == data:comment.id'>
<b:if cond='data:replies.author == data:post.author'>
<div class='author-comment'>
</b:if>
<div class='comment-reply clearfix' expr:id='data:replies.anchorName'>
<div class='comment-header clearfix'>
<strong class='user pull-left'>
<b:if cond='data:replies.authorUrl'>
<a expr:href='data:replies.authorUrl' rel='nofollow'>
<data:replies.author/>
</a>
<b:else/>
<data:replies.author/>
</b:if>
<data:commentPostedByMsg/>
</strong>
<a class='comment-permalink pull-right' expr:href='data:replies.url' title='Comment Permalink'>
<data:replies.timestamp/>
</a>
</div>

<div class='avatar-box pull-left'>
<b:if cond='data:replies.favicon'>
<img expr:src='data:replies.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:replies.authorAvatarImage/>
</b:if>
</div>

<div class='comment-body'>
<b:if cond='data:replies.isDeleted'>
<span class='deleted-comment'>
<data:replies.body/>
</span>
<b:else/>
<data:replies.body/>
</b:if>
</div>

<span class='comment-bottom-line'>
<a class='delete-btn' data-icon='&times;' href='
<data:replies.deleteUrl/>
' title='
<data:top.deleteCommentMsg/>
'>Delete</a>
</span>
</div>

<b:if cond='data:replies.author == data:post.author'>
</div>
</b:if>
</b:if>

</b:loop>
<span class='comment-bottom-line'>
<b:if cond='data:comment.isDeleted != "true"'>
<a class='reply-btn' data-icon='&dArr;' href='javascript:replyTo("
<data:comment.id/>
");'>Reply</a>
</b:if>
<a class='delete-btn' data-icon='&times;' href='
<data:comment.deleteUrl/>
' title='
<data:top.deleteCommentMsg/>
'>Delete</a>
</span>
<div expr:id='"form-container-" + data:comment.id'/>
</div>

<b:if cond='data:comment.author == data:post.author'>
</div>
</b:if>
</b:if>

</b:loop>
</div>
<b:if cond='data:post.commentPagingRequired'>
<nav class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<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>
</nav>
</b:if>
<div class='custom-comment-form' id='custom-comment-form'>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<div class='custom-comment-editor-wrapper'>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor' src=''/>
</div>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');</script>
<a class='cancel-reply-btn' href='javascript:replyTo("cancel");'>
Cancel Reply
</a>
</div>
<script type='text/javascript'>
//<![CDATA[
var originalSource = document.getElementById('comment-editor').src.split('#');
function replyTo(id) {
var frame = document.getElementById('comment-editor'),
form = document.getElementById('custom-comment-form'),
container = (id != "cancel") ? document.getElementById('form-container-' + id) : document.getElementById('custom-comments'),
part = originalSource;
frame.style.height = "50px";
frame.style.visibility = "hidden";
frame.src = (id != "cancel") ? part[0] + '&parentID=' + id + '#' + part[1] : part[0] + '#' + part[1];
container.insertBefore(form, null);
frame.onload = function() {
this.style.height = "250px";
this.style.visibility = "visible";
};
}
//]]>
</script>
</b:if>
</section>
</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' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<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'>
&rsaquo;
</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'>
<data:post.snippet/>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='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'>
&lsaquo;
</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
&rsaquo;
</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
</a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'>
<data:desktopLinkMsg/>
</a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<span>
<data:post.dateHeader/>
</span>
</h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<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'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'>
<data:post.author/>
</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'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<abbr class='published' expr:title='data:post.timestampISO8601'>
<data:post.timestamp/>
</abbr>
</a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(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:if cond='data:post.showThreadedComments'>
<b:include data='post' name='custom-comments'/>
<b:else/>
<b:include data='post' name='custom-comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='custom-comments'/>
<b:else/>
<b:include data='post' name='custom-comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<img class='star' height='25' src='http://www.magichtml.com/javascriptslideshow/js/rightarrow3.png' width='25'/>
</a>
</span>
</b:if>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
<img class='star' height='25' src='http://www.magichtml.com/javascriptslideshow/js/leftarrow3.png' width='25'/>
</a>
</span>
</b:if>
<a class='tombol' expr:href='data:blog.homepageUrl' style='display:none'>
<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' id='postidblog-drtmplt'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' id='posturl-drtmplt' style='display:none'>
<data:post.title/>
</a>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<a expr:href='data:post.url' id='posturl-drtmplt' style='display:none'>
<data:post.title/>
</a>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.metaDescription == ""'>

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' id='rmlink'>
<a class='tombol-download' expr:href='data:post.url'>
Read More --►
</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/>

</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/>

</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div style='text-align:center;width:100%;height:auto;'>
<fb:comments data-colorscheme='dark' expr:href='data:post.url' num_posts='7' width='620'/>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<b:include data='post' name='postQuickEdit'/>
</span>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != "true"'>
,
</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'>
<data:post.location.name/>
</a>
</b:if>
</b:if>
</span>
</div>
</div>
</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='' style='display: none' 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_css'>
<style>
.comments{
clear:both;
margin-top:10px;
margin-bottom:0px;
line-height:1em;
}
.comments .comments-content{
font-size:13px;
margin-bottom:16px;
}
.comments .comment .comment-actions a{
padding-top:5px;
padding-right:5px;
}
.comments .comment .comment-actions a:hover{
text-decoration:underline;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;
padding:0;
text-align:left;
}
.comments .comments-content .inline-thread{
padding:0.5em 1em;
}
.comments .comments-content .comment-thread{
margin:8px 0px;
}
.comments .comments-content .comment-thread:empty{
display:none;
}
.comments .comments-content .comment-replies{
margin-top:1em;
margin-left:36px;
}
.comments .comments-content .comment{
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child{
padding-top:16px;
}
.comments .comments-content .comment:last-child{
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body{
position:relative;
}
.comments .comments-content .user{
font-style:normal;
font-weight:bold;
}
.comments .comments-content .icon.blog-author{
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
}
.comments .comments-content .datetime{
margin-left:6px;
}
.comments .comments-content .comment-header,.comments .comments-content .comment-content{
margin:0 0 8px;
}
.comments .comments-content .comment-content{
text-align:justify;
}
.comments .comments-content .owner-actions{
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox{
border:none;
height:250px;
width:100%;
}
.comments .comment-replybox-single{
margin-top:5px;
margin-left:48px;
}
.comments .comment-replybox-thread{
margin-top:5px;
}
.comments .comments-content .loadmore a{
display:block;
padding:10px 16px;
text-align:center;
}
.comments .thread-toggle{
cursor:pointer;
display:inline-block;
}
.comments .continue{
cursor:pointer;
}
.comments .continue a{
display:block;
padding:0.5em;
font-weight:bold;
}
.comments .comments-content .loadmore{
cursor:pointer;
max-height:3em;
margin-top:3em;
}
.comments .comments-content .loadmore.loaded{
max-height:0px;
opacity:0;
overflow:hidden;
}
.comments .thread-chrome.thread-collapsed{
display:none;
}
.comments .thread-toggle{
display:inline-block;
}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container{
float:left;
width:36px;
max-height:36px;
overflow:hidden;
}
.comments .avatar-image-container img{
width:36px;
}
.comments .comment-block{
margin-left:48px;
position:relative;
}
@media screen and(max-device-width:480px){
.comments .comments-content .comment-replies{
margin-left:0;
}
}
</style>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var postId = '<data:post.id/>';
var feed = '<data:post.commentFeed/>';
var authorName = '<data:post.author/>';
var authorUrl = '<data:post.authorUrl/>';
var blogId = '<data:top.id/>';
var baseUri = '<data:post.commentBase/>';
// <![CDATA[
feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
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) {
console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = feed;
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 == authorName
&& comment.author.profileUrl == authorUrl;
return matches ? 'true' : '';
}
else if ('deletelink' == key) {
return baseUri + '/delete-comment.g?blogID=' + 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 tok = 'comment-form_';
var hash = window.location.hash || '';
var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;
// Configure commenting API:
var configJso = {
'maxDepth': 2
};
var provider = {
'id': postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'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'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1
<data:commentLabel/>
:
<b:else/>
<data:post.numComments/>
<data:commentLabelPlural/>
:
</b:if>
</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:section>
</div>
</div>
<div class='column-right-outer' id='full-right'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='1'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
</div>
<div style='clear: both'/>

</div>

</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='3'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>

<b:section class='foot' id='footer-3' showaddelement='no'/>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</footer>

</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/emotion-coment4.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments-area,#custom-comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Kasih spaci antar kalimat comment dengan simbol.";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$('#comments-area').each(function() {
$(this).html($(this).html()
.replace(/\[img\]/ig, "<img class='comments-tbh-img' src='")
.replace(/\[\/img\]/ig, "'/img>")
);
$(this).html($(this).html()
.replace(/\[pre\]/ig, "<pre>")
.replace(/\[\/pre\]/ig, "</pre>")
);
$(this).html($(this).html()
.replace(/\[catatan\]/ig, "<catatan>")
.replace(/\[\/catatan\]/ig, "</catatan>")
);
}
);
//]]>
</script>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}
, 10);
</script>
<b:include data='blog' name='google-analytics'/>
</body>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
</td>
</macro:if>
</tr>
</tbody>
</table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<b:section-contents id='sidebar-right-1'>
<b:widget id='Stats1' locked='false' title='Total Tayangan Laman' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>

<div expr:id='data:widget.instanceId + "_content"' style='display: none;'>

<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/>
</b:if>
<b:if cond='data:showGraphicalCounter'>
<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
<b:else/>
<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Ganti Tampilan' 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='BlogArchive1' locked='false' title='Explore The Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'>
<data:i.name/>
</a>
(
<data:i.post-count/>
)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'/>
<strong>
<data:i.name/>
</strong>
<span class='post-count' dir='ltr'>
(
<data:i.post-count/>
)
</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''>
<data:title/>
</option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'>
<data:i.name/>
(
<data:i.post-count/>
)
</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li>
<a class='list-archive' expr:href='data:i.url'>
<data:i.title/>
</a>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼ 
</span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
</b:section-contents>
<b:section-contents id='footer-1'/>
<b:section-contents id='footer-2-1'>
<b:widget id='HTML4' locked='false' title='Dialog perhatian' 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-contents>
<b:section-contents id='footer-2-2'/>
<b:section-contents id='footer-2-3'>
<b:widget id='HTML3' locked='false' title='JS' 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-contents>
</html>

Kabeloa 4

Minggu, 20 April 2014

Template Windows 8 2014

Tidak ada komentar:

Posting Komentar