Template Windows 8

Demo

Gadget JS :

<script>
// GANTI windows8-sm dengan blog kamu, CHANGE windows8-sm with your blog
var urlblog = "http://windows8-sm.blogspot.com/";
</script>
<script src="http://not-remove-admin-3.googlecode.com/files/anyare-2.js"></script>

<div class="buat-perhatian">
<div id="dialog-perhatian" class="per-bawah">
<div class="dalem-perhatian">
<h2>Attention...!!!<div class="klos" onclick="$('#dialog-perhatian').hide('slow');"></div></h2>
<div class="text-element">
<div class="text-perhatian">
Ada yang baru nih... Apa..?<br/>
View this <a href="http://blog-santamars.blogspot.com/" onclick="$('#dialog-perhatian').hide('slow');" target="_blank" style="color:rgb(0, 132, 180)">Status Via SM</a>
</div>
<div class="bawah-pool">
<span></span>
</div>
</div>
</div>
</div>

<div class='widget-content'>
<center>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div id="cboxdiv" style="text-align:Left;">
<div id='startmenu'>
<ul id='programs'>
<span id="terbaru"></span>
<span id="mas-navigasifeed"></span>
</ul>
<ul id='links'>
<li class='icon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2msjXuWvi2hqbSqQHZfaceniUNRl11_WDJFMBua6BlP64x3FwYa_lwGCso8FVvm3_gqisTivfquVCijOyij4RaFMSySX2GSBk3tZrVWgG0IUpOdIX9I7HTJ_jlF1MMGJ0G9A5m8m3Ow/s1600/icon_profil_win8_santa_mars.png"/></li>
<li><a href='#buku'><span>My Chat Box</span></a></li>
<li><a href='#santa-music'><span>My Music</span></a></li>
<li><a href='#santa-profil'><span>About Me</span></a></li>
<li><a href='#santa-credit'><span>Credit</span></a></li>
</ul>

</div>
</div></td></tr>
</tbody></table>
</div></center>
<script src='http://not-remove-admin-3.googlecode.com/files/seled.js'></script></div>
<span id="radiocoy" class="radiocoy"></span>
</div>

<script src='http://not-remove-admin-3.googlecode.com/files/pjok5.js'></script>
<script language="JavaScript">javascript:startTyping(text, 50, "textDestination");</script>
<script src="http://not-remove-admin-3.googlecode.com/files/animasi-win8-2.js"></script>

Template Windows 8 SM :

