silakan tinggal kan comentar anda & follow ya karna blog ini butuh dukungan & partisipasi anda semuah ya thankz
Ingat Waktu Coy _

Kamis, 22 Maret 2012

0 Tempalte transparan kren

Diposting oleh PUSAT HACING di Kamis, Maret 22, 2012
Share on :
lama tak posting rasa ya gmna gitu kali ini sayah mau sher tempalte transparan kren  monggo yg berminat silakan copy tempalte ya berikut ini  

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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'>
  <head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<meta content='YOUR BLOG DESCRIPTION HERE' name='description'/>
<meta content='YOUR BLOG KEYWORD HERE' name='keywords'/>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

<link href='http://i55.tinypic.com/10rv4w2.gif' rel='icon' type='image/vnd.microsoft.icon'/>

    <b:skin><![CDATA[
/*
Blogger Template Style
Name             : Uniqx Transparent
Version          : 1.0
Finishing Date   : Selasa, April 12 2011 | 12:00 PM
Author           : Muchtar (MAKASSAR, INDONESIA)
Design           : Utta
Url              : http://www.uttafreak-987.co.cc/
*/
/* Display */
#navbar-iframe,.quickedit,.blog-feeds,.feed-links {display:none !important;}
/* Body */
body {background:url("http://i55.tinypic.com/anbwn7.jpg") no-repeat scroll 0 0 #000; background-position:center; background-attachment:fixed;margin:0px auto;color:#fff;text-shadow:2px 2px 2px #000;font:14px Droid sans;text-align:left;line-height:1.3em}
li{list-style:none}
/* Headings */
h1{font:40px Yanone Kaffeesatz;font-weight:normal}
h2{font:24px Yanone Kaffeesatz;font-weight:normal;line-height:1.4em;margin:0}
h3{font:24px Yanone Kaffeesatz;font-weight:normal;line-height:1.4em;margin:0}
h2.date-header {font:15px Yanone Kaffeesatz;text-shadow:2px 2px 2px #000;color:#0e85b6}
/* Link */
a:link {color:#fff;text-decoration:none}
a:visited {color:#fff;text-decoration:none}
a:hover {color:#fff;text-decoration:none}
a img {border-width:0;}
/* Header */
#header-wrapper{background:transparent;width:987px;height:150px;margin:0px auto;padding:10px}
#header-inner{background-position:center;margin:40px 0px 0px 0px;padding:0}
#header{float:left;width:640px;height:150px;color:#fff;margin:0;padding;0;}
#header h1 {margin:0;padding:0}
#header h1 a{text-shadow:2px 2px 2px #fff;color:#000}
#header h1 a:hover {text-shadow:2px 2px 2px #000;color:#fff}
#header2{float:right;width:320px;height:150px;margin:0;padding:0px 0px 0px 10px;color:#fff;border-style:solid;border-width:2px;-moz-border-left-colors:#000 #aaa;border-right:none;border-top:none;border-bottom:none}
#header2 h2 {color:#fff;text-shadow:2px 2px 2px #000;border-style:solid;border-width:2px;-moz-border-bottom-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-top:none}
#header2 li{padding:0;margin:0}
#header .description {color:#fff;font:14px verdana;font-weight:normal;text-shadow:2px 2px 2px #000;margin:0;padding:0}
#header img{margin:0;padding:0;background-position: center center;}
/* Navbar */
#navmenu {background:transparent;background:-moz-linear-gradient(top,#fff);height:35px;margin:0px auto;padding:0;border-bottom:0;width:1007px}
#navkiri {width:745px;float:left;margin:0;padding:0;}
#navkanan {width:262px;height:35px;font-size:11px;float:right;margin:0;padding:0;}
#nav {float:left;width:745px;margin:0;padding:5px;-moz-border-radius: 0px 0px 0px 15px}
#nav li {margin:0px 5px 0px 0px;padding:0;float:left;position:relative;list-style:none}
#nav a {text-align:left;font:16px Yanone Kaffeesatz;font-weight:normal;color:#fff;text-decoration:none;display:block;padding:3px 10px;margin:0;-moz-border-radius:5px;text-shadow:2px 2px 2px #000;border:1px solid #ddd}
#nav a:active {margin-top:1px}
#nav .current a{background:#000;background:-moz-linear-gradient(top,#000,#aaa);color:#fff;-moz-border-radius:5px;text-shadow:2px 2px 2px #000;border:1px solid #aaa}
#nav li:hover > a {background:transparent;color: #fff;text-shadow:2px 2px 2px #000;border:1px solid #aaa}
#nav ul {display:none;margin:0;padding:0;width:160px;position:absolute;top:24px;left:0;-moz-border-radius:5px}
#nav li:hover > ul {display:block}
#nav ul li {-moz-box-shadow: 0px 2px 4px #999;-moz-border-radius:5px;float:none;margin:0;padding:0}
#srcform {margin:0;padding:0;overflow:hidden;display:inline}
#srckotak {background:none;width:200px;color:#fff;font-size:13px;font-family:Droid sans;font-weight:normal;margin-top:5px;padding:4px 10px;border:1px solid #bbb;-moz-border-radius:5px;display:inline}
#srctombol {cursor:pointer;background:#000;color:#fff;font-size:13px;font-family:Droid sans;margin:0;padding:3px 2px;font-weight:bold;border:1px solid #bbb;-moz-border-radius:5px}
#srctombol:hover {background:transparent;color:#fff}
/* Outer-Wrapper */
#outer-wrapper{width:1007px;margin:5px auto}
#main-wrapper{width:620px;float: left;padding:10px 6px 0px 5px;word-wrap:break-word;overflow:hidden;border-right:1px solid #ccc}
#sidebaratas-wrapper{width:365px;float:right;padding:9px 5px 0px 5px;word-wrap:break-word;overflow:hidden}
#sidebar-wrapper{width:180px;float:right;padding:9px 5px 0px 5px;word-wrap:break-word;overflow:hidden}
#sidebar2-wrapper{width:180px;float:right;padding:9px 0px 0px 0px;word-wrap:break-word;overflow:hidden}
#sidebarbawah-wrapper{width:365px;float:right;padding:9px 5px 0px 5px;word-wrap:break-word;overflow:hidden}
/* Main */
.main .widget {margin:0;padding:0px 0px 20px 0px;}
/* Posts */
.post {background:transparent;margin:0px 0px 20px 0px;padding:5px;border:1px solid #ccc;-moz-border-radius:5px;text-align:justify;}
.post:hover {box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.post h2 {background:url(http://photoserver.ws/images/Kyup4cd9cf14a273b.png)no-repeat left center;border-bottom:1px solid #ccc;margin:0;padding:0px}
.post h2 a{text-shadow:2px 2px 2px #000;color:#fff;padding-left:20px}
.post h2 a:hover{color:#da0404}
.post-body{margin:10px 5px;padding:0px}
.post-body blockquote {overflow:auto; height:220px; background-position:-10px -7px; border: 1px dashed #fff; margin: 10px; padding: 10px; background:#666; text-align: justify; line-height:1.4em;
opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F}
.post-body blockquote:hover{color:#fff; font-size:15px; background:#666;
opacity:0.9; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000;}
.post blockquote{ margin:1em 15px}
.post blockquote p{ margin:.75em 0}
.post-footer{margin:10px 0px 5px 0px;padding:0;color:#999;line-height:1.2em;font-size:12px}
.post-footer a{color:#F70000}
.post-footer a:hover{color:#fff}
.post img{padding:0px;margin:5px 5px 0px 0px;opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6; border:1px solid #D8D597;border-radius:7px; -moz-border-radius:7px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg)}
.post img:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; opacity:100; filter:alpha(opacity=40); this.style.opacity=1;transform:rotate(1deg); -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg)}
.jump-link {margin:5px;text-align:right;}
/* Comment */
#bg_commentblock {color:#fff;width:598px;background:transparent;float: left;padding:10px;margin:0px}
#bg_commentblock li{list-style:none}
div .comment-body a{color:#0080ff}
div .comment-body a:hover{color:#fff}
.comment-body {background:transparent;text-shadow:2px 2px 2px #000;padding:5px 0px 0px 7px;-moz-border-radius:10px;margin:15px 0px 20px 0px;border:1px solid #aaa;color:#fff}
.comment-body:hover{font-size:16px;box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.comment-body-author {background:#666;background:-moz-linear-gradient(top,#fff,#fbefd9);padding:5px 0px 0px 7px;-moz-border-radius:10px;margin:15px 0px 20px 0px;border:1px solid #aaa;color:#fff}
.comment-list li a{color:#00a}
.sg1 {position:relative;top:-29px;left:5px;border-color: transparent transparent #aaa transparent;border-style:solid;border-width:12px;height:0;width:0;}
.sg2 {position:relative;top:0px;left:5px;border-color: transparent transparent #fff transparent;border-style:solid;border-width:12px;height:0;width:0;margin-top:-52px;}
.commentblock {text-align:left;padding:0;margin:0;}
.commentblock a{color:#666;}
.commentblock a:hover{color:#fff;}
#comment-editor{height:300px;width:618px;margin:0;padding:0;}
.commentlist {margin-top:10px}
.commentlist li {list-style:none;margin-bottom:px;line-height: 20px;padding: 0px;}
.author-name a {color:#ff5500}
.author-name a:hover {color:#fff}
/* Sidebaratas Content */
.sidebaratas {padding:0px;margin:1px;font-size:13px;line-height: 1.3em;text-shadow:2px 2px 2px #000;color:#ddd}
.sidebaratas h2 {background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2uovi_w2LJxVKUGqPMREN4VgWgrcAgzeDsCnh7iKU0i9-HfS6vpgHxpIskdWmJl9liy9ArVhfxksDPs2BUNP5H3jhWZylUTJU7mHb7p3Jjrt2uUXZkA8tJ2kDzicjQLaSiUJDPwsqmfaN/")no-repeat 100% 50%;margin:0px;font-weight:normal;padding:0px 5px;color:#fff;text-shadow:2px 2px 2px #000;-moz-border-radius:2px}
.sidebaratas h2.headactive {background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo5I9A3wb1ZsKgOzi9NcUKh8_bGM2LBI9OI4mwP_dTfyjEjlYom-ahp-Jku-dKQYcCK-WKXQArvZHa8xwuLgHwgKpx2ZAV5Awnc23tQ8zvGC-m12FPREHPUdOD_TNpaqG0199eXoQk-AhN/")no-repeat 100% 50%;}
.sidebaratas h2.headactive {background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2uovi_w2LJxVKUGqPMREN4VgWgrcAgzeDsCnh7iKU0i9-HfS6vpgHxpIskdWmJl9liy9ArVhfxksDPs2BUNP5H3jhWZylUTJU7mHb7p3Jjrt2uUXZkA8tJ2kDzicjQLaSiUJDPwsqmfaN/")no-repeat 100% 50%;}
.sidebaratas ul {margin:0px;padding:0px}
.sidebaratas li {list-style:none;line-height:15px;background:url(http://photoserver.ws/images/5HC34cdb50034c25c.png)no-repeat left;margin:0px;padding:4px 0px 4px 20px;border-bottom:1px dashed #999;}
.sidebaratas ul li {border-bottom:1px dashed #999;}
.sidebaratas .widget {margin-bottom:5px;padding:5px;background:transparent;border:1px solid #ccc;-moz-border-radius:5px;}
.sidebaratas .widget:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.sidebaratas .widget-content {margin-top:3px;border-style:solid;border-width:2px;-moz-border-top-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-bottom:none}
/* Sidebar Content */
.sidebar {padding:0px;margin:1px;font-size:13px;line-height: 1.3em;color:#33F}
.sidebar h2 {background:transparent;margin:0px;font-weight:normal;padding:0px 5px;color:#fff;text-shadow:2px 2px 2px #000;-moz-border-radius:2px;}
.sidebar ul {margin:0px;padding:0px}
.sidebar li {list-style:none;line-height:15px;background:url(http://i634.photobucket.com/albums/uu61/adetea/link_arrow_thumb1.png)no-repeat left;margin:0px;padding:4px 0px 4px 20px;border-bottom:1px dashed #999;}
.sidebar ul li {border-bottom:1px dashed #999;}
.sidebar .widget {margin-bottom: 5px;padding:5px;background:transparent;border:1px solid #ccc;-moz-border-radius:5px;}
.sidebar .widget:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.sidebar .widget-content {margin-top:3px;border-style:solid;border-width:2px;-moz-border-top-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-bottom:none}
/* Sidebar2 Content */
.sidebar2 {padding:0px;margin:1px;font-size:13px;line-height: 1.3em;color:#33F}
.sidebar2 h2 {background:transparent;margin:0px;font-weight:normal;padding:0px 5px;color:#fff;text-shadow:2px 2px 2px #000;-moz-border-radius:2px;}
.sidebar2 ul {margin:0px;padding:0px}
.sidebar2 li {list-style:none;line-height:15px;background:url(http://i634.photobucket.com/albums/uu61/adetea/link_arrow_thumb1.png)no-repeat left;margin:0px;padding:4px 0px 4px 20px;border-bottom:1px dashed #999;}
.sidebar2 ul li {border-bottom:1px dashed #999;}
.sidebar2 .widget {margin-bottom:5px;padding:5px;background:transparent;border:1px solid #ccc;-moz-border-radius:5px;}
.sidebar2 .widget:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.sidebar2 .widget-content {margin-top:3px;border-style:solid;border-width:2px;-moz-border-top-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-bottom:none}
/* Sidebarbawah Content */
.sidebarbawah {padding:0px;margin:1px;font-size:13px;line-height: 1.3em;color:#33F}
.sidebarbawah h2 {background:transparent;margin:0px;font-weight:normal;padding:0px 5px;color:#fff;text-shadow:2px 2px 2px #000;-moz-border-radius:2px;}
.sidebarbawah ul {margin:0px;padding:0px}
.sidebarbawah li {list-style:none;line-height:15px;background:url(http://i634.photobucket.com/albums/uu61/adetea/link_arrow_thumb1.png)no-repeat left;margin:0px;padding:4px 0px 4px 20px;border-bottom:1px dashed #999;}
.sidebarbawah ul li {border-bottom:1px dashed #999;}
.sidebarbawah .widget {margin-bottom:5px;padding:5px;background:transparent;border:1px solid #ccc;-moz-border-radius:5px;}
.sidebarbawah .widget:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.sidebarbawah .widget-content {margin-top:3px;border-style:solid;border-width:2px;-moz-border-top-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-bottom:none}
/* Profile */
.profile-img{float:left;background:#000;margin:5px 5px 0px 0px;padding:0px;border:6px solid #aaa; opacity:0.7; border-radius:6px; margin:15px 0 10px 1px; padding:2px; box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #33F; -moz-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #33F; -webkit-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #33F; -o-transition:margin-left 1.5s ease-in 2s,margin-top 1.5s 2.5s,-o-transform 1.5s ease-out 1s,opacity 2s ease-in; -moz-transition:margin 1.5s ease-in 2s,-moz-transform 1.5s ease-out 1s,opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s,-webkit-transform 1.5s ease-out 1s,opacity 2s ease-in}
.profile-img:hover{opacity:100; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -moz-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 20px #F70000; margin:50px 0px 20px 10px; -o-transform:rotate(1460deg) scale(1.8) translate(35px,10px); -moz-transform:rotate(1460deg) scale(1.8) translate(35px,10px); -webkit-transform:rotate(1460deg) scale(1.8) translate(35px,10px); -o-transition:margin-left 1.5s ease-in 0.4s,margin-top 1.5s,-o-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s; -moz-transition:margin 1.5s ease-in 0.4s,-moz-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s; -webkit-transition:margin 1.5s ease-in 0.4s,-webkit-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s}
.profile-data{margin:0px;letter-spacing:2px;color:#fff;font:13px Droid sans;font-weight: normal;}
.profile-datablock{color:#ddd;text-align:justify;padding:0px;margin:0px 5px 0px 0px;}
.profile-textblock{font:13px Droid sans;margin:0px;line-height:1.2em;}
.profile-link{font:12px Droid sans;text-transform:none;letter-spacing:2px;line-height:1.2em;}
/* Footer */
#footer{width:1007px;clear:both;margin:0px auto;}
/* Navigasi */
#blog-pager {padding:5px 0px;width:100%;font-size:13px;float:left}
#blog-pager-newer-link {background:transparent;padding:5px 10px;-moz-border-radius:5px;border:1px solid #aaa;float:left}
#blog-pager-older-link {background:transparent;padding:5px 10px;-moz-border-radius:5px;border:1px solid #aaa;float:right}
.home-link {background:transparent;padding:5px 10px;position:relative;top:5px;left:0px;-moz-border-radius:5px;border:1px solid #aaa}
.showpageArea a{-moz-border-radius:5px;text-decoration:none}
.showpageNum a{font-weight:bold;color:#FF4848;padding:1px 8px; margin:0 4px;text-shadow:2px 2px 2px #000;border:1px solid #ccc;background:transparent;-moz-border-radius:5px}
.showpageNum a:hover{color:#fff;text-shadow:2px 2px 2px #000;border:1px solid #ccc}
.showpagePoint{color:#fff; text-shadow:2px 2px 2px #000; padding:1px 8px; margin:2px; font-weight:bold;border:1px solid #ccc;background:#000;-moz-border-radius:5px;cursor:default}
.totalpages{margin:0 8px 0 0;color:#fff;background:#000;padding:1px 10px;border:1px solid #ccc;-moz-border-radius:5px;cursor:default}
.showpage a{padding:1px 8px; margin:0 2px;border:1px solid #ccc;background:transparent;color:#fff;text-shadow:2px 2px 2px #000;padding-left:10px;-moz-border-radius:5px}
.showpage a:hover{background:#000;color:#fff;text-shadow:2px 2px 2px #000;padding:1px 8px;padding-left:10px}
#showlastpage a{font-weight:bold}
/* Widget */
#BlogArchive1 ul li a{list-style:none;line-height:15px;background:url(http://i634.photobucket.com/albums/uu61/adetea/link_arrow_thumb1.png)no-repeat left;margin:0px;padding:4px 0px 4px 20px;}
#PopularPosts1 ul li,#PopularPosts2 ul li{background:none}
#PopularPosts1 a {background:url(http://i634.photobucket.com/albums/uu61/adetea/link_arrow_thumb1.png)no-repeat left;padding-left:20px;}
#PopularPosts1 img {border-radius:6px;box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F70000; -moz-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F70000; -webkit-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F70000;transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg);border:1px solid #aaa;margin:0;padding:0}
#PopularPosts1 .item-thumbnail, #PopularPosts1 .item-thumbnail a {background:none;}
#PopularPosts1 .item-thumbnail {margin:0px 5px 0px -20px;padding:0;}
/* Boxwrap */
#boxwrap {padding:5px 0px 0px 0px;margin:0px auto;text-align:left;font-size:13px}
#boxwrap ul {margin:0;padding:0;}
#boxwrap li {margin:0;padding:3px 0px 3px 20px;border-bottom:1px dashed #ccc;background:url(http://i634.photobucket.com/albums/uu61/adetea/link_arrow_thumb1.png)no-repeat left;}
#boxwrap h2 {background:transparent;margin:0px;font-weight:normal;padding:0px 5px;color:#fff;text-shadow:2px 2px 2px #000;-moz-border-radius:2px;}
#boxwrap #box1 {width:320px;float:left;margin-left:8px;padding:0px;text-align:left}
#box1 .widget {margin-bottom: 5px;padding:5px;background:transparent;border:1px solid #ccc;-moz-border-radius:5px;}
#box1 .widget:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
#box1 .widget-content {margin-top:3px;border-style:solid;border-width:2px;-moz-border-top-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-bottom:none}
#boxwrap #box2 {width:336px;float:left;margin-left:8px;padding:0px;text-align:left}
#box2 .widget {margin-bottom:5px;padding:5px;background:transparent;border:1px solid #ccc;-moz-border-radius:5px;}
#box2 .widget:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
#box2 .widget-content {margin-top:3px;border-style:solid;border-width:2px;-moz-border-top-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-bottom:none}
#boxwrap #box3 {width:320px;float:left;margin-left:8px;text-align:left}
#box3 .widget {margin-bottom: 5px;padding:5px;background:transparent;border:1px solid #ccc;-moz-border-radius:5px;}
#box3 .widget:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
#box3 .widget-content {margin-top:3px;border-style:solid;border-width:2px;-moz-border-top-colors:#a6a6a6 #fff;border-right:none;border-left:none;border-bottom:none}
/* Credit */
#credit{background:transparent;color:#fff;width:987px;height:18px;margin:0px auto;padding:5px 10px;font-size:13px;border-top:1px solid #bbb}
#credit a{color:#FF0033}
#credit a:hover{color:#fff}
#creditkiri{float:left}
#creditkanan{float:right}

]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#blog-pager {float:none}
</b:if>
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
var sidebarnameacc1=&quot;sidebaratas&quot;;
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2=&quot;sidebaratas2&quot;;
var accordionside2=false;
var sideshow2=new Array(0,0);
</script>
<script src='http://introbloggerscripts.googlecode.com/files/accordionscriptv101-min.js' type='text/javascript'/>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; 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>
<!-- <body>
<div></div> -->
  <body>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='UTTA-HACK (Header)' type='Header'>
<b:includable id='title'>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <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:section>
      <b:section class='header2' id='header2' maxwidgets='1' preferred='no'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/>

      <b:if cond='data:photo.url != &quot;&quot;'>
        <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'><data:displayname/></dt>

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

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


    </div>
  </b:includable>
</b:widget>
</b:section>
    </div>
 
<div id='navmenu'>
<div id='navkiri'>
<ul id='nav'>
<li class='current'><a href='/'>Home</a></li>
<li>
<a href='#' title='Menu1'>Menu1</a>
<ul>
<li><a href='#' title='Menu1'>Menu1 - 1</a></li>
<li><a href='#' title='Menu1'>Menu1 - 2</a></li>
<li><a href='#' title='Menu1'>Menu1 - 3</a></li>
<li><a href='#' title='Menu1'>Menu1 - 4</a></li>
</ul>
</li>
<li>
<a href='#' title='Menu2'>Menu2</a>
<ul>
<li><a href='#' title='Menu2'>Menu2 - 1</a></li>
<li><a href='#' title='Menu2'>Menu2 - 2</a></li>
<li><a href='#' title='Menu2'>Menu2 - 3</a></li>
<li><a href='#' title='Menu2'>Menu2 - 4</a></li>
</ul>
</li>
<li><a href='#' title='Menu3'>Menu3</a></li>
<li><a href='#' title='Menu4'>Menu4</a></li>
<li><a href='#' title='Menu5'>Menu5</a></li>
<li><a href='http://uttawebsite.co.cc' title='Galery'>Gallery</a></li>
<li><a href='http://uttafreak-987.blogspot.com' title='Designer'>Designer</a></li>
</ul>
</div>
<div id='navkanan'>
<div id='search'>
<form action='/search/' id='srcform' method='get' style='display: inline;'>
<input id='srckotak' maxlength='240' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel disini...&quot;;}' onfocus='if (this.value == &quot;Cari artikel disini...&quot;) {this.value = &quot;&quot;}' type='text' value='Cari artikel disini...'/>
<input id='srctombol' type='submit' value='GO'/>
</form></div>
</div>
</div>

<div id='outer-wrapper'>
    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='yes'>
<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:blog.pageType == &quot;item&quot;'>
<b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
     </b:if>
  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img border='0' src='http://i622.photobucket.com/albums/tt309/kokobota/j4FIbe1267977517.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
  
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
    </b:if>
    
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      
      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>

<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </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 != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            Comments: <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/></b:if></a>
          </b:if>
        </b:if>
      </span>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        <!-- email post links -->
        <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://www.blogger.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

      </span>
      </div>

      <div class='post-footer-line post-footer-line-2'>
      <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 != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-3'>
      <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='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'>
  <span class='comment-form'>
    <a name='comment-form'/>
<span style='font:16px trebuchet ms;font-weight:bold;color:#dd5500;'><data:postCommentMsg/></span>
<data:blogCommentMessage/>
    <data:blogTeamBlogMessage/>
        <iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:src='data:post.commentFormIframeSrc' frameborder='0' id='comment-editor' name='comment-editor'/>
</span>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>

  <b:if cond='data:top.showPlusOne'>
    <script expr:src='data:top.plusOneJsUrl'/>
  </b:if>

  <!-- posts -->
  <div class='blog-posts hfeed'>

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

    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isDateStart'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>
<b:if cond='data:post.dateHeader'>
<script type='text/javascript'>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script type='text/javascript'>document.write(ultimaFecha);</script>
</h2>
</b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-posts&quot;&gt;
      </b:if>
      <div class='post-outer'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <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:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <b:if cond='data:numPosts != 0'>
      &lt;/div&gt;&lt;/div&gt;
    </b:if>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>

  <b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <a expr:href='data:post.url'>
      <div class='mobile-index-title-outer'>
        <h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>
      </div>

      <div>
        <div class='mobile-index-arrow'>
          &amp;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;'/>
      </div>
    </a>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <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>
      </b:if>
    </div>
  </div>
</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 id='bg_commentblock'>
   <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h3 id='comments-title'>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h3>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

          <b:loop values='data:post.comments' var='comment'>
<div class='commentlist'>
<div class='commentblock'>
<div class='comment-author vcard'>

<a expr:href='data:comment.url' title='Publish Time'>
<data:comment.timestamp/></a>

              <a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
              
<div class='author-name'>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <span style='color:#666;'>said...</span>
              <b:else/>
                <data:comment.author/> <span style='color:#666;'>said...</span>
              </b:if>
                       
              </div></div>

<b:if cond='data:comment.author == data:post.author'>
<div class='comment-body-author'>
<div class='sg1'/><div class='sg2'/>
<p><data:comment.body/></p>
</div>
<b:else/>
<div class='comment-body'>
<div class='sg1'/><div class='sg2'/>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                  <span class='interaction-iframe-guide'/>
                </p>
              </b:if>
                </div>
</b:if>

</div>
</div>
          </b:loop>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

<div>
<script type='text/javascript'>
var pageCount=2;
var displayPageNum=4;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("blog-pager").style.display="inline";var canvas="";function writescript(a){document.write('<script src="/feeds/posts/summary?alt=json-in-script&callback='+a+"&start-index="+startindex+'&max-results=100" ><\/script>')}function writelabelscript(a){document.write('<script src="/feeds/posts/summary/-/'+label+"?alt=json-in-script&callback="+a+"&start-index="+startindex+'&max-results=100" ><\/script>')}var url=location.href,total;var already=new Boolean(false);var timestamps=new Array();if(url.indexOf("/search/label/")!=-1){if(url.indexOf("?updated-max")!=-1){var label=url.substring(url.indexOf("/search/label/")+14,url.indexOf("?updated-max"))}else{var label=url.substring(url.indexOf("/search/label/")+14,url.indexOf("?&max"))}}if(url.indexOf("#Page")!=-1){var currentpagenum=parseInt(url.substring(url.indexOf("#Page")+5,url.length))}else{var currentpagenum=1}var startindex=(currentpagenum-displayPageNum-1>0)?((currentpagenum-displayPageNum-2)*pageCount+1):1;var total=(2*displayPageNum+1)*pageCount;if(url.indexOf("?q=")==-1&&url.indexOf(".html")==-1){if(url.indexOf("/search/label/")==-1){var islabel=new Boolean(false);do{writescript("buildtimestamps");startindex+=100}while(total>startindex)}else{var islabel=new Boolean(true);do{writelabelscript("buildtimestamps");startindex+=100}while(total>startindex)}document.write('<script type="text/javascript">printnav();<\/script>')}function buildtimestamps(b){if(already==false){total=parseInt(b.feed.openSearch$totalResults.$t)}init=pageCount-1;for(var a=init;post=b.feed.entry[a];a+=pageCount){timestamps[timestamps.length]=encodeURIComponent(post.published.$t.substring(0,19)+post.published.$t.substring(23,29))}}function printlast(b){var a=encodeURIComponent(b.feed.entry[0].published.$t.substring(0,19)+b.feed.entry[0].published.$t.substring(23,29));if(islabel==false){link="search?updated-max="+a+"&max-results="+pageCount+"#Page"+maxpages}else{link="/search/label/"+label+"?updated-max="+a+"&max-results="+pageCount+"#Page"+maxpages}document.getElementById("showlastpage").innerHTML='<a href="'+link+'">'+maxpages+"</a>"}function printnav(){maxpages=Math.ceil(total/pageCount);canvas=canvas+'<span class="totalpages">Page ['+maxpages+"]</span>";var a=((currentpagenum+displayPageNum)<maxpages)?currentpagenum+displayPageNum:maxpages;var c=((currentpagenum-displayPageNum)>1)?currentpagenum-displayPageNum:1;if(currentpagenum>1){if(islabel==false){if(currentpagenum==2){link="/"}else{link="search?updated-max="+timestamps[(c==1)?currentpagenum-c-2:currentpagenum-c-1]+"&max-results="+pageCount+"#Page"+(currentpagenum-1)}}else{if(currentpagenum==2){link="/search/label/"+label+"?&max-results="+pageCount}else{link="/search/label/"+label+"?updated-max="+timestamps[(c==1)?currentpagenum-c-2:currentpagenum-c-1]+"&max-results="+pageCount+"#Page"+(currentpagenum-1)}}canvas=canvas+' <span class="showpage"><a href="'+link+'">&#9668</a></span>'}if(c!=1){if(islabel==true){canvas=canvas+'<span class="showpageNum"><a href="/search/label/'+label+"&max-results="+pageCount+'">1</a></span>'}else{canvas=canvas+'<span class="showpageNum"><a href="/">1</a></span>'}canvas=canvas+"..."}for(var b=c;b<=a;b++){if(islabel==true){if(b==1){link="/search/label/"+label+"?&max-results="+pageCount}else{link="/search/label/"+label+"?updated-max="+timestamps[(c==1)?b-c-1:b-c]+"&max-results="+pageCount+"#Page"+b}if(b==currentpagenum){canvas=canvas+'<span class="showpagePoint">'+b+"</span>"}else{canvas=canvas+'<span class="showpageNum"><a href="'+link+'">'+b+"</a></span>"}}else{if(b==1){link="/"}else{link="search?updated-max="+timestamps[(c==1)?b-c-1:b-c]+"&max-results="+pageCount+"#Page"+b}if(b==currentpagenum){canvas=canvas+'<span class="showpagePoint">'+b+"</span>"}else{canvas=canvas+'<span class="showpageNum"><a href="'+link+'">'+b+"</a></span>"}}}if(a!=maxpages){canvas=canvas+' .. <span id="showlastpage" class="showpage"></span>';startindex=Math.floor((total-1)/pageCount)*pageCount;if(islabel==true){writelabelscript("printlast")}else{writescript("printlast")}}if(currentpagenum<maxpages){if(islabel==false){link="search?updated-max="+timestamps[(c==1)?currentpagenum-c:currentpagenum+1-c]+"&max-results="+pageCount+"#Page"+(currentpagenum+1)}else{link="/search/label/"+label+"?updated-max="+timestamps[(c==1)?currentpagenum-c:currentpagenum+1-c]+"&max-results="+pageCount+"#Page"+(currentpagenum+1)}canvas=canvas+' <span class="showpage"><a href="'+link+'">&#9658</a></span>'}document.getElementById("blog-pager").innerHTML=canvas};
//]]>
</script>
</div>

<div id='sidebaratas-wrapper'>
        <b:section class='sidebaratas' id='sidebaratas' preferred='yes'>
<b:widget id='PopularPosts2' locked='false' title='Entri Populer' 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 == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <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 == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <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/>
            <!-- (4) Show snippets and thumbnails -->
            <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='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <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 == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <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/>
            <!-- (4) Show snippets and thumbnails -->
            <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>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>

  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

<div id='sidebar2-wrapper'>
        <b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <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 + &quot;_ArchiveMenu&quot;'>
    <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>
    <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 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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>

  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

<div id='sidebarbawah-wrapper'>
        <b:section class='sidebarbawah' id='sidebarbawah' preferred='yes'>
<b:widget id='Label2' locked='false' title='Label' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='New Tutorial' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

<div id='boxwrap'>
<div id='box1'>
<b:section class='box1' id='kolom1' preferred='yes'>
<b:widget id='PopularPosts3' locked='false' title='Entri Populer' 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 == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <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 == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <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/>
            <!-- (4) Show snippets and thumbnails -->
            <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:section>
</div>
<div id='box2'>
<b:section class='box2' id='kolom2' preferred='yes'>
<b:widget id='HTML1' locked='false' title='New Story of My Life' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='box3'>
<b:section class='box3' id='kolom3' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Follow Us With Facebook' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
</div>

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>  
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <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='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <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>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <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='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' 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:section>
    </div>

  </div> <!-- end outer-wrapper -->

<div id='credit'>
<div id='creditkiri'>
Copyright&#169; 2011 <a href='/'><data:blog.title/></a> | Template Blogger Designer by : <a href='http://uttafreak-987.co.cc/'>Utta&#39;</a> |
</div>
<div id='creditkanan'>
Template Name | Uniqx Transparent : <a href='http://uttafreak-987.co.cc/'> Version 1.0 </a> | <a href='http://uttafreak-987.blogspot.com/'> Zero-Nine.Net </a>
</div>
</div>

</body>
</html>
Comments
0 Comments

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
 
Pusat H̲̲̅̅A̲̲̅̅C̲̲̅̅K̲̲̅̅I̲̲̅̅N̲̲̅Ɠ | Copyright © 2013 |Modified By P̲̲̅̅U̲̲̅̅S̲̲̅̅A̲̲̅̅T̲̲̅̅ ̲̲̅̅H̲̲̅̅A̲̲̅̅C̲̲̅̅K̲̲̅̅I̲̲̅̅N̲̲̅Ɠ & Blogger Template ™