<?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: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, 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/AVvXsEh153qGziYC7gD6pdeREs_Wpi5xXmPUyUgCK4pzZ1q-0jYT9Df5CHCx0UhIG4IVeJD32kxseFHhxgZ-8ohUIyZ-96c8BYVLrwWH5TQdFZBOMtqsnTzTOgrMNoNbRWgwBxaLWKAOkW7TAg/s1600/icon_wi8_santa_mars.png' rel='icon' type='image/x-icon'/>
<b:skin><![CDATA[
/* Content----------------------------------------------- */
.item-snippet,.item-thumbnail{display:none}
.quickedit{display:none}
body {font: normal normal 11px 'lucida grande', tahoma, verdana, arial, sans-serif;color: #cccccc;background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisY_ExmXyyjqUmoGOVAj2-Ob1uQlQH7JAAQOwTzTMJsUVtn1AGliW03Wd_S_l-EfwekrYmM0Cz77Iw8iO6KwhF8PxKUR4lGcwX4jw7wRsNFZaJ8delTieBJXhkm580DAtmRcRgvdrzNbs/s320/body-santa.jpg) repeat-x fixed top center;
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-outer {background-color:rgba(0,0,0,0.7);color: #ffffff;-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)}
.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:38px; margin:0; padding:0;}
html body .header-inner{margin:0 auto; width:981px;}
.navbar{position:fixed; width:100%; height:30px; top:0; left:0}
.header-outer{border-bottom:1px solid #131313; height:37px; min-width:981px; width:100%; z-index:300; left:0; top:0; position:fixed !important}
#header-inner{color:#ffffff; padding-top:6px; margin:0 0 0 10px; white-space:nowrap; overflow:hidden; background-position:center center}
.Header h1, .Header h1 a{cursor:help}
.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 .Header h1, .header-inner .Header h1 a, #header-inner img{height:31px; 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}
#CustomSearch1{float:right}
.header-inner .HTML .widget-content{margin-right:1px; padding-top:6px}
.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.drop-down{background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/y5/r/phOFGoN_7ju.png) no-repeat scroll -2px -297px; height:31px; width:24px}
.header-inner .HTML .widget-content a, .header-inner .Header h1, #header-inner img{opacity:0.7; text-decoration:none}
.header-inner .HTML .widget-content a:hover, .header-inner .Header h1:hover, .CustomSearch form.gsc-search-box:hover, .header-inner .Header h1 a: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:9px 0 0 10px; position:relative; width:198px; padding:0}
.CustomSearch table.gsc-search-box{background: none; border-radius: 2px; height: 22px; z-index: 100; position: static;}
.CustomSearch table.gsc-search-box td.gsc-input{border-radius:15px;margin: 0; background: white; -webkit-border-radius: 1px; 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(http://static.ak.fbcdn.net/rsrc.php/v1/yN/r/bxBBFKhnmCK.png); border-radius:15px;background-repeat: no-repeat; background-position: 0 -392px; background-color: white; color: transparent; border: 0; cursor: pointer; display: block; height: 20px; padding: 0; position: absolute; right: 2px; top: 2px; width: 22px;}

/* Tabs----------------------------------------------- */
.tabs-inner {margin: 0 0 0;padding: 0;}
.tabs-inner .section {margin: 0;}
.tabs-inner .widget ul {padding: 0;background: #1c1c1c none repeat scroll bottom;-moz-border-radius: 0;-webkit-border-radius: 0;-goog-ms-border-radius: 0;border-radius: 0;}
.tabs-inner .widget li {border: none;}
.tabs-inner .widget li a {display: inline-block;padding: .5em 1em;margin-right: 0;color: #ff9900;font: normal normal 12px Verdana, Geneva, sans-serif;-moz-border-radius: 0 0 0 0;-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;-goog-ms-border-radius: 0 0 0 0;border-radius: 0 0 0 0;background: transparent none no-repeat scroll top left;border-right: 1px solid #000000;}
.tabs-inner .widget li:first-child a {
padding-left: 1.25em;-moz-border-radius-topleft: 0;-moz-border-radius-bottomleft: 0;-webkit-border-top-left-radius: 0;-webkit-border-bottom-left-radius: 0;-goog-ms-border-top-left-radius: 0;-goog-ms-border-bottom-left-radius: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.tabs-inner .widget li.selected a,.tabs-inner .widget li a:hover {position: relative;z-index: 1;background: #dd7700 none repeat scroll bottom;color: #ffffff;-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);}

/* Headings----------------------------------------------- */
h2 {text-transform: none;color: #ffffff;margin: 0;}

/* Main----------------------------------------------- */
.main-outer {background: transparent none repeat scroll top center;-moz-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:Indie Flower,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif;
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;}
.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;}
#comments .comment-author {
padding-top: 1.5em;
border-top: dashed 1px #ccc;
border-top: dashed 1px rgba(128, 128, 128, .5);
background-position: 0 1.5em;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid #ffaa00;
border-bottom: 1px solid #ffaa00;
}
.comments .continue {
border-top: 2px solid #ffaa00;
}
/* 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;
}
/* Footer
----------------------------------------------- */
.footer-outer {
color:#cccccc;
/*
background-color:rgba(0,0,0,0.5);
background: transparent none repeat scroll top center;
*/
-moz-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);
}
.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;
}
/* 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;background-color:rgba(0,0,0,0.35)}
.black50,.post-outer{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, #kode{white-space:pre-wrap; word-wrap:break-word; padding:7px; cursor:text; border:1px inset black; -moz-border-radius:10px; border-radius:10px; text-align:left; overflow:auto}
.post-body pre{font-family:verdana,arial,sans-serif; color:#8093C0; margin:5px auto}
.post-body img{max-width:100%;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:#333333}
.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:#FF00FF;text-shadow: -1px -1px 1px rgba(0, 0, 0, .2);font-family:Dancing Script,verdana}
.post-body q{color:#E9A360}
.post-body i, .comments i{color:#70A3E9}
.post-body b, .comments b{color:green}
.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}
/* 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;
color:#EFE0AF; margin-bottom:1px;
}
a.red25, .Profile ul li a{background-image:none}
a.black25, .PopularPosts .widget-content ul li a{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqG70-lOlsUgND3yDNYT3esyuJymbWiDpA-g4I8v8bpSEc7VPASeslqinlXUlG0Q9_YOG_tHMRRNU1twQX3fL1xyRNFFsSA4Mt9qsWac6BMfena3e3P_1GOrym3uE0XmcjZosLcCzVfk/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(0,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, .PopularPosts h2, .Blog h3.entry-title{text-align:center; color:#E3E3E3}
.Followers h2.title,#Stats1 h2{display:none;}
.Feed .item-title a{float:left; margin-bottom:0; -moz-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}
/* Comments
----------------------------------------------- */
.comments{-moz-border-radius: 500px 0px 0px 0px / 100px 0px 0px 0px; -webkit-border-radius: 500px 0px 0px 0px / 100px 0px 0px 0px; -goog-ms-border-radius: 500px 0px 0px 0px / 100px 0px 0px 0px; border-radius: 500px 0px 0px 0px / 100px 0px 0px 0px}
#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}
.comments h4{font-size:75%}
.comments p.comment-footer a{font-size:12px}
.comment-footer{text-align:right; font-size:10px}
.comment-footer a{color:#8A8A8A}
.comment-body{text-align:left; max-height:300px; overflow-y:auto; word-wrap:break-word}
.comments h4{display:inline-block; margin:0; color:#35250E;}
dl.profile-datablock{padding:5px; margin:10px 0}
dl.profile-datablock, dl.profile-datablock dt.profile-data{display:block}
.app-detail{padding:10px; margin:10px 0 20px; text-align:center; min-height:60px}
.app-detail div{display:inline-block; vertical-align:middle; margin:2px; line-height:11px; background:#D7D7D6; color:#444545; padding:2px; width:50px}
.Feed{padding:5px}
/* 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{padding:2px;border-radius:5px;box-shadow:inset 0px 2px 12px white;font-size:16px;font-weight:bold;width:auto;z-index:4;}#navigation a{text-decoration:none;color:white;display:inline-block;background:red;padding:0px 15px;border-radius:5px;margin-right:30%}

.sledsanta{top:31px;min-width:500px;width:auto;height:auto;padding:10px;position:fixed;margin-left:-102%;z-index:3;
-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{margin-left:14.5em;margin-top:4.5em;margin-right:auto;}
/*-- END PANEL SLIDE START--*/

/*-- BAR MENU START--*/
#mta_bar{bottom:0px;position:fixed;background:rgba(0,0,0,0.6);
box-shadow:inset 0 1px 10px lightblue; z-index:11; width:100%; left:0; overflow:auto; height:33px; }
#mta_bar .bar_logo a{text-decoration:none; color:white; padding-left:15px}
/*-- MENU START--*/
toolbarcontrol a.btop{ display:block; position:absolute; font-size:11px; top:4px; right:6px; padding:1px 5px; text-decoration:blink; text-shadow:none; color:#F00; border:1px solid #aaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#333}.toolbarcontrol a.btttop:hover{ text-decoration:none; color:#fff}a.bttbot{ display:block; float:right; border-left:1px solid #777; text-decoration:blink; margin-right:23px}

#startmenu{min-width:400px;z-index:2;overflow:visible;display:inline-block;margin:0px; -moz-border-radius:5px;-webkit-border-radius:5px;position:relative; box-shadow:inset 0 0 10px lightblue; background:rgba(0,0,0,0.7)}

#programs, #links{float:left;display:block;padding:0;list-style:none}

#programs{min-width:250px;background:none;border:1px solid gray;margin:9px 3px 3px 6px; box-shadow:0 0 10px gray;border-radius:3px;}

#programs a{font-size:11px;border:solid 1px transparent;display:block;padding:3px; color:rgb(239, 224, 175);text-decoration:none;}

#links{margin:0px;margin-top:-30px} #links li.icon{text-align:center} #links a{border:solid 1px transparent;display:block;margin:3px 0;position:relative; color:rgb(239, 224, 175);text-decoration:none;min-width:130px;hight120px:}

#links a span{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqG70-lOlsUgND3yDNYT3esyuJymbWiDpA-g4I8v8bpSEc7VPASeslqinlXUlG0Q9_YOG_tHMRRNU1twQX3fL1xyRNFFsSA4Mt9qsWac6BMfena3e3P_1GOrym3uE0XmcjZosLcCzVfk/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px transparent;border:1px outset lightblue;padding:4px 4px 4px 24px;display:block;border-radius:0pt 0pt 7px 7px;}
.menu{padding-left:5px;padding-right:5px;background:none;}

.menu:hover, #programs a:hover, #links a:hover, #navigation a:hover, .alaihumcrumb a:hover{background:-moz-linear-gradient(center top,transparent,transparent 49%,rgba(2,37,58,0.5) 50%,rgba(63,111,135,0.5)); background:-webkit-gradient(linear,center top,center bottom,from(transparent),color-stop(49%,transparent), color-stop(50%,rgba(2,37,58,0.5)),to(rgba(63,111,135,0.5)));border-radius:5px;box-shadow:inset 0px 2px 12px lightblue;}

.star{-moz-border-radius-topleft:50px;-moz-border-radius-topright:50px;
-moz-border-radius-bottomleft:50px;-moz-border-radius-bottomright:50px;opacity: 0.7;}
.star:hover{-moz-border-radius-topleft:50px;-moz-border-radius-topright:50px;
-moz-border-radius-bottomleft:50px;-moz-border-radius-bottomright:50px;-moz-box-shadow: 0px 2px 8px 0px #FFFFFF;opacity:3.9;}

/*--END STAR MENU--*/
.START:hover{box-shadow: 0px 2px 8px 0px lightblue;opacity: 0.7;}
.post-outer img{opacity:0.7;}
.post-outer img:hover{opacity:3.9;}
/*--STAR MENU WIN8--*/

.santa-mars{background:rgba(0,0,0,0.7);box-shadow:0px 2px 12px lightblue inset}

.gb_fixed{position:fixed;bottom:32px;left:0px;}* html .gb_fixed{position:relative;}#hidden_gb2{display:none;border:0px;background:#;padding:0px;padding-top:0px;-moz-border-radius:0px;border-radius:0px;}#mas-terbaru{width:100%;margin:0 auto}#terbaru{margin:0px}.mas-elemen{border:1px outset lightblue;width:250px;padding:4px;height:auto;}.mas-elemen img{background:white;padding:1px;float:left;height:20px;margin-right:10px;width:20px}#santa-muter{width:250px;background:url(http://images.gmx.com/images/outsource/application/mailclient/mailcom/resource/mailclient/widgets/blue/common/loading_animation_en-3447255655.gif) no-repeat 50% 50%;height:290px;border:1px solid gray}#mas-navigasifeed{color:none;font-family:Verdana;font-size:12px;text-align:center;margin:0px}#mas-navigasifeed a{color:white!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}#mas-navigasifeed span{padding:5px 10px}#mas-navigasifeed .next,#mas-navigasifeed .previous,#mas-navigasifeed .home{cursor:pointer;box-shadow:inset 0px 2px 10px lightblue;display:inline-block}#mas-navigasifeed span.noactived{box-shadow:none;color:rgba(0,0,0,0.0);}

.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, .tbl-hjr, 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; 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, .tbl-hjr:hover, p.comment-footer a:hover, a.tombol:hover{color:darkred; text-decoration:none; border:1px solid green}
.post-header-line-line a.tombol,#comments h4 a.tombol, .blog-pager a.tombol{
padding:2px 4px 2px 22px; margin-right:6px;
background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6z7VLU5Rc1279P9gdDNnfKLsWKcSoeQmjBhIfkSHYVlIwLMJClmiTnge1KT-9p6xic9UaLIUSNKVKZMEK9tgtfsM61JidLLpG0M4nHCG4BTiwLaj2SWZfa-yt8svojKZdKHc5kVchQc/s1600/small_icon_blogger.gif) no-repeat scroll 4px 2px;
color:#3b5998; border:1px solid #ECEEF5; font-size:11px; line-height:14px; vertical-align:middle;
}
.post-header-line-line a.tombol:hover,#comments h4 a.tombol:hover, .blog-pager a.tombol:hover{color:white;background-color:rgb(50,50,50);border-color:rgb(40,40,40)}
.post-body,.post-header{clear:both}
.nub{float:left;position:relative;z-index:2;height:0;width:5px;top:4px;left:-4px}
.nub s,.nub i{border:solid transparent;border-right-color:#d7d7d7;border-width:4px 5px 4px 0;top:1px;display:block;position:relative}
.nub i{left:2px;top:-7px;border-right-color:#fff}
.count{font-size:11px;color:black;background:#fff;border:1px solid #d1d1d1;float:left;font-weight:normal;height:14px;margin-left:1px;min-width:15px;padding:1px 2px 1px 2px;text-align:center;line-height:14px;white-space:nowrap}
.content-outer{margin-bottom:150px}
.post-header-line-line,#polower-piksid{position:fixed;width:auto;height:auto;bottom:-1px;right:0px;z-index:99;box-shadow:0pt 1px 12px lightblue inset;0pt 1px 10px lightblue inset}
.post-header-line-line .operleypijit{padding:5px 5px 3px 5px}
.post-header-line-line .gambar-author,.post-header-line-line .authorbox-category,.post-header-line-line .published-date,.post-header-line-line .posted-by{display:none}
.post-header-line-line .posted-by b{font-size:120%}
.post-header-line-line table td{vertical-align:top}
.post-header-line-line .fb-like{display:inline-block; vertical-align:middle; width:140px; height:20px; overflow:show; background:transparent; padding:0; margin:0; border:none}
.post-header-line-line .published-date div{display:inline-block;vertical-align:middle;margin-right:5px}
.post-header-line-line .comment-button{opacity:0.0}
.blog-pager{box-shadow:0px 2px 8px 0px lightblue;background:rgba(0,0,0,0.6);padding:4px;border-radius:10px;}
#Stats1{margin-top:-14px;}
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/AVvXsEhKgHlUK1wEBoY4X-JeUBgqKRJBSpXTznqNHwNOwrfabUALf16jTFLwBpwJKKLYtLbgg0471zlUeUh9A_g8PZHTBxQqPXyDy9oOxVX71xSMsFGjXj9TpbWV96WVOr8evwXbcC5ink1HRlI/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;
text-decoration:none; cursor:pointer; }
a.tombol-download{background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgHlUK1wEBoY4X-JeUBgqKRJBSpXTznqNHwNOwrfabUALf16jTFLwBpwJKKLYtLbgg0471zlUeUh9A_g8PZHTBxQqPXyDy9oOxVX71xSMsFGjXj9TpbWV96WVOr8evwXbcC5ink1HRlI/s320/arrow-down-icon-SM.png) no-repeat scroll 2px 1px;}
a.tombol-download:hover{ background-color:rgb(50,50,50); border-color:rgb(40,40,40); color:white;text-decoration:none;}

#preview{position:absolute;
-moz-box-shadow:0 4px 4px rgba(0,0,0,0.6);-webkit-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{display:none;z-index:12;position:fixed;bottom:8px;right:210px;padding:0pt 10px;}
.redirect{position:fixed;bottom:0px;right:190px;width:150px;height:33px;padding:0pt 10px;z-index:13;}
.iconup{z-index:12;position:fixed;bottom:3px;right:190px;min-width:160px;padding:0pt 10px;}
.buat-perhatian{
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px; color:#333333;
}
.buat-perhatian a{color:#3b5998}
.buat-perhatian .per-bawah{width:250px; margin:auto; position:fixed;bottom:20px;right:160px; 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;
background-color:rgba(109,132,180,0.7);
border-color:rgba(59,89,152,0.7); border-width:1px 1px 0; border-style:solid;
margin:0; padding:5px 10px;
}
.buat-perhatian .dalem-perhatian h2 a.ngaran-user{
color:#cccccc;
}
.buat-perhatian .dalem-perhatian .text-perhatian{
color:#333333; padding:10px;
background-color:rgba(255,255,255,0.8);
border:1px solid rgba(59, 89, 152, 0.7);
}
.buat-perhatian .dalem-perhatian .bawah-pool{
background-color:rgba(255,255,255,0.8);
padding:8px 10px; margin-left:210px;margin-top:-2px;border:1px solid rgba(59, 89, 152, 0.7);border-top:none;border-radius:0pt 0pt 100% 0pt;position:relative; text-align:right;display:inline-block;
}
.klos{float:right;z-index:5; cursor:pointer; width:15px; height:15px; background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/yA/r/4WSewcWboV8.png) no-repeat scroll 0px -16px;}
.klos:hover{background-position: 0px -32px;}
.klos:active, .klos:focus{background-position: 0px -48px;}
]]></b:skin>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-home-thumbnail{margin-right:10px;float:left;}
.rmlink,.readmore{margin-top:20px;float:right;}
.date-header, .round3.black50.post-header-line-line{display:none}
.main-inner .column-center-inner .section{margin:0px 15px 0}
</style>
</b:if></b:if>

<b:template-skin>

<![CDATA[
body {
min-width: 980px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 980px;
max-width: 980px;
_width: 980px;
}
.main-inner .columns {
padding-left: 180px;
padding-right: 220px;
}
.main-inner .fauxcolumn-center-outer {
left: 180px;
right: 220px;
/* IE6 does not respect left and right together */
_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'/>
<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='santa-music'>
<div class='santa-mars'>
<ul id='navigation'><a href='#x' id='link-x'>X</a>My music</ul>
<center>
<table cellpadding='10' cellspacing='10'><tbody>
<tr>
<td align='left' valign='top' width='200'>Hay friends, Dengerin lagu yuks<br/>
Hehehehe ..</td>
<td><div style=''position:aboslute;bottom:0px;left:20px;z-index:99;display:inline-block;background-color:black;padding:2px 10px;margin:0px;border:1px solid gray;border-radius:7px;text-align: center;'><embed height='70' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='http://ghucy.info/fullmusik/iza/21.Peterpan_-_Walau_Habis_Terang(www.fullmusik.net).swf' title='peterpan-walau habis terang@fullmusik' type='application/x-shockwave-flash' width='180' wmode='transparent'/></div></td>
</tr>
</tbody></table> </center></div></div>


<div class='sledsanta' id='santa-profil'>
<div class='santa-mars'>
<ul id='navigation'><a href='#x' id='link-x'>X</a>About me</ul>
<center>
<table cellpadding='10' cellspacing='10'><tbody>
<tr>
<td align='left' valign='top' width='200'>Hay friends, I Santa Mars<br/>
Nama asli ane Marsyanta <br/>
Welcome to my blog<br/>
I am Indonesian people<br/>
aye Ingin sekali jadi orang terkenal :D<br/>
Hopefully all useful<br/>
Thank you .<br/><br/>
<a href='http://www.santa-mars.cc.cc' target='_blank'><img class='START' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAQU6FZUDAAv5bM7mZpzTqL0XWFZQ8WURuNGKA7-xfZZETtaqUej-nNa_KnYVPX2s8bs5uoiawcGR7LfWqn1k-x4gUOEjUoStSvea6X3C46-ozfVPjVKvDhj2okdLDPdyOT2rfK9pn0-dz/s200/facebook.png' title='Profil Facebook'/></a><a href='https://twitter.com/santa_mars' target='_blank'><img class='START' src='http://yoaz_gerrard.heck.in/files/twitter.jpg' title='Profil Twitter'/></a><br/><br/>
<a href='https://plus.google.com/u/0/109243396730475169552' target='_blank'><img class='START' src='http://www.bay-journal.com/images/bj-google-plus.jpg' title='Profil Google'/></a><a href='http://www.blogger.com/follow-blog.g?blogID=1690762326897879808' target='_blank'><img class='START' src='http://www.hangbagstore.com/images/blogger.jpg' title='Profil Blogger'/></a><br/></td>
<td align='justify' valign='top' width='200'><img class='START' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/371650_100001036847363_2064010702_n.jpg' title='Narsis Dah'/></td>
</tr>
</tbody></table> </center>
</div></div>


<div class='sledsanta' id='santa-credit'>
<div class='santa-mars'>
<ul id='navigation'><a href='#x' id='link-x'>X</a>Credit</ul>
<table cellpadding='10' cellspacing='10'><tbody>
<tr>
<td><span id='textDestination' style='color: white; margin: 0px'/></td>
</tr>
</tbody></table> </div></div>

<div id='wi' style='bottom:0px;width:100%; position:fixed;z-index:11; '>
<div id='mta_bar' style='position:fixed;'>
<div class='mta_bar bar_logo'>
<a onclick='gb_showHideGB()'><img class='star' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKPnS0ORzRJsh49I_6MSK8e6yAFnDWi-Dz2DjQOzTwfc46yPKFmLBXyMTg1yjZ2R3mOTFQbSS66iEXT1mnW0L7oh7fmBQWAaxe2zXARcqQszkp2bddEqpQgRzpFlzkevuDrHtVEOX47g/s1600/Start+Button4.png' title='Click here to begin'/></a><a href='#buku'><img class='menu' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJ228CKZj4KTskolcwnu8PXlBfbo5nndXxooL4sGtQk83p0NuiLeUNHre-069DzQSW3TgmY2nmvH5Sfi6p3xXkT1oT-vaVyXBiTbwSz-3ZSNGMu8rEtKPyZZc22CzDlAnGkuingVr3g/s1600/mydocument.png' title='Chat box'/></a><a href='#santa-music'><img class='menu' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiKARyDYIvAsYTeYqUNBC7lsovYA8it3NiZLZPOHiOVc_uadjRhS-cQwqADXaxJS6vLSuEzIby6sX1A-eI98gXRFdjKiQgEq1wsJPC3cA-FgOIiuBEnk53e8swn6gATMbEZoJNlrnrmQ/s1600/Win-Media_santa_mars.png' title='Media Players Music'/></a><a href='#santa-profil'><img class='menu' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7dwF5WOgBN89tB48g7d35fYc3wPtv27wEKjZl2hNG9fUeu1j2f8qpeJhg0nQYScdQolN8JA7eyqaD630nmoZqelKSW6MTg4paUOC_ghgWi2AI1vYqKLMQO5S0_tZsMdATj4oImLjB8A/s1600/profil-saya+lah.png' title='About me'/></a><a href='#santa-credit' style='position:fixed;bottom:3px;right:0px;'><img class='menu' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' title='Created by Santa Mars'/></a>
<span style='position:fixed;bottom:8px;right:30px;' title='Clock'><script src='http://not-remove-admin-3.googlecode.com/files/Hari.js'/></span>
</div></div></div>
<a href='javascript:void(0)' id='tutupdonk' onclick='tutupkabeh()' style='z-index:1000;position:fixed;bottom:3px;right:180px;'><img class='menu' src='http://www.cse.unl.edu/ucomm/templatedependents/templatecss/images/upArrow.gif' title='Mantap'/></a>

<body expr:class='"loading" + data:blog.mobileClass'>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\0756608659808472540020\46blogName\75Windows+8+SM\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://windows8-sm.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://windows8-sm.blogspot.com/\46vt\75-5849713125201492486',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>

<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 (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "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:widget>
<b:widget id='HTML60' locked='true' title='NavBar' 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='NavBar' 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>
</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: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'>

<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='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='tombol' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<a class='tombol' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='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='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='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='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='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='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>

<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='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<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='' 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_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: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='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='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</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='main' var='top'>
<b:if cond='data:mobile == "false"'>


<div class='blog-posts hfeed'>

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

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='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='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='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='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='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='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='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<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"' style='display:none;'>
<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:widget>
</b:section>
</div>
</div>

<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='1'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
<div class='creditt-wrapper' style='padding:5px;border-radius:7px;margin-top:7px;background:rgba(0, 0, 0, 0.35);box-shadow:0px 2px 8px 0px lightblue;color:rgb(119, 119, 119);'><div class='creditt'/><div style='text-align:left;'>© 2012 <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' style='color:rgb(0, 132, 180);'><data:blog.title/></a></div></div>
</div>

<div class='column-right-outer'>
<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='http://not-remove-admin-3.googlecode.com/files/ajax.apis.1.1.0.js'/>
<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-left-1'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-plus' data-action='follow' data-width='100' expr:data-href='data:userUrl'/>
</b:if>
</dt>

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

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

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Join Now' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>

<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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'>
<center><img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/></center>
</b:if>
<b:if cond='data:showGraphicalCounter'>
<center><span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/></center>
<b:else/>
<center><span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/></center>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='sidebar-right-1'>
<b:widget id='PopularPosts1' locked='false' title='Populer post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

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

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

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

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Explore The Archive' type='BlogArchive'>
<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: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='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='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='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:widget>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><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>

=== Cara Instalasi Windows 8 SM ==

1. Download Template Windows 8 SM

2. Login ke Blogger.com

3. Klik Tab Template == Klik tombol edit html == Klik expand widget

4. Buka file Template Windows 8 SM == Copy Semua (CTRL+A) == Pastekan di Edit html tadi.

5. Lalu jika ada perhatian untuk mempertahankan widget = Klik hapus widget

6. Simpan.

7. Klik Edit Tata letak == Masukan file Gadget ke dalam blog kamu.

8. Simpan.

Lihat Blog..

Mantap gan.......

Toturial Blog

Template Windows 8

Posting Komentar

Cara Membuat Widget Dibawah header

Windows 7 ROG Rampage (x64) Incl Activator