<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='Google Code' name='google-site-verification'/>
<meta content='Bing Code' name='msvalidate.01'/>
<meta content='Alexa Code' name='alexaVerifyID'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Page Not Found</title>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> ~ Your Blog Description</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Description Length Blog' name='description'/>
<meta content='Keywords Blog' name='keywords'/>
<meta content='FIAN MT' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
</b:if>
<link href='/URL IMAGE' rel='icon' type='image/x-icon'/>
<style type="text/css">
<!-- /*<b:skin><![CDATA[
.header-wrapper {
width:1100px;
min-height:80px;
overflow:hidden;
position:relative;
margin:0 auto;
}
#header {
max-width:260px;
float:left;
width:auto;
overflow:hidden;
z-index:999;
min-width:260px;
margin:0;
padding:0;
}
.outerpic-wrapper {
width:100%;
padding:5px;
margin:0 auto;
overflow:hidden;
}
.headerpic-wrapper {
width:100%;
padding:0;
margin:0 auto;
}
.content-wrapper {
position:relative;
max-width:1100px;
margin:10px auto;
}
.outer-wrapper {
position:relative;
width:100%;
padding:0;
}
ul,ol {
list-style:none;
}
.main-wrapper {
width:760px;
margin:0;
float:left;
word-wrap:break-word;
overflow:hidden;
}
.sidebar-wrapper {
width:325px;
float:right;
word-wrap:break-word;
overflow:hidden;
}
*/]]></b:skin>
<style type='text/css'>
/* Reset Css */
#navbar-iframe,.quickedit {
height:0;
visibility:hidden;
display:none;
}
body {
background:#ececec;
color:#6a6a6a;
height:100%;
font-family:'PT Sans',sans-serif;
font-size:14px;
font-weight:400;
line-height:22px;
text-decoration:none;
margin:0;
padding:0;
}
a,a:link,a:visited {
color:#f88c00;
text-decoration:none;
}
a:hover,a:active {
color:#6a6a6a;
text-decoration:none;
}
h2.date-header {
display:none;
}
/* Head */
.header-wrapper{width:1200px;color:#333;min-height:0;overflow:hidden;position:relative;z-index:999;margin:0 auto}
#header{max-width:0;float:left;width:auto;overflow:hidden;z-index:999;min-width:0;margin:0;padding:0}
#header-inner{margin:0;padding:0}
#header h1,#header p{font:42px;line-height:0;text-align:left;color:#FFAA2A;margin:0;opacity:0}
#header h1 a,#header h1.title a:hover{color:#FFAA2A;text-decoration:none}
#header .description{color:#fff;font-size:14px;text-shadow:none;}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
/* Top Navigasi */
.navigator {
width:100%;
margin:0 auto;
position:fixed;
padding:0;
height:75px;
background:rgba(236,236,236,.9);
z-index:999;
}
.page-menu ul li {
list-style:none;
display:inline-block;
transition:all 400ms ease-in-out;
}
.page-menu {
float:left;
width:auto;
height:auto;
padding-top:15px;
margin:0 5px;
font-size:13px;
font-weight:400;
}
.page-menu ul {
margin:0 auto;
padding:0;
line-height:3em;
}
.page-menu ul li a:hover {
color:#ccc;
}
.page-menu ul li a {
color:#555;
padding:0 20px 0 30px;
text-decoration:none;
}
.page-menu ul li a img {
vertical-align:middle;
}
/* Search */
#search input[type="text"]:hover,#search input[type="text"]:focus{width:300px;border:1px solid #eee;border-radius:50px;padding-left:35px;}
#search input[type="text"]{background:#fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBC-x0cTNWnFsUjZ_8KvzuNkKvTJga4w1Ve1vPy-GcclO8gvs2ANjFMTCyvJljPFgWP6WCDoONt9xvGGepSdeFkPrRY8eExhV4DmWLL7QksxoVml8XhV24VREfEV9iNYvbGO7-11D73EY/s1600/tombolcari.gif")no-repeat center left 6px;width:0;font-size:13px;color:#ccc;padding:10px 10px 10px 25px;transition:all 0.5s ease-in-out;margin:10px 0;z-index:9;position:absolute;border:1px solid #eee;border-radius:50px;right:5px}
@media screen and (max-width:800px) {
.page-menu {
width:100%;
margin:0;
}
.navigator {
margin:0 auto;
position:relative;
}
.page-menu ul li {
width:33.3%;
float:left;
}
.page-menu ul li:first-child {
width:100%;
float:none;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:10px;
}
.page-menu ul li,.search-box {
text-align:center;
}
.page-menu ul li a {
margin:0 auto;
padding:0;
}
}
@media screen and (max-width:480px) {
.page-menu ul {
line-height:2em;
}
}
@media screen and (max-width:240px) {
.page-menu ul li {
width:50%;
}
}
/* Navigasi Bottom */
#navi {
width:80%;
overflow:hidden;
position:relative;
margin:0 auto;
padding:0;
}
#navi ul {
padding:0;
overflow:hidden;
display:block;
height:20px;
position:relative;
width:100%;
}
#navi li {
display:inline-block;
padding:0 10px 0 10px;
margin:0;
text-align:center;
border-right:1px solid #444;
overflow:hidden;
}
#navi li a {
display:block;
color:#aaa;
font-size:16px;
width:100%;
text-align:center;
margin:0;
}
#navi li a:hover {
color:#999 !important;
}
#navi li.last {
border-right:none !important;
}
#pull {
display:none;
}
img.logoweb {
margin-left:-40px;
}
/* Promary Menu */
.top-navigation {
background-color:rgba(255,255,255,.98);
margin:0 auto;
padding:0;
border-bottom:1px solid #eaeaea;
}
.top-menu,.top-menu * {
margin:0;
padding:0;
list-style:none;
}
.top-menu>
li {
float:left;
}
.top-menu li {
position:relative;
}
.top-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.top-menu li:hover>
ul,.top-menu li.top-menuhover>
ul {
display:block;
}
.top-menu a {
display:block;
position:relative;
text-decoration:none;
}
.top-menu-items a {
font-size:13px;
font-weight:700;
padding:18px;
color:#6a6a6a;
}
.top-menu-items a:hover,.top-menu-items a:visited:hover {
background-color:#fff;
color:#a7a7a7;
}
.top-menu-items .sub-menu a:hover {
background-color:rgba(251,217,91,0.98);
color:#fff;
}
.hamburger-menu:before {
content:"\f0c9";
font-family:FontAwesome;
}
.top-menu ul ul {
top:0;
left:100%;
}
.top-menu-arrow>
li>
.top-menu-inner:focus:after,.top-menu-arrow>
li:hover>
.top-menu-inner:after {
border-top-color:#a7a7a7;
}
.top-menu-arrow>
.top-menuhover>
.top-menu-inner:after,.top-menu-items .sub-menu .top-menu-arrow>
a>
.top-menu-inner:after {
border-top-color:#fff;
}
.top-menu-arrow .top-menu-inner {
padding-right:2.5em;
}
.sub-menu a {
padding:15px;
color:#fff;
}
.top-menu-arrow .top-menu-inner:after {
content:'';
position:absolute;
top:50%;
right:1em;
margin-top:-3px;
height:0;
width:0;
border:5px solid transparent;
border-top-color:rgba(0,0,0,.5);
}
.top-menu-arrow ul .top-menu-inner:after {
margin-top:-5px;
margin-right:-3px;
border-color:transparent;
border-left-color:rgba(255,255,255,.7);
}
.top-menu-arrow ul li>
.top-menu-inner:focus:after,.top-menu-arrow ul li:hover>
.top-menu-inner:after,.top-menu-arrow ul .top-menuhover>
.top-menu-inner:after,.top-menu-arrow ul .top-menu-items .sub-menu a>
.top-menu-inner:after,.top-menu-items .sub-menu .top-menu-arrow ul a>
.top-menu-inner:after {
border-left-color:#fff;
}
.top-menu-items {
width:74.57627%;
float:left;
margin-right:1.69492%;
}
.top-menu-items .top-menuhover,.top-menu-items .sub-menu a {
background-color:rgba(25,25,25,.9);
}
.widget-master .widget_nav_menu div {
padding:0;
}
.sider-page,.sider-fixed-top,.sider-fixed-bottom,.sider-menu.sider-horizontal>
.sider-panel {
transition:none .4s ease;
transition-property:top,right,bottom,left,border;
}
html.sider-opened .sider-page,html.sider-opened #sider-blocker {
left:0;
top:0;
margin:0;
border:0 solid transparent;
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker {
border:0 solid rgba(100,100,100,0);
}
.sider-menu .sider-hidden {
display:none;
}
.sider-fixed-top,.sider-fixed-bottom {
position:fixed;
left:0;
}
.sider-fixed-top {
top:0;
}
.sider-fixed-bottom {
bottom:0;
}
html.sider-opened .sider-page,.sider-menu>
.sider-panel {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
html.sider-opened {
overflow-x:hidden;
position:relative;
}
html.sider-opened .sider-page {
position:relative;
}
html.sider-background .sider-page {
background:inherit;
}
#sider-blocker {
background:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)transparent;
display:none;
width:100%;
height:100%;
position:fixed;
z-index:999;
}
html.sider-opened #sider-blocker,html.sider-blocking #sider-blocker {
display:block;
}
.sider-menu.sider-current {
display:block;
}
.sider-menu a:hover {
color:#fff;
}
.sider-menu {
background:inherit;
display:none;
overflow:hidden;
height:100%;
padding:0;
position:fixed;
left:0;
top:0;
z-index:0;
}
.sider-menu>
.sider-panel {
background:inherit;
-webkit-overflow-scrolling:touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
width:100%;
height:100%;
padding:0;
position:absolute;
top:0;
left:100%;
z-index:0;
}
.sider-menu>
.sider-panel.sider-opened {
left:0;
padding:0;
}
.sider-menu>
.sider-panel.sider-subopened {
left:-40%;
}
.sider-menu>
.sider-panel.sider-highest {
z-index:1;
}
.sider-menu>
.sider-panel.sider-hidden {
display:block;
visibility:hidden;
}
.sider-menu .sider-list {
padding:0;
}
.sider-menu>
.sider-list {
padding:20px 0 40px;
}
.sider-panel>
.sider-list {
margin-left:0;
margin-right:0;
width:100%;
float:none;
}
.sider-panel>
.sider-list:first-child {
padding-top:0;
}
.sider-list,.sider-list>
li {
list-style:none;
display:block;
padding:0;
margin:0;
}
.sider-list {
font:inherit;
font-size:14px;
}
.sider-list a,.sider-list a:hover {
text-decoration:none;
font-size:14px;
}
.sider-list>
li {
position:relative;
}
.sider-list>
li>
a,.sider-list>
li>
span {
font-size:14px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
color:inherit;
line-height:20px;
display:block;
padding:10px 10px 10px 20px;
margin:0;
}
.sider-list>
li:not(.sider-subtitle):not(.sider-label):not(.sider-noresults):after {
content:'';
border-bottom-width:1px;
border-bottom-style:solid;
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
}
.sider-list>
li:not(.sider-subtitle):not(.sider-label):not(.sider-noresults):after {
width:auto;
margin-left:20px;
position:relative;
left:auto;
}
.sider-list a.sider-subopen {
background:#292929;
width:40px;
height:100%;
padding:0;
position:absolute;
right:0;
top:0;
z-index:2;
}
.sider-list a.sider-subopen:hover {
background:#a7a7a7;
}
.sider-list a.sider-subopen:before {
content:'';
border-left-width:1px;
border-left-style:solid;
display:block;
height:100%;
position:absolute;
left:0;
top:0;
}
.sider-list a.sider-subopen.sider-fullsubopen {
width:100%;
}
.sider-list a.sider-subopen.sider-fullsubopen:before {
border-left:none;
}
.sider-list a.sider-subopen+a,.sider-list a.sider-subopen+span {
padding-right:5px;
margin-right:40px;
}
.sider-list>
li.sider-selected>
a.sider-subopen {
background:transparent;
}
.sider-list>
li.sider-selected>
a.sider-fullsubopen+a,.sider-list>
li.sider-selected>
a.sider-fullsubopen+span {
padding-right:45px;
margin-right:0;
}
.sider-list a.sider-subclose {
text-indent:20px;
padding-top:30px;
margin-top:-20px;
}
.sider-list>
li.sider-label {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-size:10px;
text-transform:uppercase;
text-indent:20px;
line-height:25px;
padding-right:5px;
}
.sider-list>
li.sider-spacer {
padding-top:40px;
}
.sider-list>
li.sider-spacer.sider-label {
padding-top:25px;
}
.sider-list a.sider-subopen:after,.sider-list a.sider-subclose:before {
content:'';
border:2px solid transparent;
display:block;
width:7px;
height:7px;
margin-bottom:-5px;
position:absolute;
bottom:50%;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.sider-list a.sider-subopen:after {
border-top:none;
border-left:none;
right:18px;
}
.sider-list a.sider-subclose:before {
border-right:none;
border-bottom:none;
margin-bottom:-15px;
left:22px;
}
.sider-menu.sider-vertical .sider-list .sider-panel {
display:none;
padding:10px 0 10px 10px;
}
.sider-menu.sider-vertical .sider-list .sider-panel li:last-child:after {
border-color:transparent;
}
.sider-menu.sider-vertical .sider-list li.sider-opened>
.sider-panel {
display:block;
}
.sider-menu.sider-vertical .sider-list>
li.sider-opened>
a.sider-subopen {
height:40px;
}
.sider-menu.sider-vertical .sider-list>
li.sider-opened>
a.sider-subopen:after {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
top:16px;
right:16px;
}
html.sider-opened .sider-page {
box-shadow:0 0 10px rgba(0,0,0,.2);
}
.sider-ismenu {
background:#363636;
color:rgba(255,255,255,.7);
margin:0;
z-index:999999;
}
.sider-menu .sider-list>
li:after {
border-color:rgba(0,0,0,.15);
}
.sider-menu .sider-list>
li>
a.sider-subclose {
background:rgba(0,0,0,.1);
color:rgba(255,255,255,.3);
}
.sider-menu .sider-list>
li>
a.sider-subopen:after,.sider-menu .sider-list>
li>
a.sider-subclose:before {
border-color:rgba(255,255,255,.5);
}
.sider-menu .sider-list>
li>
a.sider-subopen:hover:after,.sider-menu .sider-list>
li>
a.sider-subclose:hover:before {
border-color:rgba(255,255,255,1);
}
.sider-menu .sider-list>
li>
a.sider-subopen:before {
border-color:rgba(0,0,0,.15);
}
.sider-menu .sider-list>
li.sider-selected>
a:not(.sider-subopen),.sider-menu .sider-list>
li.sider-selected>
span {
background:rgba(0,0,0,.1);
}
.sider-menu .sider-list>
li.sider-label {
background:rgba(255,255,255,.05);
}
.sider-menu.sider-vertical .sider-list li.sider-opened>
a.sider-subopen,.sider-menu.sider-vertical .sider-list li.sider-opened>
ul {
background:rgba(255,255,255,.05);
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
left:80%;
}
.sider-menu {
width:80%;
}
.flex-direction-nav {
padding:5px 0;
overflow:hidden;
}
.flex-direction-nav .flex-prev {
float:left;
}
.flex-direction-nav .flex-next {
float:right;
}
@media screen and (min-width:641px) {
#menu-utama {
display:block;
position:absolute;
z-index:99;
width:100%;
margin:80px auto;
max-width:100%;
-webkit-transform:translateZ(0);
}
.mobile-menu,.tinynav {
display:none;
}
.searchform,.main-navigation-items {
display:block;
}
}
@media screen and (max-width:640px) {
.top-menu-items a:hover,.top-menu-items a:visited:hover,.top-menu-items .top-menuhover,.top-menu-items .sub-menu a {
background-color:#07ACEC;
color:#fff;
}
.mobile-menu {
display:block;
position:absolute;
width:100%;
background:#fff;
z-index:50;
-webkit-transform:translateZ(0);
opacity:.96;
border-bottom:1px solid #e9e9e9;
}
.mobile-menu .hamburger {
display:inline-block;
background:#07ACEC;
font-size:25px;
padding:10px;
color:#fff;
cursor:pointer;
}
.mobile-menu .hamburger:hover {
display:inline-block;
background:#292929;
color:#fff;
}
#menu-utama,.searchform,.main-navigation-items {
display:none;
}
.tinynav {
display:block;
}
}
@media all and (min-width:550px) {
.sider-menu {
width:440px;
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
left:440px;
}
}
@media all and (max-width:175px) {
.sider-menu {
width:140px;
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
left:140px;
}
}
.datex span {
display:none;
}
.social {
float:right;
margin-top:17px;
}
.social a {
float:left;
text-align:center;
margin:4px 0 4px 4px;
width:34px;
height:34px;
font-size:16px;
color:#9E9E9E;
-webkit-transition:all 0.1s ease;
transition:all 0.1s ease;
}
.social a i {
background:#F7F7F7;
border-radius:2px;
border:1px solid #EBEBEB;
padding:8px 0;
display:block;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.social a:hover .fa-twitter,.social a:hover .icons-social-twitter,.with_color a .fa-twitter,.with_color a .icons-social-twitter {
background:#00abdc;
}
.social a:hover .fa-facebook,.social a:hover .icons-social-facebook,.with_color a .fa-facebook,.with_color a .icons-social-facebook {
background:#325c94;
}
.social a:hover .fa-dribbble,.social a:hover .icons-social-dribbble,.with_color a .fa-dribbble,.with_color a .icons-social-dribbble {
background:#fa4086;
}
.social a:hover .fa-rss,.social a:hover .icons-rss,.with_color a .fa-rss,.with_color a .icons-rss {
background:#f1862f;
}
.social a:hover .fa-github,.social a:hover .icons-social-github,.with_color a .fa-github,.with_color a .icons-social-github {
background:#333;
}
.social a:hover .fa-instagram,.with_color a .fa-instagram {
background:#964b00;
}
.social a:hover .fa-linkedin,.social a:hover .icons-social-linkedin,.with_color a .fa-linkedin,.with_color a .icons-social-linkedin {
background:#0073b2;
}
.social a:hover .fa-pinterest,.social a:hover .icons-social-pinterest,.with_color a .fa-pinterest,.with_color a .icons-social-pinterest {
background:#d9031f;
}
.social a:hover .fa-google-plus,.social a:hover .icons-social-google-plus,.with_color a .fa-google-plus,.with_color a .icons-social-google-plus {
background:#d9031f;
}
.social a:hover .fa-foursquare,.with_color a .fa-foursquare {
background:#0cbadf;
}
.social a:hover .fa-skype,.social a:hover .icons-social-skype,.with_color a .fa-skype,.with_color a .icons-social-skype {
background:#00b9e5;
}
.social a:hover .fa-cloud,.social a:hover .icons-social-soundcloud,.with_color a .fa-cloud,.with_color a .icons-social-soundcloud {
background:#ff7700;
}
.social a:hover .fa-youtube,.social a:hover .icons-social-youtube,.with_color a .fa-youtube,.with_color a .icons-social-youtube {
background:#d9031f;
}
.social a:hover .fa-tumblr,.social a:hover .icons-social-tumblr,.with_color a .fa-tumblr,.with_color a .icons-social-tumblr {
background:#325c94;
}
.social a:hover .fa-star,.with_color a .fa-star {
background:#F8AC24;
}
.social a:hover .fa-flickr,.social a:hover .icons-social-flickr,.with_color a .fa-flickr,.with_color a .icons-social-flickr {
background:#fa4086;
}
.social a:hover .fa-random,.with_color a .fa-random,.social a:hover .fa-envelope-o,.with_color a .fa-envelope-o,.social a:hover .fa-home,.with_color a .fa-home {
background:#1D1E20;
}
.social a:hover i,.with_color i {
color:#fff;
}
.with_color a i {
border:none !important;
}
/* Layout */
.outerpic-wrapper {
width:100%;
padding:0;
margin:0 auto;
overflow:hidden;
}
.headerpic-wrapper {
background:#f3f3f1;
width:100%;
height:75px;
padding:0;
margin:0 auto;
}
.content-wrapper {
position:relative;
max-width:1200px;
margin:0 auto;
}
.outer-wrapper {
position:relative;
width:100%;
padding:0;
}
.main-wrapper {
width:830px;
margin:0;
float:left;
word-wrap:break-word;
overflow:hidden;
}
.clr {
clear:both;
float:none;
}
/* Posted */
h2 {
line-height:1.4em;
text-transform:none;
color:#333;
margin:.5em 0 .25em;
}
h3.date-header {
text-transform:none;
font-size:12px;
color:#6a6a6a;
line-height:1.2em;
margin:.1em 0;
}
.post {
margin:10px 5px;
padding:35px;
background:#fff;
border-bottom:1px solid #d8d8d8;
}
.post h1,.post h2 {
font-size:270%;
line-height:1.2em;
color:#6a6a6a;
margin:.0em 0 0;
padding:4px 0;
}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong {
display:block;
text-decoration:none;
color:#6a6a6a;
}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover {
color:#a7a7a7;
}
.post-body {
padding-top:10px;
font-size:16px;
margin:1.0em 0 .75em;
line-height:1.8em;
}
.post-body blockquote {
line-height:1.8em;
}
/* Table */
.post-body table th,.post-body table td,.post-body table caption {
border:none;
padding:.5em .7em;
text-align:left;
vertical-align:top;
}
.post-body th:nth-child(1) {
background:#dee0e4;
color:#5d6b6b;
}
.post-body th:nth-child(2) {
background:#7EDD9E;
}
.post-body th:nth-child(3) {
background:#A3E7BA;
}
.post-body th:nth-child(4) {
background:#7EDD9E;
}
.post-body th:nth-child(5) {
background:#A3E7BA;
}
.post-body table td:nth-child(1) {
background:#edeff4;
color:#5d6b6b;
}
.post-body table td:nth-child(2) {
background:#5d6b6b;
color:#fff;
}
.post-body table td:nth-child(3) {
background:#6f7f7f;
color:#fff;
}
.post-body table td:nth-child(4) {
background:#5d6b6b;
color:#fff;
}
.post-body table td:nth-child(5) {
background:#6f7f7f;
color:#fff;
}
.post-body table.tr-caption-container {
border:none;
}
.post-body th {
font-weight:700;
}
.post-body table caption {
border:none;
font-style:italic;
}
.post-body table {}
.post-body td,.post-body th {
vertical-align:top;
text-align:left;
font-size:13px;
padding:3px 5px;
border:none;
}
.post-body th {
background:#7EDD9E;
color:#fff;
}
.post-body table.tr-caption-container td {
padding:12px;
background:#2e3138;
color:#b0b1b8;
font-family:'
Roboto'
;
font-size:13px;
text-decoration:blink;
border:1px solid #464a54;
}
.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img {
max-width:100%;
height:auto;
}
.post-body td.tr-caption {
color:#878888;
font-size:80%;
padding:0 8px 8px !important;
}
img {
max-width:100%;
height:auto;
border:none;
}
table {
max-width:97%;
width:100%;
margin:1.5em auto;
}
table.section-columns td.first.columns-cell {
border-left:none;
}
table.section-columns {
border:none;
table-layout:fixed;
width:100%;
position:relative;
}
table.columns-2 td.columns-cell {
width:50%;
}
table.columns-3 td.columns-cell {
width:33.33%;
}
table.columns-4 td.columns-cell {
width:25%;
}
table.section-columns td.columns-cell {
vertical-align:top;
}
table.tr-caption-container {
padding:4px;
margin-bottom:.5em;
}
td.tr-caption {
font-size:80%;
}
.post-footer {
color:#6a6a6a;
text-transform:none;
letter-spacing:.01em;
line-height:1.4em;
margin:.75em 0;
}
.comment-link {
margin-left:.1em;
}
.post blockquote {
font-family:Georgia,Times,"Times New Roman",serif;
font-size:16px;
border:solid 1px #d8d8d8;
margin:1em 0;
padding:1em 1em;
font-family:Georgia,Times,"Times New Roman",serif;
font-style:italic;
font-size:1em;
min-height:60px;
}
.post blockquote:before {
display:block;
float:left;
content:"\201C"
;
font-size:100px;
margin-right:10px;
color:#fff;
background-color:#03C9A9;
padding:15px 12px 5px 8px;
width:50px;
height:50px;
line-height:90px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.post blockquote cite {
position:relative;
display:block;
text-align:right;
margin-top:5px;
color:#999;
}
.post img,#header2 img,.sidebar img {
max-width:100%;
width:auto;
-ms-interpolation-mode:bicubic;
border:0;
}
.video-container {
position:relative;
margin:0 0 15px 0;
padding-bottom:51%;
padding-top:30px;
height:0;
overflow:hidden;
border:1px solid #ccc;
}
.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* Breadcrubms and Postmeta */
.breadcrumbs {
margin:75px 5px 5px;
padding:15px 35px 15px 35px;
background:#fff;
border-bottom:1px solid #d8d8d8;
font-size:12px;
color:#6a6a6a;
}
.postmeta {
display:block;
margin-bottom:10px;
padding:3px 0;
border-bottom:1px dotted #eee;
color:#6a6a6a;
line-height:1.6em;
font-weight:300;
text-align:left;
}
.author a:hover,.clock a:hover,.post-labels a:hover {
color:#eee;
}
.updated {
border-bottom:none;
}
.breadcrumbs span {
color:#6a6a6a;
}
.post-labels {
background:#8FCB52;
color:#eee;
padding:5px 5px 5px;
margin-left:-3px;
}
.author a {
background:#E15E5E;
padding:5px;
margin-right:5px;
}
.clock a {
background:#74DBD5;
padding:5px;
}
.author a,.clock a,.post-labels a {
color:#fff;
font-size:12px;
font-weight:400;
}
/* Box-Admin */
.author-box {
margin:10px 5px;
padding:20px;
background:#fff;
border-bottom:1px solid #d8d8d8;
font-size:16px;
color:#6a6a6a;
overflow:auto;
}
.author-box p {
margin:0;
padding:0;
}
.author-box a {
color:#6a6a6a;
}
.author-box img {
background:#FFFFFF;
float:left;
margin:0 10px 0 0;
padding:4px;
}
/* NextPage */
#blog-pager {
text-align:center;
padding:10px 5px 0;
margin:5px 0 0;
}
#blog-pager .home-link {
display:none;
}
#blog-pager a {
display:block;
background-color:#fff;
border-bottom:1px solid #d8d8d8;
margin:15px 0 20px;
padding:8px 25px 8px 8px;
line-height:25px;
font-size:13px;
width:auto;
color:#333;
font-weight:400;
}
#blog-pager a:hover {
text-decoration:none;
color:#46526e;
}
#blog-pager a:before {
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
width:25px;
height:25px;
line-height:25px;
font-size:12px;
border-radius:50%;
color:#555;
border:1px solid #555;
margin:0 5px 0 0;
text-align:center;
float:left;
}
#blog-pager a.blog-pager-newer-link:before {
content:"
\f053"
}
#blog-pager a.blog-pager-older-link:before {
content:"
\f054"
;
float:right;
margin:0 0 0 10px;
}
#blog-pager a.blog-pager-older-link {
padding:8px 8px 8px 25px;
}
#blog-pager a.blog-pager-older-link {
float:right !important;
}
#blog-pager a.blog-pager-newer-link {
float:left !important;
}
/* Sidebar */
.sidebar-wrapper {
width:350px;
font-size:13.3px;
float:right;
margin-top:63px;
word-wrap:break-word;
overflow:hidden;
}
.sidebar h2 {
color:#6a6a6a;
border-bottom:1px solid #eee;
font-family:'Lobster',cursive;
font-size:33px;
font-style:italic;
font-weight:400;
margin:0 0 0 0;
padding:12px 65px 12px 25px;
position:relative;
text-transform:normal;
transition:all .5s ease-out;
}
.sidebar h2:before {
content:'\f005';
font-family:FontAwesome;
font-size:20px;
font-style:normal;
font-weight:normal;
top:0;
right:0;
position:absolute;
padding:25px 15px;
background:transparent;
color:#FBD95B;
line-height:26px;
}
.sidebar {
color:#6a6a6a;
line-height:1em;
margin:5px 0;
font-size:11px;
}
.sidebar li {
line-height:1.3em;
margin:0;
padding:5px 0 4px;
}
.sidebar .widget {
margin:10px 3px 20px 1px;
padding:0;
background:#fff;
border-bottom:1px solid #d8d8d8;
}
.sidebar .widget-content {
padding:25px;
}
.sidebar a:link,.sidebar a:visited {
font-size:15px;
color:#777;
text-decoration:none;
}
.sidebar li a:hover {
color:#a7a7a7;
}
.sidebar ul {
list-style:none;
margin:0;
padding:5px 0;
}
/* Credit */
.credit-wrapper {
text-align:center;
margin:0 auto;
width:85%;
font-size:12px;
text-transform:uppercase;
color:#aaa;
line-height:1.5em;
padding:20px 0;
font-weight:400;
border-top:5px solid #444;
}
.credit-wrapper a {
color:#aaa;
}
.credit-wrapper a:hover {
opacity:.7;
}
.bala {
margin:0;
padding:0;
}
/* Footer And Subscribe */
#footergray {
padding:0;
margin:0 auto;
text-align:center;
width:100%;
background:#333;
display:block;
overflow:hidden;
}
#subscribe-css {
padding:70px 0;
}
.subscribe-wrapper {
color:#fff;
text-transform:normal;
font-family:'Lobster',cursive;
font-size:33px;
font-style:italic;
line-height:20px;
padding:1px 20px 10px;
text-align:center;
}
.subscribe-form {
clear:both;
display:block;
margin:10px 0;
overflow:hidden;
}
form.subscribe-form {
clear:both;
display:block;
margin:10px 0 0;
width:auto;
overflow:hidden;
}
.subscribe-css-email-field {
background:#fff;
color:#444;
margin:0 0 15px;
padding:12px 20px;
width:250px;
border:none;
}
.subscribe-css-email-button {
background:#f88c00;
color:#fff;
cursor:pointer;
font-weight:700;
padding:11px 12px 12px;
text-transform:none;
width:80px;
border:none;
font-size:14px;
}
/* Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {
list-style:none;
border:none;
background:none;
outline:none;
margin:0;
padding:0;
}
.PopularPosts ul {
list-style:none;
font-size:120%;
color:#777;
margin:0 !important;
width:100% !important;
}
.PopularPosts li:hover {
color:#f88c00;
}
.PopularPosts ul li img {
display:block;
transition:all 400ms ease-in-out;
width:100px;
height:60px;
float:left;
margin:0 15px 0 0;
}
.PopularPosts .item-title {
text-overflow:ellipsis;
overflow:hidden;
height:64px;
}
.PopularPosts ul li {
margin:0 !important;
padding:10px 5px 10px 10px;
border-top:0 solid #e0e0e0;
}
.PopularPosts ul li:nth-child {}
/* Widget Statis */
.counter-fianmt {
width:100%;
overflow:hidden;
clear:both;
font-size:0;
}
.counter-fianmt ul {
text-align:center;
}
.counter-fianmt li {
line-height:15px;
display:inline-block;
width:32%;
border-width:0 0 1px 0;
}
.counter-fianmt li a {
color:#444;
text-decoration:none;
display:block;
overflow:hidden;
opacity:0.8;
padding:0 0 6px;
}
.counter-fianmt li a:hover {
background:transparent;
opacity:1;
}
.counter-fianmt a i {
font-size:28px;
margin:8px auto;
width:50px;
color:#FFF;
height:50px;
line-height:50px;
display:block;
text-align:center;
background:#555;
border-radius:50px;
}
.counter-fianmt a:hover i,.social-icons-widget .social-icons.social-colored a:hover {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
.counter-fianmt a:hover span,.counter-fianmt a:hover small {
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
.counter-fianmt li:nth-child(3n+1) {
border-width:0 1px 1px 0;
}
.counter-fianmt li:nth-child(3n+3) {
border-width:0 0 1px 1px;
}
.counter-fianmt li span {
display:block;
font-size:21px;
}
.counter-fianmt li a small {
font-size:11px;
color:#777;
padding-top:3px;
display:inline-block;
}
.counter-fianmt.border a i {
background:transparent;
border:1px solid #555;
color:#555;
}
.counter-fianmt.border li a:hover i {
border:0 none;
color:#FFF;
}
.counter-fianmt.border .arq-lite-facebook a i {
border-color:#39599f;
color:#39599f;
}
.counter-fianmt.border .arq-lite-twitter a i {
border-color:#45b0e3;
color:#45b0e3;
}
.counter-fianmt.border .arq-lite-google a i {
border-color:#fa0101;
color:#fa0101;
}
.counter-fianmt.border .arq-lite-rss a i {
border-color:#f8bc2e;
color:#f8bc2e;
}
.counter-fianmt.border .arq-lite-soundcloud a i {
border-color:#F76700;
color:#F76700;
}
.counter-fianmt.border .arq-lite-github a i {
border-color:#4183c4;
color:#4183c4;
}
.counter-fianmt.border .arq-lite-behance a i {
border-color:#1769ff;
color:#1769ff;
}
.counter-fianmt.border .arq-lite-dribbble a i {
border-color:#d875a2;
color:#d875a2;
}
.counter-fianmt.border .arq-lite-youtube a i {
border-color:#cc181e;
color:#cc181e;
}
.counter-fianmt.border .arq-lite-instagram a i {
border-color:#517fa4;
color:#517fa4;
}
.counter-fianmt.border .arq-lite-vimeo a i {
border-color:#3fbfce;
color:#3fbfce;
}
.counter-fianmt.border .arq-lite-delicious a i {
border-color:#2567ee;
color:#2567ee;
}
.social-icons {
text-align:center;
}
.social-icons a {
margin:2px;
position:relative;
text-shadow:none;
display:inline-block;
}
.social-icons-widget .social-icons i:before {
display:inline-block;
width:32px;
height:32px;
line-height:32px;
font-size:18px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.social-icons-widget .social-icons a {
color:#555 !important;
}
#theme-footer .social-icons-widget .social-icons a {
color:#999 !important;
}
.social-icons-widget .social-icons.social-colored a {
color:#FFF !important;
}
.social-icons-widget .social-icons a:hover {
opacity:0.7;
}
.social-icons.social-colored .fa-delicious:before,.arq-lite-delicious a:hover i,.counter-fianmt.colored .arq-lite-delicious a i {
background:#2567ee;
}
.social-icons.social-colored .fa-foursquare:before {
background:#0d9ed1;
}
.social-icons.social-colored .fa-digg:before {
background:#b2b2b2;
}
.social-icons.social-colored .fa-reddit:before {
background:#ff915c;
}
.social-icons.social-colored .tieicon-vimeo:before,.arq-lite-vimeo a:hover i,.counter-fianmt.colored .arq-lite-vimeo a i {
background:#3fbfce;
}
.social-icons.social-colored .fa-play:before {
background:#a0b532;
}
.social-icons.social-colored .fa-soundcloud:before,.arq-lite-soundcloud a:hover i,.counter-fianmt.colored .arq-lite-soundcloud a i {
background:#F76700;
}
.social-icons.social-colored .fa-yelp:before {
background:#c1230d;
}
.social-icons.social-colored .fa-github:before {
background:#666;
}
.social-icons.social-colored .fa-xing:before {
background:#00605e;
}
.social-icons.social-colored .fa-dropbox:before {
background:#459ce6;
}
.social-icons.social-colored .fa-tumblr:before {
background:#385a75;
}
.social-icons.social-colored .fa-apple:before {
background:#7e878b;
}
.social-icons.social-colored .fa-dribbble:before,.arq-lite-dribbble a:hover i,.counter-fianmt.colored .arq-lite-dribbble a i {
background:#d875a2;
}
.social-icons.social-colored .fa-skype:before {
background:#00c6ff;
}
.social-icons.social-colored .fa-vk:before {
background:#369;
}
.social-icons.social-colored .fa-friendfeed:before {
background:#93b4dd;
}
.social-icons.social-colored .fa-lastfm:before {
background:#f54a3d;
}
.social-icons.social-colored .fa-spotify:before {
background:#7fb718;
}
.social-icons.social-colored .fa-paypal:before {
background:#34aad2;
}
.social-icons.social-colored .fa-wordpress:before {
background:#2071ad;
}
.social-icons.social-colored .fa-rss:before,.arq-lite-rss a:hover i,.counter-fianmt.colored .arq-lite-rss a i {
background:#f8bc2e;
}
.social-icons.social-colored .fa-share-alt:before {
background:#55ac60;
}
.social-icons.social-colored .tieicon-picasa:before {
background:#9d48a1;
}
.social-icons.social-colored .tieicon-evernote:before {
background:#1c8328;
}
.social-icons.social-colored .fa-github:before,.arq-lite-github a:hover i,.counter-fianmt.colored .arq-lite-github a i {
background:#4183c4;
}
.social-icons.social-colored .tieicon-blogger:before {
background:#f39d38;
}
.social-icons.social-colored .tieicon-viadeo:before {
background:#f97618;
}
.social-icons.social-colored .tieicon-deviantart:before {
background:#5d6f6d;
}
.social-icons.social-colored .tieicon-grooveshark:before {
background:#248fd3;
}
.social-icons.social-colored .tieicon-fivehundredpx:before {
background:#00adf1;
}
.social-icons.social-colored .fa-facebook:before,.social-facebook,.author-social a.social-facebook:hover,.arq-lite-facebook a:hover i,.counter-fianmt.colored .arq-lite-facebook a i {
background:#39599f;
}
.social-icons.social-colored .fa-twitter:before,.social-twitter,.author-social a.social-twitter:hover,.arq-lite-twitter a:hover i,.counter-fianmt.colored .arq-lite-twitter a i {
background:#45b0e3;
}
.social-icons.social-colored .fa-stumbleupon:before,.social-stumble,.author-social a.social-stumble:hover {
background:#eb4924;
}
.social-icons.social-colored .fa-google-plus:before,.social-google-plus,.author-social a.social-google-plus:hover,.arq-lite-google a:hover i,.counter-fianmt.colored .arq-lite-google a i {
background:#fa0101;
}
.social-icons.social-colored .fa-linkedin:before,.social-linkedin,.author-social a.social-linkedin:hover {
background:#65b7d2;
}
.social-icons.social-colored .fa-pinterest:before,.social-pinterest,.author-social a.social-pinterest:hover {
background:#E00707;
}
.social-icons.social-colored .fa-youtube:before,.social-youtube,.author-social a.social-youtube:hover,.arq-lite-youtube a:hover i,.counter-fianmt.colored .arq-lite-youtube a i {
background:#cc181e;
}
.social-icons.social-colored .tieicon-instagram:before,.social-instagram,.author-social a.social-instagram:hover,.arq-lite-instagram a:hover i,.counter-fianmt.colored .arq-lite-instagram a i {
background:#517fa4;
}
.social-icons.social-colored .fa-behance:before,.social-behance,.author-social a.social-behance:hover,.arq-lite-behance a:hover i,.counter-fianmt.colored .arq-lite-behance a i {
background:#1769ff;
}
.social-icons.social-colored .tieicon-flickr:before,.social-flickr,.author-social a.social-flickr:hover {
background:#ff0084;
}
.social-site {
background:#666;
}
.widget-container .tie-instagram {
margin-bottom:0;
}
/* Comments */
#comments {
font-size:16px;
margin:10px 5px;
padding:0;
background:#fff;
border-bottom:1px solid #d8d8d8;
color:#6a6a6a;
}
#comments h5 {
font-size:25px;
font-family:'Lobster',cursive;
margin:0;
padding:15px 20px;
position:relative;
overflow:hidden;
}
.comment_admin .comment_author_flag {
display:inline;
font-size:15px;
font-weight:normal;
padding:2px 6px;
margin-left:8px;
color:#fff;
border-radius:4px;
text-transform:uppercase;
letter-spacing:.1em;
}
.comment_inner {
background:#fff;
margin:0;
padding:15px;
overflow:hidden;
border-top:1px solid #e5e5e5;
transition:all .3s;
}
div.comment_inner.comment_admin {
background:#fff;
}
.comment_inner:hover,.comment_inner:hover >
.comment_body,.comment_child .comment_inner:hover,div.comment_inner.comment_admin:hover {
background:#fefefe;
}
.comment_header {
float:left;
width:67px;
}
.cm_head {
position:relative;
margin:-10px -10px 0;
padding:5px 10px 0;
}
.comment_avatar {
border-radius:55px;
margin:0;
padding:5px;
}
.comment_avatar img {
border-radius:55px;
width:55px;
height:55px;
padding:0;
border:5px solid #eee;
text-align:center;
margin:0;
background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat #eee;
}
div.comment_avatar img[src="
http://img1.blogblog.com/img/openid16-rounded.gif"
] {
content:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png);
}
.comment_name,.comment_name a {
padding:0;
margin:0;
font-weight:bold;
color:#333;
}
.comment_service {
margin-top:0;
}
.comment_date {
margin:0 0 0 5px;
color:#999;
font-size:11px;
font-weight:400;
}
.respond {
float:right;
margin:0;
padding:0;
}
.comment_date:hover {
color:#bbb;
text-decoration:underline;
}
.comment_body {
background:#fff;
margin-left:72px;
padding:10px;
}
.comment_body p {
line-height:normal;
margin:0;
color:#333;
word-wrap:break-word;
padding:10px 0;
}
.comment_child .comment_inner {
padding-left:78px;
}
.comment-delete {
position:absolute;
float:right;
top:10px;
right:10px;
margin:0;
padding:0;
opacity:.5;
transition:all .3s;
}
.comment_body:hover >
.cm_head a.comment-delete {
opacity:1;
}
.infonm {
float:left;
}
.comment_reply {
font-size:80%;
width:50px;
display:block;
font-weight:400;
margin:0;
padding:0;
color:#6a6a6a !important;
text-align:center;
text-decoration:none;
background:#fff;
border-radius:2px;
border:1px solid #e5e5e5;
transition:all .3s;
}
.comment_reply:hover {
text-decoration:none;
color:#a24436 !important;
}
.comment_hapus {
font-weight:300;
margin:0;
padding:0;
color:#fff !important;
text-decoration:none;
}
.comment_hapus:hover {
text-decoration:none;
color:#333 !important;
}
.unneeded-paging-control {
display:none;
}
.comment-form {
max-width:100% !important;
}
#comment-editor {
width:100% !important;
background:#fff url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 40%;
margin-bottom:0;
margin-top:5px;
}
.comment_form a {
text-decoration:none;
}
.comment-form p {
background:#fff none repeat scroll 0% 0%;
padding:0;
margin:0;
color:#333;
font-size:13px;
position:relative;
}
.comment_reply_form {
padding:0 0 0 70px;
}
.comment_reply_form .comment-form {
width:100%;
}
iframe {
border:none;
overflow:hidden;
}
.deleted-comment {
background:#e74c3c;
color:#fff;
padding:20px;
margin:5px 0;
display:block;
}
iframe {
border:none;
overflow:hidden;
}
p.spammer-detected {
background:#9eb2c0;
position:relative;
display:table;
margin:10px 0;
padding:10px 15px;
color:#fff;
font-size:95%;
border-radius:2px;
}
.pesan-komentar {
padding:0;
width:auto;
margin:0 auto;
line-height:normal;
position:relative;
font-weight:400;
color:#444;
}
.pesan-komentar h6 {
font-size:14px;
margin:0;
padding:15px 20px;
font-weight:700;
position:relative;
text-transform:uppercase;
overflow:hidden;
border-bottom:1px solid #eee;
}
.pesan-komentar .strike {
text-decoration:line-through;
display:inline;
padding:0;
}
.pesan-komentar ul {
padding:20px;
}
.pesan-komentar ul li {
list-style:none;
padding:3px 0;
font-size:13px;
}
.pesan-komentar ul li:first-child {
padding:0 0 3px 0;
}
.pesan-komentar ul li:last-child {
padding:3px 0 0 0;
}
.parser {
color:#6a6a6a;
border:1px solid #ddd;
padding:3px 6px;
margin:0 20px 20px;
cursor:pointer;
display:inline-block;
float:left;
text-align:center;
}
#parser {
padding:0;
margin:0 20px;
display:none;
}
#parser table,#parser2 table {
margin:0 auto;
width:100%;
}
#parser textarea#somewhere,#parser2 textarea#somewhere {
background:#fff;
color:#6a6a6a;
border:0;
height:100px;
width:100%;
padding:10px;
box-shadow:inset 0 0 0 1px #ddd;
transition:all .6s;
}
#parser textarea#somewhere:active,#parser textarea#somewhere:focus,#parser2 textarea#somewhere:active,#parser2 textarea#somewhere:focus {
color:#333;
box-shadow:inset 0 0 0 1px #ccc;
outline:0;
}
input.button-parse {
padding:5px 8px;
cursor:pointer;
border:1px solid #e85e54;
background:#f8695f;
color:#fff;
margin-bottom:20px;
border-radius:2px;
transition:all .3s;
}
input.button-parse:hover {
background:#fff;
border-color:#f8695f;
color:#e85e54;
}
code {
font-family:Consolas,Monaco,'Andale Mono',monospace;
white-space:initial;
word-spacing:normal;
word-break:normal;
hyphens:none;
}
code,#comment_block code,#comment_block i[rel="
code"
] {
font:normal 12px Monaco,"Courier New",Monospace;
color:blue;
}
pre,#comment_block pre,#comment_block i[rel="
pre"
] {
display:block;
font:normal 12px Monaco,"Courier New",Monospace;
background-color:#333;
color:#fff;
padding:0.5em 1em;
word-wrap:normal;
white-space:pre;
overflow:auto;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
#comment_block blockquote,#comment_block i[rel="
quote"
] {
margin:0 2%;
background-color:#eee;
padding:1em 1.2em;
border-left:4px solid #7498AD;
display:block;
font-weight:normal;
font-style:italic;
}
#comment_block i[rel="
image"
],#comment_block i[rel="
youtube"
] {
display:block;
overflow:hidden;
position:relative;
width:170px;
margin:0 auto;
}
.comment_emo_list {
display:none;
position:relative;
text-align:center;
margin:20px auto;
}
.comment_emo_list .item {
float:left;
text-align:center;
height:40px;
width:41px;
margin:0 auto;
}
.comment_emo_list span {
display:block;
font-weight:400;
font-size:11px;
letter-spacing:1px;
color:#6a6a6a;
}
.comment_body p img.comment_emo {
margin-left:5px;
}
/* Widget Statis */
.cloud-label-widget-content {
text-align:justify;
max-height:300px;
overflow-y:auto;
}
.widget-content.cloud-label-widget-content {
display:inline-block;
width:100%;
}
.widget-content.list-label-widget-content {
padding:0;
}
.widget-content.cloud-label-widget-content {
display:inline-block;
}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
opacity:1;
}
.cloud-label-widget-content {
text-align:left;
padding:10px;
}
.label-count {
white-space:nowrap;
display:inline-block;
}
.sidebar-wrapper .Label ul {
list-style:none !important;
margin:15px 0 0;
padding:0;
width:100%;
}
.sidebar-wrapper .Label li {
position:relative;
background:#f5f5f5;
color:#444;
padding:0;
margin:0;
text-align:left;
max-width:100%;
font-size:90%;
transition:all .3s ease-out;
}
.sidebar-wrapper .Label li:nth-child(even) {
background-color:#fff;
}
.sidebar-wrapper .Label li:hover {
background:#fff;
color:#cf4d35;
}
.sidebar-wrapper .Label li:before {
content:"";
position:absolute;
width:0;
height:100%;
background:#fbd95b;
transition:all .2s ease-in-out;
}
.sidebar-wrapper .Label li:hover:before {
width:100%;
}
.sidebar-wrapper .Label li a {
padding:0 0 0 10px;
border-left:5px solid #fbd95b;
display:block;
position:relative;
line-height:42px;
color:#787878;
text-decoration:none;
transition:all .3s ease-out;
}
.sidebar-wrapper .Label li a:hover {
color:#fff;
}
.sidebar-wrapper .Label li span {
float:right;
height:42px;
line-height:42px;
width:42px;
text-align:center;
display:inline-block;
background:#fbd95b;
color:#FFF;
position:absolute;
top:0;
right:0;
z-index:2;
}
.sidebar-wrapper .Label li:nth-child(even) >
span {
background:#EDC842;
}
.sidebar-wrapper .label-size {
position:relative;
display:block;
float:left;
margin:0 4px 4px 0;
font-size:13px;
transition:all 0.3s;
}
.sidebar-wrapper .label-size a {
background:#fff;
background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgba(246,246,246,1)100%);
display:inline-block;
color:#444;
padding:5px 8px;
font-weight:400;
border:1px solid #e3e3e3;
background-repeat:repeat-y;
background-size:100% 90px;
background-position:0 -30px;
transition:all .3s;
}
.sidebar-wrapper .label-count {
opacity:0;
visibility:hidden;
font-size:85%;
display:inline-block;
position:absolute;
top:-10px;
right:-10px;
background:#4fafe9;
color:#fff;
white-space:nowrap;
padding:0;
width:22px;
height:22px;
line-height:22px;
border-radius:100%;
text-align:center;
z-index:1;
transition:all .3s;
}
.sidebar-wrapper .label-size:hover .label-count {
opacity:1;
visibility:visible;
top:-5px;
}
.sidebar-wrapper .label-size a:hover {
color:#444;
background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rgba(255,255,255,1)100%);
background-position:0 0;
}
/* Futured Slider */
#slider-fianmt {
background:#fff;
border-bottom:1px solid #d8d8d8;
width:100%;
position:relative;
height:300px;
margin:65px auto 10px;
}
#featured {
width:100%;
position:relative;
height:320px;
overflow:hidden;
margin:0 auto;
}
#featured ul {
width:9999px;
}
#featured ul,#featured li {
list-style:none;
padding:0;
margin:0;
overflow:hidden;
}
#featured li {
width:230px;
display:inline-block;
float:left;
height:300px;
}
.thumb-featured {
width:230px;
height:235px;
margin:5px auto;
overflow:hidden;
}
.thumb-featured img {
display:block;
width:230px;
height:280px;
}
.title-featured {
text-align:center;
position:relative;
margin-top:-20px;
}
.title-featured h4 {
font-size:100%;
font-weight:700;
max-height:45px;
overflow:hidden;
padding-top:10px;
}
.title-featured a {
color:#6a6a6a;
}
.title-featured a:hover {
color:#a7a7a7;
}
span.slideloading {
background-repeat:no-repeat;
background-position:50% 50%;
text-indent:-9999px;
margin:50px auto;
}
.arrow {
position:absolute;
display:block;
background:rgba(215,214,214,.35) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1oO49i4ovl2vztxVhGtbMCxnR3-FrH7McgzXDuXBopLMSpNyxC2VHkhVwpY_C2OV681scDyzOztQsUy0tB-3Ud11jjhrySdouCyvvMMYGWpe_oGQO2L9R5LQIvX_apVNHpLEXlDM8O9w/s1600/nnv.png)no-repeat;
background-position:0 50%;
width:30px;
height:60px;
top:90px;
text-indent:-9999px;
}
.arrow:hover {
opacity:.5;
}
.arrow.back {
background-position:0 50%;
left:0;
}
.arrow.forward {
background-position:100% 50%;
right:0;
}
/* Social Media Posted */
#sonetwo {
text-align:center;
}
#sonetwo,#sonetwo ul {
display:block;
margin:0 auto;
}
#sonetwo {
background:#fff;
padding:20px 10px;
}
#sonetwo ul {
padding:0;
list-style:none;
}
#sonetwo li {
display:inline-block;
margin:0 5px;
width:36px;
height:36px;
transition:All .6s ease-out;
}
#sonetwo li:hover {
color:#eee;
cursor:pointer;
}
#sonetwo li a:hover,#sonetwo li:hover a {
color:#fff;
}
#sonetwo li a {
display:inline-block;
color:#aaa;
line-height:36px;
font-size:1.2em;
transition:All .3s ease-out;
}
#sonetwo li a span {
display:none;
}
#sonetwo li.facebook,#sonetwo li.googleplus,#sonetwo li.pinterest,#sonetwo li.twitter {
transition:background-position .4s ease,color .4s ease;
text-align:center;
cursor:pointer;
box-shadow:0 0 0 1px #ddd;
}
#sonetwo li.facebook {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#257AA7 0,#257AA7 50%,transparent 50%,transparent 100%);
}
#sonetwo li.twitter {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#23D1D3 0,#23D1D3 50%,transparent 50%,transparent 100%);
}
#sonetwo li.googleplus {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#FF5252 0,#FF5252 50%,transparent 50%,transparent 100%);
}
#sonetwo li.pinterest {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#D72E2E 0,#D72E2E 50%,transparent 50%,transparent 100%);
}
#sonetwo li a.facebook:hover,#sonetwo li a.googleplus:hover,#sonetwo li a.pinterest:hover,#sonetwo li a.twitter:hover {
color:#fff;
}
#sonetwo li.facebook:hover,#sonetwo li.googleplus:hover,#sonetwo li.pinterest:hover,#sonetwo li.twitter:hover {
color:#fff;
background-position:0 0;
box-shadow:0 0 0 1px #ddd;
}
/* Related Post */
.related-post {
background-color:#F6FBFB;
border-bottom:1px solid #d8d8d8;
margin:0 5px;
padding:30px;
}
.related-post h4 {
color:#6a6a6a;
font-size:28px;
font-family:'Lobster',cursive;
font-size:33px;
font-style:italic;
font-weight:400;
margin:0 0 35px -5px;
}
.related-post a {
color:#6a6a6a;
font-size:14px;
text-align:center;
}
.related-post a:hover {
color:#555;
}
.related-post-style-3 {
margin:0 -11px 0 -5px;
padding:0;
}
.related-post-style-3 li {
margin:0;
padding:0;
list-style:none;
overflow-wrap:break-word;
overflow:hidden;
}
.related-post-style-3 .related-post-item {
display:block;
float:left;
width:247px;
height:220px !important;
padding:0;
margin-right:10px;
margin-bottom:10px;
font-size:14px;
position:relative;
text-align:center;
}
.related-post-style-3 .related-post-item:focus {
outline:0;
}
.related-post-style-3 .related-post-item-thumbnail {
display:block;
margin:0 0 10px;
width:100%;
height:140px !important;
max-width:none;
max-height:none;
background-color:transparent;
border:none;
padding:0;
border-radius:0;
}
.related-post-item-title {
font-weight:400;
}
.related-post-style-3 .related-post-item-thumbnail {
display:block;
height:auto;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.related-post-style-3 .related-post-item-thumbnail:hover {
-moz-transform:scale(1.08);
-webkit-transform:scale(1.08);
-o-transform:scale(1.08);
transform:scale(1.08);
}
/* 404 */
#errorpage {
position:fixed;
z-index:+1000000;
top:0;
left:0;
width:100%;
height:100%;
background:#d7d7d7;
color:#555555;
text-align:center;
font-size:14px;
background:#eee;
}
.comingcontainer {
width:100%;
}
.checkbacksoon {
width:auto;
height:100%;
padding-top:5%;
}
.checkbacksoon p {
font-weight:normal;
color:#6a6a6a;
display:block;
margin:auto;
margin-top:10px;
text-align:center;
text-shadow:0 1px 0 #ffffff;
}
.checkbacksoon p span {
color:#fff;
text-shadow:0 0 2px #686868;
font-size:200px;
line-height:200px;
}
.tombol {
display:inline-block;
text-decoration:none;
outline:0;
cursor:pointer;
padding:8px 11px;
color:#555;
}
/* Media*/
@media screen and (max-width:1024px) {
.header-wrapper {
margin-right:0;
min-height:0;
width:100%;
}
#header {
text-align:center;
width:100%;
max-width:none;
}
#header-inner {
margin-bottom:0;
}
#header h1,#header p {
margin-right:0;
}
#header .description {
margin:0;
}
.main-wrapper {
margin-right:0;
width:67%;
}
.page-menu {
margin-top:-19px;
width:65%;
}
.post {
padding:10px;
}
.sidebar-wrapper {
width:320px;
}
.sidebar .widget-content {
padding:10px;
}
.related-post-style-3 .related-post-item {
width:47.9%;
height:180px;
}
}
@media screen and (max-width:980px) {
#header {
float:none;
max-width:none;
text-align:center;
margin-top:10px;
}
#header-inner {
margin-bottom:0;
}
#header h1,#header p {
margin-right:0;
}
#header .description {
margin:0;
}
.main-wrapper {
margin-right:0;
width:64%;
}
.sidebar-wrapper {
width:99%;
}
.credit {
padding:20px !important;
}
#credit .left,#credit .right {
float:none;
text-align:center;
margin:0;
}
.outerpic-wrapper,.content-wrapper {
padding:0;
}
#header2,.page-menu ul {
text-align:center;
width:100%;
}
}
@media screen and (max-width:800px) {
.header-wrapper {
margin-right:0;
min-height:0;
width:100%;
}
#header {
text-align:center;
width:100%;
max-width:none;
}
#header-inner {
margin:10px 0;
}
.main-wrapper {
width:100%;
}
.navigator {
background:#f3f3f1;
height:150px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.top-menu-items {
width:100%;
float:left;
margin-right:1.69492%;
}
#menu-utama {
margin:-30px auto;
}
#slider-fianmt {
margin:51px auto 10px;
}
.sidebar-wrapper {
width:97%;
}
}
@media screen and (max-width:760px) {
.navigator {
background:#f3f3f1;
height:150px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.top-menu-items {
width:100%;
float:left;
margin-right:1.69492%;
}
#menu-utama {
margin:-30px auto;
}
#slider-fianmt {
margin:51px auto 10px;
}
.outer-wrapper {
padding:0;
}
.main-wrapper {
margin-right:0;
width:100%;
min-height:0;
}
.sidebar-wrapper {
width:99%;
}
}
@media screen and (max-width:480px) {
.navigator {
background:#f3f3f1;
height:130px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.mobile-menu {
margin-top:-24px;
}
#slider-fianmt {
margin:41px auto 10px;
}
.post h1,.post h2 {
font-size:200%;
text-align:center;
}
#header img {
width:100%;
}
#relpost_img_sum .news-title {
font:11px Arial;
}
.post-comment-link {
display:none;
}
}
@media screen and (max-width:375px) {
.navigator {
background:#f3f3f1;
height:130px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.mobile-menu {
margin-top:-24px;
}
#slider-fianmt {
margin:41px auto 10px;
}
#search input[type="
text"
]:hover,#search input[type="
text"
]:focus {
width:180px;
}
.post h1,.post h2 {
font-size:180%;
text-align:center;
}
.page-menu {
margin-top:15px;
width:100%;
}
.PopularPosts li:first-child .item-title a {
width:88.5%;
}
.related-post-style-3 .related-post-item {
width:98%;
height:180px;
}
.comments .comments-content .datetime {
display:block;
float:none;
}
.comments .comments-content .comment-header {
height:70px;
}
}
@media screen and (max-width:320px) {
.navigator {
background:#f3f3f1;
height:130px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.mobile-menu {
margin-top:-24px;
}
#slider-fianmt {
margin:41px auto 10px;
}
#featured li,.thumb-featured,.thumb-featured img {
width:303px;
}
#search input[type="
text"
]:hover,#search input[type="
text"
]:focus {
width:180px;
}
.post h1,.post h2 {
font-size:180%;
text-align:center;
}
.PopularPosts li:first-child .item-title a {
width:88.3%;
}
.related-post-style-3 .related-post-item {
width:100%;
height:180px;
}
.comments .comments-content .datetime {
display:block;
float:none;
}
.comments .comments-content .comment-header {
height:70px;
}
}
@media screen and (max-width:240px) {
.header-wrapper {
margin-right:0;
min-height:0;
width:100%;
}
#header {
text-align:center;
width:100%;
max-width:none;
}
#header-inner {
margin:10px 0;
}
#header img {
border:0 none;
background:none;
width:auto;
height:auto;
margin:0 auto;
}
.PopularPosts li:first-child .item-title a {
width:83.5%;
height:70px;
font-size:15px;
}
.comments .comments-content .comment-replies {
margin-left:0;
}
}
</style>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.main-wrapper {
width:845px;
}
.sidebar-wrapper {
margin-top:4px;
}
.post {
width:47.9%;
height:430px;
float:left;
overflow:hidden;
position:relative;
padding:0;
margin:10px 17px 17px 0;
}
.post h1,.post h2 {
font-size:180%;
line-height:1.2em;
margin:5px 10px 0;
padding:10px 20px 0 20px;
text-align:center;
}
.post-body {
padding:0 20px 0 20px;
font-size:14px;
text-align:center;
}
.post-footer {
display:none;
}
.postmeta {
;
padding:5px 0 10px;
}
.thumbimg {
width:100% !important;
height:250px !important;
overflow:hidden;
margin:0;
padding:0;
border:none;
box-shadow:none;
}
.post img {
display:block;
height:auto;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.post:hover img {
-moz-transform:scale(1.08);
-webkit-transform:scale(1.08);
-o-transform:scale(1.08);
transform:scale(1.08);
}
#blog-pager,.blog-pager {
padding-right:20px;
}
.snippets {
padding:20px;
text-align:center;
font-size:15px;
color:#878787;
line-height:1.8em;
}
.commentcount {
background:#78CD85;
color:#fff;
text-transform:uppercase;
border-radius:2px;
padding:2px 8px;
text-align:center;
position:absolute;
top:10px;
left:-200px;
z-index:1000;
transition:all .8s ease-in-out;
font-size:12px;
}
.post:hover .commentcount {
left:10px;
}
.commentcount:hover {
background:#FD9E4D;
color:#fff;
transition:all .3s ease-in-out;
}
@media screen and (max-width:1024px) {
.main-wrapper {
width:68%;
}
.post h1,.post h2 {
font-size:140%;
}
.post {
width:47%;
height:450px !important;
}
}
@media screen and (max-width:980px) {
.content-wrapper {
width:100%;
}
.main-wrapper {
width:100%;
}
.post {
width:48.1%;
}
}
@media screen and (max-width:800px) {
.content-wrapper {
width:100%;
}
.main-wrapper {
width:100%;
}
.post {
width:47.8%;
height:450px !important;
}
}
@media screen and (max-width:768px) {
.content-wrapper {
width:90%;
border:none;
}
.main-wrapper {
width:100%;
}
.post {
width:46%;
margin:0 12px 20px 10px;
}
}
@media screen and (max-width:760px) {
.post h1,.post h2 {
font-size:140%;
}
.thumbimg {
height:200px !important;
}
}
@media screen and (max-width:600px) {
.post {
width:45%;
margin:0 12px 20px 10px;
}
}
@media screen and (max-width:480px) {
.post {
width:99%;
height:420px !important;
margin:0 auto 20px;
float:none;
}
}
@media screen and (max-width:375px) {
.post {
height:440px;
}
.post h1,.post h2 {
font-size:140%;
}
.content-wrapper {
width:100%;
}
}
@media screen and (max-width:320px) {
.post h1,.post h2 {
font-size:140%;
}
.content-wrapper {
width:100%;
}
.thumbimg {
height:200px !important;
}
}
@media screen and (max-width:240px) {
.post {
height:400px;
}
.post h1,.post h2 {
font-size:130%;
}
.thumbimg {
height:150px !important;
}
.content-wrapper {
width:100%;
}
}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
.sidebar-wrapper,.comments,.blog-pager,#blog-pager {
display:none;
}
.post h1,.post h2,.postmeta {
text-align:center;
}
.outer-wrapper,.main-wrapper {
width:100%;
}
.postmeta {
padding:5px 0 5px;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<style>
.sidebar-wrapper {
display:none;
}
#content-wrapper {
padding:18px;
}
.main-wrapper {
width:100%;
margin-top:40px;
}
.actions-404 {
width:100%;
float:left;
text-align:center;
}
.ops-404 {
width:50%;
margin:0 auto;
font-size:26px;
font-weight:400;
padding-top:40px;
padding-left:0;
}
.ops-404 span {
font-weight:700;
}
.title-404 {
font-size:200px;
font-weight:700;
line-height:1.1;
}
.link-404 {
font-size:18px;
padding-top:20px;
padding-bottom:40px;
}
@media only screen and (max-width:998px) {
#main-wrapper {
width:100% !important;
margin:0 !important;
}
.actions-404 {
width:100%;
float:right;
text-align:center;
}
.ops-404 {
width:80%;
margin:0 auto;
font-size:18px;
font-weight:400;
}
.ops-404 span {
font-weight:700;
}
.title-404 {
font-size:100px;
font-weight:700;
line-height:1.1;
}
.link-404 {
font-size:18px;
padding-top:20px;
padding-bottom:50px;
}
}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=PT+Sans:400,700");loadCSS("//fonts.googleapis.com/css?family=Lobster");loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
//]]>
</script>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
snippet_count = 110;
//<![CDATA[
//summary
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//Recent Posts Script by bloggerplugins.org
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1i 2E(e){1H(k t=0;t<2y&&t!=e.1A.1D.N;t++){k i,m=e.1A.1D[t],n=m.1d.$t;M=n,2B(18)||0==18?n="":n.N>18&&(n=n.H(0,18)+"...");1H(k r="",l=0;l<m.L.N;l++){B("1Z"==m.L[l].1G&&"2l/2o"==m.L[l].2q)k o=m.L[l].1d,s=m.L[l].R;B("20"==m.L[l].1G){r=m.L[l].R;2c}}B(1==1E){k g="";X{g=m.2w$2x.1J,g=g.K("/1h-c/","/s"+17+"-c/")}W(p){i="1a"1j m?m.1a.$t:"",""==g&&0==1x&&(1z=/1c\\:\\/\\/2z\\.1B(-2I){0,1}\\.U\\/(v){0,1}(25){0,1}\\/(([^"&?\' ]*))/,1e=i.2d(1z),1l!=1e&&(1t=1e[4]),1l!=1e&&1l!=1t&&(g="1c://1f.1B.U/2v/"+1t+"/2.C")),""==g&&0==1x&&(a=i.Z("<1f"),b=i.Z(\'1F="\',a),c=i.Z(\'"\',b+5),d=i.21(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(g=d))}B(-1!=g.Z("22.23.U")&&(g=g.K("24.C","T.C"),g=g.K("26.C","T.C"),g=g.K("27.C","T.C"),g=g.K("29.C","T.C"),g=g.K("2a.C","T.C")),""==g&&1==2b){g="1c://2.1U.1M.U/-2e/2g/2h/2i/1h-c/2j.1O";X{""!=1P&&(g=1P)}W(p){}g=g.K("/1h-c/","/s"+17+"-c/")}}B(1==1Q){k u=m.2u.$t,y=u.H(0,4),h=u.H(5,7),v=u.H(8,10),x=2C 2D;x[1]="3h",x[2]="2H",x[3]="2J",x[4]="2M",x[5]="2R",x[6]="30",x[7]="3d",x[8]="3e",x[9]="3f",x[10]="1V",x[11]="1W",x[12]="1X"}B(1Y="",F=w.19("O"),j=w.P("1r"),j.z("1u","28"),I=14(r,"15",M),""!=F.16&&(1g=V("2f"),F.q(1g)),""!=n&&j.q(I),F.q(j),""!=n&&(I.16=n),1==1E&&""!=g){E=w.P("1f"),E.z("1F",g),"1y"!=Q&&(1k=!0,E.G.2m=Q,E.G.2n=Q);X{0!=1b&&(E.G.2p=1b+"1C")}W(p){}E.z("2r",M),E.z("2s",17),E.z("2t",17),I=w.P("a"),I.z("R",r+"?1m=O&1n-1o=1p&1q=O"),I.z("1I","15"),I.z("1d",M),I.q(E),j=w.P("1r"),j.z("1u","2A"),j.q(I),F.q(j)}X{B("1a"1j m)k f=m.1a.$t;1s B("1K"1j m)k f=m.1K.$t;1s k f="";k D=/<\\S[^>]*>/g;B(f=f.K(D,""),1==2F){B(j=V("2G"),f.N<1L)j.q(w.Y(f));1s{f=f.H(0,1L);k A=f.2K(" ");f=f.H(0,A),j.q(w.Y(f+"..."))}F.q(j)}}W(p){}B(j=V("2L"),j.G.1N="2N",j.G.2O="2P",1==1Q&&(j.q(w.Y(x[2Q(h,10)]+"-"+v+"-"+y)),J=1),1==2S){1==J&&j.q(w.Y(" | ")),"1 1v"==o&&(o="1 2T"),"0 1v"==o&&(o="2U 1v");k I=14(s,"15",o+" 2V "+M);j.q(I),I.16=o,J=1}B(1==2W){1==J&&j.q(w.Y(" | "));k I=14(r,"15",M);j.q(I),I.16=2X+" &2Y;",J=1}1==J&&F.q(j)}1==1k&&"1y"!=Q&&(j=V("2Z"),j.G.1N=Q,F.q(j)),w.19("1w").G.31="1J(\'1c://3.1U.1M.U/-32/33/34/35/36-37.1O\')",w.19("1w").G.38="39-3a";X{0!=1b&&"3b"==Q&&0==J&&(w.19("1w").G.3c=1b+"1C")}W(p){}}1i V(e){k t=w.P("1r");1R t.z("1u",e),t}1i 14(e,t,i){k a=w.P("a");1R"#1S-1T"==e.H(e.N-13,e.N)?(e=e.H(0,e.N-13)+"?1m=O&1n-1o=1p&1q=O#1S-1T",a.z("R",e)):a.z("R",e+"?1m=3g&1n-1o=1p&1q=O"),a.z("1I",t),a.z("1d",i),a}k M,2k,j,E,1g,F,1k=!1,J=0;',62,204,'|||||||||||||||||||myDiv|var||||||appendChild||||||document|_||setAttribute||if|jpg||myImage|main|style|substring||flag|replace|link|postTitleOriginal|length|bp_recent|createElement|imgFloat|href||_s|com|createDiv|catch|try|createTextNode|indexOf|||||createLink|_top|innerHTML|imgDim|titleLength|getElementById|content|myMargin|http|title|videoIds|img|mySeparator|s72|function|in|float_clear|null|utm_source|utm|medium|gadget|utm_campaign|div|else|videoId|class|Comments|bp_recent_link|mediaThumbsOnly|none|regex|feed|youtube|px|entry|showThumbs|src|rel|for|target|url|summary|summaryLength|blogspot|clear|png|defaultImage|showPostDate|return|comment|form|bp|Oct|Nov|Dec|code|replies|alternate|substr|static|flickr|_b_t|embed|_m_t|_s_t|bp_item_title|_b|_m|showNoImage|break|match|erTXCq61ULM|bp_recent_separator|TmHYAQBZ0GI|AAAAAAAACCs|6cBX54Dn6Gs|default|myLink|text|cssFloat|styleFloat|html|margin|type|alt|width|height|published|vi|media|thumbnail|numberOfPosts|www|bp_item_thumb|isNaN|new|Array|bprecentpostswiththumbnails|showSummary|bp_item_summary|Feb|nocookie|Mar|lastIndexOf|bp_item_meta|Apr|both|marginBottom|4px|parseInt|May|showCommentCount|Comment|No|on|showReadMore|readMore|raquo|bp_clear_float|Jun|backgroundImage|H8WPIh3wjr4|TmHnuo9tnnI|AAAAAAAACDE|_yuVqfb1HAk|blogger|widgets|backgroundRepeat|no|repeat|left|marginLeft|Jul|Aug|Sep|BP_recent|Jan'.split('|'),0,{}))
//slides
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 1A=6,1D=1y,1a=0,1v="2d",1g="1H://2g.1z.11/-2r/34/33/2Y-2I/1T/1S-17.1M",1L="1H://2h.1z.11/-3k/2e-2c/3a/31-2W/1T/1S-2P.1M",1f=0,1G=1y,12=2F;$(2q).2p(2(){$.1x({1b:"/1w/2k/1u?P=1t-F-1q&1p-1o="+1A+"",19:"1n",1m:"1l",1k:2(g){7 k,n,b,m,h,d="",o=g.1j.1h;3(o!==1J){d="<O>";K(7 f=0;f<o.z;f++){K(7 e=0;e<o[f].y.z;e++){3(o[f].y[e].L=="1i"){k=o[f].y[e].C;18}}K(7 c=0;c<o[f].y.z;c++){3(o[f].y[c].L=="2D"&&o[f].y[c].19=="2H/D"){h=o[f].y[c].G.2i(" ")[0];18}}3("V"F o[f]){n=o[f].V.$t}A{3("R"F o[f]){n=o[f].R.$t}A{n=""}}3("1r$1s"F o[f]){13=o[f].1r$1s.1b.M(/\\/s[0-9]+\\-c/g,"/s"+1D+"-c")}A{13=1g}7 p=/<\\S[^>]*>/g;n=n.M(p,"");3(n.z>1a){n=n.1d(0,1a)}b=o[f].G.$t;m=o[f].2l.$t.1d(0,10),m=m.M(/-/g,"/");d+=\'<B><4 8="2N-J"><a C="\'+k+\'" 1B="1C"><5><16 P="\'+b+\'"W="\'+13+\'"G="\'+b+\'" /></5></a></4><4 8="G-J"><1E><a C="\'+k+\'" G="\'+b+\'" 1B="1C">\'+b+\'</a></1E><4 8="2y"><5 8="2t">\'+m+\'</5><5 8="2u">\'+h+" "+1v+\'</5></4></4><4 8="2v">\'+n+"</4></B>"}d+="</O>";$("#J").D(d);(2(){$.2w.1F=2(){2 i(j,l){T 2J 2L(l+1).2O(j)}T H.2V(2(){7 q=$("> 4",H).2X("2Z","30"),r=q.X("> O").3g(2b),s=r.X("> B"),j=s.U(":1I");I=j.2f(),x=14.1K(q.2j()/I),E=1,Y=14.1K(s.z/x);3(s.z%x!=0){r.2m(i(\'<B 8="2n" />\',x-(s.z%x)));s=r.X("> B")}s.U(":1I").2o(s.1N(-x).1O().1P("1Q"));s.U(":2s").1R(s.1N(0,x).1O().1P("1Q"));s=r.X("> B");q.Q(I*x);2 l(u){7 t=u<E?-1:1,w=14.2x(E-u),v=I*t*x*w;q.U(":2z(:2A)").2B({Q:"+="+v},2C,2(){3(u>Y){q.Q(I*x);u=1}A{3(u==0){u=Y;q.Q(I*x*Y)}}E=u})}q.1R(\'<a C="#" 8="1U 1V">&2E;</a><a C="#" 8="1U 1W">&2G;</a>\');$("a.1V",H).1X(2(){l(E-1);T 1c});$("a.1W",H).1X(2(){l(E+1);T 1c});$(H).1Y("2K",2(t,u){l(u)});$(H).1Y("1Z",2(){l(E+1)})})}})(2M);7 a=20;$("#21-22").1F().2Q(2(){a=1c}).2R(2(){a=20});2S(2(){3(a){$("#21-22").2T("1Z")}},2U)}A{$("#J").D("<5>23 24!</5>")}},25:2(){$("#J").D("<Z>26 27 28!</Z>")}});$.1x({1b:"/1w/32/1u?P=1t-F-1q&1p-1o="+1f+"",19:"1n",1m:"1l",1k:2(n){7 f,a,c,m,g,h,b="",j=n.1j.1h;3(j!==1J){b="<O>";K(7 e=0;e<j.z;e++){K(7 d=0;d<j[e].y.z;d++){3(j[e].y[d].L=="1i"){m=j[e].y[d].C;18}}3("V"F j[e]){f=j[e].V.$t}A{3("R"F j[e]){f=j[e].R.$t}A{f=""}}3(j[e].N[0].15$17.W=="35://36.37.11/16/38.39"){a=1L}A{a=j[e].N[0].15$17.W.M(/\\/s[0-9]+(\\-c|\\/)/,"/s"+1G+"$1")}7 l=/<\\S[^>]*>/g;c=(j[e].N[0].29)?j[e].N[0].29.$t:"#3b";g=j[e].N[0].3c.$t;f=f.M(l,"");3(f.z>12){f=f.1d(0,12)+"..."}h=j[e].15$3d[1].3e;b+=\'<B><4 8="3f"><a L="2a" C="\'+m+\'"><5><16 W="\'+a+\'" G="\'+g+\'" P="\'+g+\'"/></5></a></4><4 8="3h"><a L="2a" C="\'+m+\'" G="\'+g+\'" 8="3i">\'+g+"</a><5>"+h+\'</5></4><4 8="3j">\'+f+"</4></B>"}b+="</O>";$("#1e").D(b)}A{$("#1e").D("<5>23 24!</5>")}},25:2(){$("#1e").D("<Z>26 27 28!</Z>")}})});',62,207,'||function|if|div|span||var|class|||||||||||||||||||||||||visible|link|length|else|li|href|html|currentPage|in|title|this|singleWidth|featured|for|rel|replace|author|ul|alt|scrollLeft|summary||return|filter|content|src|find|pages|strong||com|cmsumm|postimg|Math|gd|img|image|break|type|contjumlah|url|false|substring|rcentcomnets|numcomment|pBlank|entry|alternate|feed|success|jsonp|dataType|get|results|max|script|media|thumbnail|json|default|cmtext|feeds|ajax|230|googleusercontent|numpostx|target|_blank|thumbSize|h4|infiniteCarousel|thumbcsize|https|first|undefined|ceil|pkBlank|jpg|slice|clone|addClass|cloned|after|no|h120|arrow|back|forward|click|bind|next|true|slider|fianmt|No|result|error|Error|Loading|Feed|uri|nofollow|9999|7I|Comments|Uo95CAOG|outerWidth|lh5|lh6|split|innerWidth|posts|published|append|empty|before|ready|document|mSufUJ214bg|last|dt|cm|contxisi|fn|abs|datex|not|animated|animate|3000|replies|lt|100|gt|text|tZBkc|new|goto|Array|jQuery|thumb|join|avatar|mouseover|mouseout|setInterval|trigger|8000|each|amCo|css|1q7su|overflow|hidden|8hk05V|comments|AAAAAAAAGoA|Uo94DjMjnbI|http|img1|blogblog|blank|gif|AAAAAAAAGoI|nope|name|extendedProperty|value|kmtimg|width|ketkomt|tooltip|komtsum|UZxZHJ71o1A'.split('|'),0,{}))
//]]>
</script>
</head>
<body>
<div class='navigator'>
<div class='content-wrapper'>
<nav class='page-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>
<li><a expr:title='data:blog.title' href='/' itemprop='url'><img alt='logoweb' class='logoweb' expr:title='data:blog.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0KUsYsANECY2m6bmJzfctN3zaVcwrBaBQsyLn5yvFLo8_hcYflEztnVwzfVUWl-o-HY2N_d-uHp3hsH7nFL_P7ngmTNoYZBJDRMqG1wmQ-lB14A90zx5KpP-uR67t4CFxQ9KiwIlgQXXv/s1600/logo.png'/></a></li>
<li><a href='#' itemprop='url' title='Contac'><span itemprop='name'>Contac</span></a></li>
<li><a href='#' itemprop='url' title='Privacy'><span itemprop='name'>Privacy</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
<li><a href='#' itemprop='url' title='Advertise'><span itemprop='name'>Advertise</span></a></li>
<li><a href='/404.html' itemprop='url' title='Error Page 404'><span itemprop='name'>Error Page 404</span></a></li>
</ul>
</nav>
<div class='social'><!-- Social Icons -->
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook '/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Foursquare'><i class='fa fa-foursquare'/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Dribbble'><i class='fa fa-dribbble'/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Contac Us'><i class='fa fa-envelope-o'/></a>
</div>
<div class='clear'/>
</div></div>
<div class='headerpic-wrapper'>
<div class='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Livinia Template Premium (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
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.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</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'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='top-navigation' id='primary-navigation' role='navigation'>
<div class='content-wrapper'>
<div class='navigation-item'>
<ul class='top-menu-items top-menu' id='top-menu-items'>
<li><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#contact'><i class='fa fa-gears'/> Features</a></li>
<li><a href='#sitemap'><i class='fa fa-list'/> Word</a></li>
<li><a href='#disclaimer'><i class='fa fa-check-circle'/> Fashion</a></li>
<li><a href='#'><i class='fa fa-soccer-ball-o'/> Sport</a>
<ul class='sub-menu'>
<li><a href='#'>Indonesia</a></li>
<li><a href='#'>Indonesia Maju</a></li>
<li><a href='#'>Indonesia Merdeka</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-folder'/> Archive</a>
<ul class='sub-menu'>
<li><a href='#'>Menu 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
</li>
<form action='/search' id='search' method='get'>
<input id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search....'/>
</form>
</ul>
</div></div></div>
<a class='mobile-menu' href='#primary-navigation'>
<div class='hamburger hamburger-menu'/></a></div><!-- /header-wrapper -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slider-fianmt'><div id='featured'/>
</div></b:if>
<div class='clear'/>
<div class='content-wrapper'>
<div class='outerpic-wrapper'>
<div class='outer-wrapper'>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobileindex'>
<!-- mobile index -->
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer">
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>
<!-- 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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='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='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
<!-- Página 404 -->
<b:elseif cond='data:blog.pageType == "error_page"'/>
<b:include name='post-404'/>
<!-- Página 404 (end)-->
</b:if>
<data:adEnd/>
</div>
</b:if>
<!-- navigation -->
<b:if cond='data:mobile'>
<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:if>
<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:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: none'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='"//www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' title='delete comment'>×</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='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='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<div class='comments' id='comments' itemscope='itemscope' itemtype='http://schema.org/Comment'>
<meta expr:content='data:post.title' itemprop='about'/>
<meta expr:content='data:post.canonicalUrl' itemprop='discussionUrl'/>
<b:if cond='data:post.allowComments'>
<h5> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span> Comments</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span> Comments</b:if> <b:if cond='data:post.numComments > 1'> <span itemprop='interactionCount'><data:post.numComments/></span> Comments </b:if> </h5>
<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 class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName' itemprop='comment' itemscope='itemscope' itemtype='http://schema.org/UserComments'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/> - <a class='comment_hapus' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>Hapus</a></span>
<b:else/>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
</div>
<div class='comment_body'>
<div class='cm_head'>
<div class='cm_infonm'>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
<span itemprop='creator'><data:comment.author/></span>
</a>
<b:else/>
<span itemprop='creator'><data:comment.author/></span>
</b:if>
<b:if cond='data:comment.author == data:post.author'/>
<a expr:href='data:comment.url' rel='nofollow' title='Permalink'>
<span class='comment_date' itemprop='commentTime'>
<data:comment.timestamp/>
</span>
</a>
</div>
</div>
<a class='comment-delete' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwyVGTr57SlYACYjH0EiYlYNWNXPnUZJ3rwyv2z0fQimqd07_mRbK0P_U_8cuVB6ctJDCf-6yPm3eXWXB-BpEGHNBY-n3YPxlvHHxN2aU4V3qgl72FpKY-XU4oYh1M52PowUPgC-qcQDo/s1600/delete4.png' title='Delete'/>
</a>
</div>
<p itemprop='commentText'><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' itemprop='replyToUrl' onclick='javascript:Display_Reply_Form(this)' title='Replay'>Replay</a>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</b:if>
</div>
</b:loop>
</div>
<div class='clear'/>
<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 class='clear'/>
<div class='comment_form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<div class='comment_emo_list'/>
<b:include data='post' name='threaded-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' expr:title='data:postCommentMsg' title='Comments'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {
};
var Msgs = {
};
var Config = {
'
maxThreadDepth'
:'
0'
};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = true;//Embed video YouTube, ketik "false" untuk mendisable
Replace_Image_Link = true;//Auto replace link image, ketik "false" untuk mendisable.
Replace_Force_Tag = true;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)' ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',
':(' ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',
' =(' ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',
'^_^' ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',
' :D' ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',
'=D' ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',
'=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',
'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUCofk7HTBwJbIUpeM-jGPj3pcyUNBGy1Uxg_zbYB7wlAXgLxzy6uAZn09HSXPlxiOi9Lstc7kPNRqBRal87sA6ChMatGW1tVIal4iMyLSalE0o14F819N5oncsy3RVNEW5X4uIiCc21AG/s1600/applause-yahoo-emoticon.gif',
'@@,' ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',
' ;)' ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',
':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnJgTXNpy_apO10kUjrh3u_Hrghym9sX11JHx57SzNOW1swwJqDZieqxisSNoQyFAPuk6M9-ALaL1al9U-qECf5-bfam97emTDk9750MBH18CLaSk75qaqILthtBK0LZ4FK4-HG5iRsWsk/s1600/thumbs-up-yahoo-emoticon.gif',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbzJMFYYHGLCAe4o_5TNLeSOXSrudPMO4Fl9EQjNIhuHICAOif8Ur0AGHmvIUzTYoXE8RKAn7pvGkvs3lPBD47A0KNKIOMw-z7q3vIWU-FqY3vbcs_jl61WqczO1seWV2bXTP_wMvGPT4/s1600/thumbsup.gif',
' :p' ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',
':ng' ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',
':lv' ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',
];
//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','<code>',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s55-c/"));
});
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- 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='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<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'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-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>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<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>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</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;'/> <!-- clear for photos floats -->
</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='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='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<div class='nav-previous'><b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><span class='meta-nav'/><data:newerPageTitle/></a>
</span>
</b:if></div>
<div class='nav-next'><b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/><span class='meta-nav'/></a>
</span>
</b:if></div>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='//schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == "item"'>
<div class='postmeta'>
<h3 class='date-header'><span class='author'><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Author Profile'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a> <span class='clock'> <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a></span></span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=7"' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span></h3>
</div>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'><span class='commentcount'><b:if cond='data:post.numComments == 0'>No Comment</b:if><b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> Comments</b:if></span></a></b:if>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh0P2ddWNJoY1__t8IbdQsiiNtlCrB2YrlEnRvOtLg4ifnSB5qblxsQuZz_Ss1UHWyisRhLWJE9lzrN-8IkUTWiPQ2wBNkaGo5sXLY8pNDoPpKgylxg1VEDq3vxpSxs8kpHh_PwCjgzDQ/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img height="auto" src="'+image_url.replace('/s72-c/','/s'+100%+'-c/')+'" class="thumbimg" alt="'+post_title+'" title="'+post_title+'" width="100%"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
</b:if>
</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'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='sonetwo'>
<ul>
<li class='sorting-01 facebook' title='Share to facebook'><a expr:href='"//www.facebook.com/share.php?v=4& src=bm& u=" + data:post.url + " & t=" + data:post.title' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=436" ); return false;'><i class='fa fa-facebook'/><span class='inv'/></a></li>
<li class='sorting-03 twitter' title='Share to twitter'><a expr:href='"//twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + " via @TwistBlogger - "' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=436"); return false;'><i class='fa fa-twitter'/><span class='inv'/></a></li>
<li class='sorting-05 googleplus' title='Share to Google+'><a expr:href='"//plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href," " ," menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600"); return false;'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='sorting-04 pinterest' title='Share to pinterest'><a data-pin-config='beside' expr:href='" //pinterest.com/pin/create/button/?url=" + data:post.url + " &media=" + data:blog.postImageUrl + "&description=" + data:post.title' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=500"); return false;'><i class='fa fa-pinterest'/><span class='inv'/></a></li>
</ul>
</div>
</b:if></article>
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ZI2ZeY_hSZ5lj7LWCGJCVEBpY6C9hgYPw6GbjIQiFId75aKZQQckhLTKDHTkwqry2_N3OHxeBhL90Mw8Jv9eyYqc35wXg2sP8xi4agzvjSQvZFmnQGW8Sr1mGpfuC3FSg8ZYBm5hCvA/s1600/lk.png' width='90'/><br/><b>AUTOR: FIAN MT</b><br/>
I'm just a beginner blogger who tried to learn things related to coding which always appears in front of the eye<br/></p>
</div>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Related Post:</h4>",
numPosts: 6,
summaryLength: 370,
titleLength: "auto",
thumbnailSize: 300,
noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
containerId: "related-post",
newTabLink: false,
moreText: "Read More",
widgetStyle: 3,
callBack: function() {}
};
</script>
<script async='async' src='https://cdn.rawgit.com/bungfian/all/master/red.js' type='text/javascript'/><div class='clear'/>
</b:if>
</b:includable>
<b:includable id='post-404'>
<div class='post-404'>
<div class='actions-404'>
<div class='ops-404'><span>Ops;</span> Sorry, but the page you were trying to view does not exist.</div>
<div class='title-404'>4<span class='fa fa-frown-o'/>4</div>
<div class='link-404'>
<a href='/'><i class='fa fa-car'/> <trans>Back to Home</trans></a>
</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='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=620\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
<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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<aside class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='HTML4' locked='false' mobile='yes' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' mobile='yes' title='Widget Statis' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (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' expr:title='data:post.title' target='_blank'>
<img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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' expr:title='data:post.title' target='_blank'>
<img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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:widget id='HTML2' locked='false' mobile='yes' title='Recent Post' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<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='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section></aside>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clr'/>
</div>
</div></div>
<footer id='footer-css'>
<div id='footergray'>
<div id='subscribe-css'>
<div class='subscribe-wrapper'>
<p>
Enter Email To Subsribe</p>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Blog.Lagioke.com' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=Blog.Lagioke.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='Blog.Lagioke.com'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your email address'/><input class='subscribe-css-email-button' title='' type='submit' value='SUBMIT'/></form>
</div></div>
<nav class='clearfix' id='navi' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><a href='#' id='pull'> Menu </a><ul class='clearfix'>
<li><a href='/' itemprop='url' title='Home'><span itemprop='name'>Home</span></a></li>
<li><a href='#' itemprop='url' title='Contac'><span itemprop='name'>Contac</span></a></li>
<li><a href='#' itemprop='url' title='Blog'><span itemprop='name'>Blog</span></a></li>
<li><a href='#' itemprop='url' title='Story'><span itemprop='name'>Story</span></a></li>
<li><a href='#' itemprop='url' title='Catering'><span itemprop='name'>Catering</span></a></li>
<li><a href='#' itemprop='url' title='Locations'><span itemprop='name'>Locations</span></a></li>
<li class='last'><a href='#' itemprop='url' title='Delivery'><span itemprop='name'>Delivery</span></a></li>
</ul></nav>
</div>
<div class='credit-wrapper'>Copyright © 2015 - <a expr:title='data:blog.pageTitle' href='/'><data:blog.pageTitle/></a> <br/>Distributed By <a href='http://mybloggerthemes.com/' rel='dofollow' target='_blank' title='Free Blogger Templates'>Free Blogger Templates</a> | Template By <a class='change' href='http://blog.lagioke.com/' id='change' title='BLagioke'>BLagioke</a></div>
</div>
</footer> <!-- End Footer and Credit Link -->
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() { var dimension = 300; $('#PopularPosts1').find('img').each(function(n, image){var image = $(image); image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)}); image.attr('width',dimension);image.attr('height',dimension); });});//]]></script>
<script src='//cdn.rawgit.com/bungfian/code/master/menu.js'/>
<script type='text/javascript'>
//<![CDATA[
// Menu
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('L $=z.A();$(e).N(6(){$("#2-0").Z().u("w","3-J").K("#2-0"),$("#2-0 b").M("9-3"),$("#2-0").O(),$("b.9-3").P({Q:12,R:S,T:1}).r({s:t,7:{v:"c",x:"c"},y:"q"}),$("#d-0 .d-0-B").C({D:"E-3-F"})}),$(G).H(6(){$(e).I(6(){$("#8").f({7:"g",h:!1,i:1,j:"&k; l",m:"n &o;",p:1,U:!1,V:W.5,X:4,Y:"#a"}),$("#a").f({7:"g",h:!1,i:1,j:"&k;l",m:"n &o;",p:1,10:11,13:"#8"})})});',62,66,'navigation||primary|menu|||function|animation|carousel|top|slider|ul|show|main|document|flexslider|slide|controlNav|directionNav|prevText|laquo|Previous|nextText|Next|raquo|animationLoop|fast|superfish|delay|50|attr|opacity|id|height|speed|jQuery|noConflict|items|tinyNav|active|current|item|window|load|imagesLoaded|utama|insertBefore|var|removeClass|ready|mmenu|supersubs|minWidth|maxWidth|27|extraWidth|slideshow|itemWidth|109|minItems|asNavFor|clone|slideshowSpeed|5e3||sync'.split('|'),0,{}))
//]]>
</script>
<!--</body>--></body>
</HTML>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='Google Code' name='google-site-verification'/>
<meta content='Bing Code' name='msvalidate.01'/>
<meta content='Alexa Code' name='alexaVerifyID'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Page Not Found</title>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> ~ Your Blog Description</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Description Length Blog' name='description'/>
<meta content='Keywords Blog' name='keywords'/>
<meta content='FIAN MT' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
</b:if>
<link href='/URL IMAGE' rel='icon' type='image/x-icon'/>
<style type="text/css">
<!-- /*<b:skin><![CDATA[
.header-wrapper {
width:1100px;
min-height:80px;
overflow:hidden;
position:relative;
margin:0 auto;
}
#header {
max-width:260px;
float:left;
width:auto;
overflow:hidden;
z-index:999;
min-width:260px;
margin:0;
padding:0;
}
.outerpic-wrapper {
width:100%;
padding:5px;
margin:0 auto;
overflow:hidden;
}
.headerpic-wrapper {
width:100%;
padding:0;
margin:0 auto;
}
.content-wrapper {
position:relative;
max-width:1100px;
margin:10px auto;
}
.outer-wrapper {
position:relative;
width:100%;
padding:0;
}
ul,ol {
list-style:none;
}
.main-wrapper {
width:760px;
margin:0;
float:left;
word-wrap:break-word;
overflow:hidden;
}
.sidebar-wrapper {
width:325px;
float:right;
word-wrap:break-word;
overflow:hidden;
}
*/]]></b:skin>
<style type='text/css'>
/* Reset Css */
#navbar-iframe,.quickedit {
height:0;
visibility:hidden;
display:none;
}
body {
background:#ececec;
color:#6a6a6a;
height:100%;
font-family:'PT Sans',sans-serif;
font-size:14px;
font-weight:400;
line-height:22px;
text-decoration:none;
margin:0;
padding:0;
}
a,a:link,a:visited {
color:#f88c00;
text-decoration:none;
}
a:hover,a:active {
color:#6a6a6a;
text-decoration:none;
}
h2.date-header {
display:none;
}
/* Head */
.header-wrapper{width:1200px;color:#333;min-height:0;overflow:hidden;position:relative;z-index:999;margin:0 auto}
#header{max-width:0;float:left;width:auto;overflow:hidden;z-index:999;min-width:0;margin:0;padding:0}
#header-inner{margin:0;padding:0}
#header h1,#header p{font:42px;line-height:0;text-align:left;color:#FFAA2A;margin:0;opacity:0}
#header h1 a,#header h1.title a:hover{color:#FFAA2A;text-decoration:none}
#header .description{color:#fff;font-size:14px;text-shadow:none;}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
/* Top Navigasi */
.navigator {
width:100%;
margin:0 auto;
position:fixed;
padding:0;
height:75px;
background:rgba(236,236,236,.9);
z-index:999;
}
.page-menu ul li {
list-style:none;
display:inline-block;
transition:all 400ms ease-in-out;
}
.page-menu {
float:left;
width:auto;
height:auto;
padding-top:15px;
margin:0 5px;
font-size:13px;
font-weight:400;
}
.page-menu ul {
margin:0 auto;
padding:0;
line-height:3em;
}
.page-menu ul li a:hover {
color:#ccc;
}
.page-menu ul li a {
color:#555;
padding:0 20px 0 30px;
text-decoration:none;
}
.page-menu ul li a img {
vertical-align:middle;
}
/* Search */
#search input[type="text"]:hover,#search input[type="text"]:focus{width:300px;border:1px solid #eee;border-radius:50px;padding-left:35px;}
#search input[type="text"]{background:#fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBC-x0cTNWnFsUjZ_8KvzuNkKvTJga4w1Ve1vPy-GcclO8gvs2ANjFMTCyvJljPFgWP6WCDoONt9xvGGepSdeFkPrRY8eExhV4DmWLL7QksxoVml8XhV24VREfEV9iNYvbGO7-11D73EY/s1600/tombolcari.gif")no-repeat center left 6px;width:0;font-size:13px;color:#ccc;padding:10px 10px 10px 25px;transition:all 0.5s ease-in-out;margin:10px 0;z-index:9;position:absolute;border:1px solid #eee;border-radius:50px;right:5px}
@media screen and (max-width:800px) {
.page-menu {
width:100%;
margin:0;
}
.navigator {
margin:0 auto;
position:relative;
}
.page-menu ul li {
width:33.3%;
float:left;
}
.page-menu ul li:first-child {
width:100%;
float:none;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:10px;
}
.page-menu ul li,.search-box {
text-align:center;
}
.page-menu ul li a {
margin:0 auto;
padding:0;
}
}
@media screen and (max-width:480px) {
.page-menu ul {
line-height:2em;
}
}
@media screen and (max-width:240px) {
.page-menu ul li {
width:50%;
}
}
/* Navigasi Bottom */
#navi {
width:80%;
overflow:hidden;
position:relative;
margin:0 auto;
padding:0;
}
#navi ul {
padding:0;
overflow:hidden;
display:block;
height:20px;
position:relative;
width:100%;
}
#navi li {
display:inline-block;
padding:0 10px 0 10px;
margin:0;
text-align:center;
border-right:1px solid #444;
overflow:hidden;
}
#navi li a {
display:block;
color:#aaa;
font-size:16px;
width:100%;
text-align:center;
margin:0;
}
#navi li a:hover {
color:#999 !important;
}
#navi li.last {
border-right:none !important;
}
#pull {
display:none;
}
img.logoweb {
margin-left:-40px;
}
/* Promary Menu */
.top-navigation {
background-color:rgba(255,255,255,.98);
margin:0 auto;
padding:0;
border-bottom:1px solid #eaeaea;
}
.top-menu,.top-menu * {
margin:0;
padding:0;
list-style:none;
}
.top-menu>
li {
float:left;
}
.top-menu li {
position:relative;
}
.top-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.top-menu li:hover>
ul,.top-menu li.top-menuhover>
ul {
display:block;
}
.top-menu a {
display:block;
position:relative;
text-decoration:none;
}
.top-menu-items a {
font-size:13px;
font-weight:700;
padding:18px;
color:#6a6a6a;
}
.top-menu-items a:hover,.top-menu-items a:visited:hover {
background-color:#fff;
color:#a7a7a7;
}
.top-menu-items .sub-menu a:hover {
background-color:rgba(251,217,91,0.98);
color:#fff;
}
.hamburger-menu:before {
content:"\f0c9";
font-family:FontAwesome;
}
.top-menu ul ul {
top:0;
left:100%;
}
.top-menu-arrow>
li>
.top-menu-inner:focus:after,.top-menu-arrow>
li:hover>
.top-menu-inner:after {
border-top-color:#a7a7a7;
}
.top-menu-arrow>
.top-menuhover>
.top-menu-inner:after,.top-menu-items .sub-menu .top-menu-arrow>
a>
.top-menu-inner:after {
border-top-color:#fff;
}
.top-menu-arrow .top-menu-inner {
padding-right:2.5em;
}
.sub-menu a {
padding:15px;
color:#fff;
}
.top-menu-arrow .top-menu-inner:after {
content:'';
position:absolute;
top:50%;
right:1em;
margin-top:-3px;
height:0;
width:0;
border:5px solid transparent;
border-top-color:rgba(0,0,0,.5);
}
.top-menu-arrow ul .top-menu-inner:after {
margin-top:-5px;
margin-right:-3px;
border-color:transparent;
border-left-color:rgba(255,255,255,.7);
}
.top-menu-arrow ul li>
.top-menu-inner:focus:after,.top-menu-arrow ul li:hover>
.top-menu-inner:after,.top-menu-arrow ul .top-menuhover>
.top-menu-inner:after,.top-menu-arrow ul .top-menu-items .sub-menu a>
.top-menu-inner:after,.top-menu-items .sub-menu .top-menu-arrow ul a>
.top-menu-inner:after {
border-left-color:#fff;
}
.top-menu-items {
width:74.57627%;
float:left;
margin-right:1.69492%;
}
.top-menu-items .top-menuhover,.top-menu-items .sub-menu a {
background-color:rgba(25,25,25,.9);
}
.widget-master .widget_nav_menu div {
padding:0;
}
.sider-page,.sider-fixed-top,.sider-fixed-bottom,.sider-menu.sider-horizontal>
.sider-panel {
transition:none .4s ease;
transition-property:top,right,bottom,left,border;
}
html.sider-opened .sider-page,html.sider-opened #sider-blocker {
left:0;
top:0;
margin:0;
border:0 solid transparent;
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker {
border:0 solid rgba(100,100,100,0);
}
.sider-menu .sider-hidden {
display:none;
}
.sider-fixed-top,.sider-fixed-bottom {
position:fixed;
left:0;
}
.sider-fixed-top {
top:0;
}
.sider-fixed-bottom {
bottom:0;
}
html.sider-opened .sider-page,.sider-menu>
.sider-panel {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
html.sider-opened {
overflow-x:hidden;
position:relative;
}
html.sider-opened .sider-page {
position:relative;
}
html.sider-background .sider-page {
background:inherit;
}
#sider-blocker {
background:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)transparent;
display:none;
width:100%;
height:100%;
position:fixed;
z-index:999;
}
html.sider-opened #sider-blocker,html.sider-blocking #sider-blocker {
display:block;
}
.sider-menu.sider-current {
display:block;
}
.sider-menu a:hover {
color:#fff;
}
.sider-menu {
background:inherit;
display:none;
overflow:hidden;
height:100%;
padding:0;
position:fixed;
left:0;
top:0;
z-index:0;
}
.sider-menu>
.sider-panel {
background:inherit;
-webkit-overflow-scrolling:touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
width:100%;
height:100%;
padding:0;
position:absolute;
top:0;
left:100%;
z-index:0;
}
.sider-menu>
.sider-panel.sider-opened {
left:0;
padding:0;
}
.sider-menu>
.sider-panel.sider-subopened {
left:-40%;
}
.sider-menu>
.sider-panel.sider-highest {
z-index:1;
}
.sider-menu>
.sider-panel.sider-hidden {
display:block;
visibility:hidden;
}
.sider-menu .sider-list {
padding:0;
}
.sider-menu>
.sider-list {
padding:20px 0 40px;
}
.sider-panel>
.sider-list {
margin-left:0;
margin-right:0;
width:100%;
float:none;
}
.sider-panel>
.sider-list:first-child {
padding-top:0;
}
.sider-list,.sider-list>
li {
list-style:none;
display:block;
padding:0;
margin:0;
}
.sider-list {
font:inherit;
font-size:14px;
}
.sider-list a,.sider-list a:hover {
text-decoration:none;
font-size:14px;
}
.sider-list>
li {
position:relative;
}
.sider-list>
li>
a,.sider-list>
li>
span {
font-size:14px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
color:inherit;
line-height:20px;
display:block;
padding:10px 10px 10px 20px;
margin:0;
}
.sider-list>
li:not(.sider-subtitle):not(.sider-label):not(.sider-noresults):after {
content:'';
border-bottom-width:1px;
border-bottom-style:solid;
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
}
.sider-list>
li:not(.sider-subtitle):not(.sider-label):not(.sider-noresults):after {
width:auto;
margin-left:20px;
position:relative;
left:auto;
}
.sider-list a.sider-subopen {
background:#292929;
width:40px;
height:100%;
padding:0;
position:absolute;
right:0;
top:0;
z-index:2;
}
.sider-list a.sider-subopen:hover {
background:#a7a7a7;
}
.sider-list a.sider-subopen:before {
content:'';
border-left-width:1px;
border-left-style:solid;
display:block;
height:100%;
position:absolute;
left:0;
top:0;
}
.sider-list a.sider-subopen.sider-fullsubopen {
width:100%;
}
.sider-list a.sider-subopen.sider-fullsubopen:before {
border-left:none;
}
.sider-list a.sider-subopen+a,.sider-list a.sider-subopen+span {
padding-right:5px;
margin-right:40px;
}
.sider-list>
li.sider-selected>
a.sider-subopen {
background:transparent;
}
.sider-list>
li.sider-selected>
a.sider-fullsubopen+a,.sider-list>
li.sider-selected>
a.sider-fullsubopen+span {
padding-right:45px;
margin-right:0;
}
.sider-list a.sider-subclose {
text-indent:20px;
padding-top:30px;
margin-top:-20px;
}
.sider-list>
li.sider-label {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-size:10px;
text-transform:uppercase;
text-indent:20px;
line-height:25px;
padding-right:5px;
}
.sider-list>
li.sider-spacer {
padding-top:40px;
}
.sider-list>
li.sider-spacer.sider-label {
padding-top:25px;
}
.sider-list a.sider-subopen:after,.sider-list a.sider-subclose:before {
content:'';
border:2px solid transparent;
display:block;
width:7px;
height:7px;
margin-bottom:-5px;
position:absolute;
bottom:50%;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.sider-list a.sider-subopen:after {
border-top:none;
border-left:none;
right:18px;
}
.sider-list a.sider-subclose:before {
border-right:none;
border-bottom:none;
margin-bottom:-15px;
left:22px;
}
.sider-menu.sider-vertical .sider-list .sider-panel {
display:none;
padding:10px 0 10px 10px;
}
.sider-menu.sider-vertical .sider-list .sider-panel li:last-child:after {
border-color:transparent;
}
.sider-menu.sider-vertical .sider-list li.sider-opened>
.sider-panel {
display:block;
}
.sider-menu.sider-vertical .sider-list>
li.sider-opened>
a.sider-subopen {
height:40px;
}
.sider-menu.sider-vertical .sider-list>
li.sider-opened>
a.sider-subopen:after {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
top:16px;
right:16px;
}
html.sider-opened .sider-page {
box-shadow:0 0 10px rgba(0,0,0,.2);
}
.sider-ismenu {
background:#363636;
color:rgba(255,255,255,.7);
margin:0;
z-index:999999;
}
.sider-menu .sider-list>
li:after {
border-color:rgba(0,0,0,.15);
}
.sider-menu .sider-list>
li>
a.sider-subclose {
background:rgba(0,0,0,.1);
color:rgba(255,255,255,.3);
}
.sider-menu .sider-list>
li>
a.sider-subopen:after,.sider-menu .sider-list>
li>
a.sider-subclose:before {
border-color:rgba(255,255,255,.5);
}
.sider-menu .sider-list>
li>
a.sider-subopen:hover:after,.sider-menu .sider-list>
li>
a.sider-subclose:hover:before {
border-color:rgba(255,255,255,1);
}
.sider-menu .sider-list>
li>
a.sider-subopen:before {
border-color:rgba(0,0,0,.15);
}
.sider-menu .sider-list>
li.sider-selected>
a:not(.sider-subopen),.sider-menu .sider-list>
li.sider-selected>
span {
background:rgba(0,0,0,.1);
}
.sider-menu .sider-list>
li.sider-label {
background:rgba(255,255,255,.05);
}
.sider-menu.sider-vertical .sider-list li.sider-opened>
a.sider-subopen,.sider-menu.sider-vertical .sider-list li.sider-opened>
ul {
background:rgba(255,255,255,.05);
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
left:80%;
}
.sider-menu {
width:80%;
}
.flex-direction-nav {
padding:5px 0;
overflow:hidden;
}
.flex-direction-nav .flex-prev {
float:left;
}
.flex-direction-nav .flex-next {
float:right;
}
@media screen and (min-width:641px) {
#menu-utama {
display:block;
position:absolute;
z-index:99;
width:100%;
margin:80px auto;
max-width:100%;
-webkit-transform:translateZ(0);
}
.mobile-menu,.tinynav {
display:none;
}
.searchform,.main-navigation-items {
display:block;
}
}
@media screen and (max-width:640px) {
.top-menu-items a:hover,.top-menu-items a:visited:hover,.top-menu-items .top-menuhover,.top-menu-items .sub-menu a {
background-color:#07ACEC;
color:#fff;
}
.mobile-menu {
display:block;
position:absolute;
width:100%;
background:#fff;
z-index:50;
-webkit-transform:translateZ(0);
opacity:.96;
border-bottom:1px solid #e9e9e9;
}
.mobile-menu .hamburger {
display:inline-block;
background:#07ACEC;
font-size:25px;
padding:10px;
color:#fff;
cursor:pointer;
}
.mobile-menu .hamburger:hover {
display:inline-block;
background:#292929;
color:#fff;
}
#menu-utama,.searchform,.main-navigation-items {
display:none;
}
.tinynav {
display:block;
}
}
@media all and (min-width:550px) {
.sider-menu {
width:440px;
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
left:440px;
}
}
@media all and (max-width:175px) {
.sider-menu {
width:140px;
}
html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
left:140px;
}
}
.datex span {
display:none;
}
.social {
float:right;
margin-top:17px;
}
.social a {
float:left;
text-align:center;
margin:4px 0 4px 4px;
width:34px;
height:34px;
font-size:16px;
color:#9E9E9E;
-webkit-transition:all 0.1s ease;
transition:all 0.1s ease;
}
.social a i {
background:#F7F7F7;
border-radius:2px;
border:1px solid #EBEBEB;
padding:8px 0;
display:block;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.social a:hover .fa-twitter,.social a:hover .icons-social-twitter,.with_color a .fa-twitter,.with_color a .icons-social-twitter {
background:#00abdc;
}
.social a:hover .fa-facebook,.social a:hover .icons-social-facebook,.with_color a .fa-facebook,.with_color a .icons-social-facebook {
background:#325c94;
}
.social a:hover .fa-dribbble,.social a:hover .icons-social-dribbble,.with_color a .fa-dribbble,.with_color a .icons-social-dribbble {
background:#fa4086;
}
.social a:hover .fa-rss,.social a:hover .icons-rss,.with_color a .fa-rss,.with_color a .icons-rss {
background:#f1862f;
}
.social a:hover .fa-github,.social a:hover .icons-social-github,.with_color a .fa-github,.with_color a .icons-social-github {
background:#333;
}
.social a:hover .fa-instagram,.with_color a .fa-instagram {
background:#964b00;
}
.social a:hover .fa-linkedin,.social a:hover .icons-social-linkedin,.with_color a .fa-linkedin,.with_color a .icons-social-linkedin {
background:#0073b2;
}
.social a:hover .fa-pinterest,.social a:hover .icons-social-pinterest,.with_color a .fa-pinterest,.with_color a .icons-social-pinterest {
background:#d9031f;
}
.social a:hover .fa-google-plus,.social a:hover .icons-social-google-plus,.with_color a .fa-google-plus,.with_color a .icons-social-google-plus {
background:#d9031f;
}
.social a:hover .fa-foursquare,.with_color a .fa-foursquare {
background:#0cbadf;
}
.social a:hover .fa-skype,.social a:hover .icons-social-skype,.with_color a .fa-skype,.with_color a .icons-social-skype {
background:#00b9e5;
}
.social a:hover .fa-cloud,.social a:hover .icons-social-soundcloud,.with_color a .fa-cloud,.with_color a .icons-social-soundcloud {
background:#ff7700;
}
.social a:hover .fa-youtube,.social a:hover .icons-social-youtube,.with_color a .fa-youtube,.with_color a .icons-social-youtube {
background:#d9031f;
}
.social a:hover .fa-tumblr,.social a:hover .icons-social-tumblr,.with_color a .fa-tumblr,.with_color a .icons-social-tumblr {
background:#325c94;
}
.social a:hover .fa-star,.with_color a .fa-star {
background:#F8AC24;
}
.social a:hover .fa-flickr,.social a:hover .icons-social-flickr,.with_color a .fa-flickr,.with_color a .icons-social-flickr {
background:#fa4086;
}
.social a:hover .fa-random,.with_color a .fa-random,.social a:hover .fa-envelope-o,.with_color a .fa-envelope-o,.social a:hover .fa-home,.with_color a .fa-home {
background:#1D1E20;
}
.social a:hover i,.with_color i {
color:#fff;
}
.with_color a i {
border:none !important;
}
/* Layout */
.outerpic-wrapper {
width:100%;
padding:0;
margin:0 auto;
overflow:hidden;
}
.headerpic-wrapper {
background:#f3f3f1;
width:100%;
height:75px;
padding:0;
margin:0 auto;
}
.content-wrapper {
position:relative;
max-width:1200px;
margin:0 auto;
}
.outer-wrapper {
position:relative;
width:100%;
padding:0;
}
.main-wrapper {
width:830px;
margin:0;
float:left;
word-wrap:break-word;
overflow:hidden;
}
.clr {
clear:both;
float:none;
}
/* Posted */
h2 {
line-height:1.4em;
text-transform:none;
color:#333;
margin:.5em 0 .25em;
}
h3.date-header {
text-transform:none;
font-size:12px;
color:#6a6a6a;
line-height:1.2em;
margin:.1em 0;
}
.post {
margin:10px 5px;
padding:35px;
background:#fff;
border-bottom:1px solid #d8d8d8;
}
.post h1,.post h2 {
font-size:270%;
line-height:1.2em;
color:#6a6a6a;
margin:.0em 0 0;
padding:4px 0;
}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong {
display:block;
text-decoration:none;
color:#6a6a6a;
}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover {
color:#a7a7a7;
}
.post-body {
padding-top:10px;
font-size:16px;
margin:1.0em 0 .75em;
line-height:1.8em;
}
.post-body blockquote {
line-height:1.8em;
}
/* Table */
.post-body table th,.post-body table td,.post-body table caption {
border:none;
padding:.5em .7em;
text-align:left;
vertical-align:top;
}
.post-body th:nth-child(1) {
background:#dee0e4;
color:#5d6b6b;
}
.post-body th:nth-child(2) {
background:#7EDD9E;
}
.post-body th:nth-child(3) {
background:#A3E7BA;
}
.post-body th:nth-child(4) {
background:#7EDD9E;
}
.post-body th:nth-child(5) {
background:#A3E7BA;
}
.post-body table td:nth-child(1) {
background:#edeff4;
color:#5d6b6b;
}
.post-body table td:nth-child(2) {
background:#5d6b6b;
color:#fff;
}
.post-body table td:nth-child(3) {
background:#6f7f7f;
color:#fff;
}
.post-body table td:nth-child(4) {
background:#5d6b6b;
color:#fff;
}
.post-body table td:nth-child(5) {
background:#6f7f7f;
color:#fff;
}
.post-body table.tr-caption-container {
border:none;
}
.post-body th {
font-weight:700;
}
.post-body table caption {
border:none;
font-style:italic;
}
.post-body table {}
.post-body td,.post-body th {
vertical-align:top;
text-align:left;
font-size:13px;
padding:3px 5px;
border:none;
}
.post-body th {
background:#7EDD9E;
color:#fff;
}
.post-body table.tr-caption-container td {
padding:12px;
background:#2e3138;
color:#b0b1b8;
font-family:'
Roboto'
;
font-size:13px;
text-decoration:blink;
border:1px solid #464a54;
}
.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img {
max-width:100%;
height:auto;
}
.post-body td.tr-caption {
color:#878888;
font-size:80%;
padding:0 8px 8px !important;
}
img {
max-width:100%;
height:auto;
border:none;
}
table {
max-width:97%;
width:100%;
margin:1.5em auto;
}
table.section-columns td.first.columns-cell {
border-left:none;
}
table.section-columns {
border:none;
table-layout:fixed;
width:100%;
position:relative;
}
table.columns-2 td.columns-cell {
width:50%;
}
table.columns-3 td.columns-cell {
width:33.33%;
}
table.columns-4 td.columns-cell {
width:25%;
}
table.section-columns td.columns-cell {
vertical-align:top;
}
table.tr-caption-container {
padding:4px;
margin-bottom:.5em;
}
td.tr-caption {
font-size:80%;
}
.post-footer {
color:#6a6a6a;
text-transform:none;
letter-spacing:.01em;
line-height:1.4em;
margin:.75em 0;
}
.comment-link {
margin-left:.1em;
}
.post blockquote {
font-family:Georgia,Times,"Times New Roman",serif;
font-size:16px;
border:solid 1px #d8d8d8;
margin:1em 0;
padding:1em 1em;
font-family:Georgia,Times,"Times New Roman",serif;
font-style:italic;
font-size:1em;
min-height:60px;
}
.post blockquote:before {
display:block;
float:left;
content:"\201C"
;
font-size:100px;
margin-right:10px;
color:#fff;
background-color:#03C9A9;
padding:15px 12px 5px 8px;
width:50px;
height:50px;
line-height:90px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.post blockquote cite {
position:relative;
display:block;
text-align:right;
margin-top:5px;
color:#999;
}
.post img,#header2 img,.sidebar img {
max-width:100%;
width:auto;
-ms-interpolation-mode:bicubic;
border:0;
}
.video-container {
position:relative;
margin:0 0 15px 0;
padding-bottom:51%;
padding-top:30px;
height:0;
overflow:hidden;
border:1px solid #ccc;
}
.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* Breadcrubms and Postmeta */
.breadcrumbs {
margin:75px 5px 5px;
padding:15px 35px 15px 35px;
background:#fff;
border-bottom:1px solid #d8d8d8;
font-size:12px;
color:#6a6a6a;
}
.postmeta {
display:block;
margin-bottom:10px;
padding:3px 0;
border-bottom:1px dotted #eee;
color:#6a6a6a;
line-height:1.6em;
font-weight:300;
text-align:left;
}
.author a:hover,.clock a:hover,.post-labels a:hover {
color:#eee;
}
.updated {
border-bottom:none;
}
.breadcrumbs span {
color:#6a6a6a;
}
.post-labels {
background:#8FCB52;
color:#eee;
padding:5px 5px 5px;
margin-left:-3px;
}
.author a {
background:#E15E5E;
padding:5px;
margin-right:5px;
}
.clock a {
background:#74DBD5;
padding:5px;
}
.author a,.clock a,.post-labels a {
color:#fff;
font-size:12px;
font-weight:400;
}
/* Box-Admin */
.author-box {
margin:10px 5px;
padding:20px;
background:#fff;
border-bottom:1px solid #d8d8d8;
font-size:16px;
color:#6a6a6a;
overflow:auto;
}
.author-box p {
margin:0;
padding:0;
}
.author-box a {
color:#6a6a6a;
}
.author-box img {
background:#FFFFFF;
float:left;
margin:0 10px 0 0;
padding:4px;
}
/* NextPage */
#blog-pager {
text-align:center;
padding:10px 5px 0;
margin:5px 0 0;
}
#blog-pager .home-link {
display:none;
}
#blog-pager a {
display:block;
background-color:#fff;
border-bottom:1px solid #d8d8d8;
margin:15px 0 20px;
padding:8px 25px 8px 8px;
line-height:25px;
font-size:13px;
width:auto;
color:#333;
font-weight:400;
}
#blog-pager a:hover {
text-decoration:none;
color:#46526e;
}
#blog-pager a:before {
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
width:25px;
height:25px;
line-height:25px;
font-size:12px;
border-radius:50%;
color:#555;
border:1px solid #555;
margin:0 5px 0 0;
text-align:center;
float:left;
}
#blog-pager a.blog-pager-newer-link:before {
content:"
\f053"
}
#blog-pager a.blog-pager-older-link:before {
content:"
\f054"
;
float:right;
margin:0 0 0 10px;
}
#blog-pager a.blog-pager-older-link {
padding:8px 8px 8px 25px;
}
#blog-pager a.blog-pager-older-link {
float:right !important;
}
#blog-pager a.blog-pager-newer-link {
float:left !important;
}
/* Sidebar */
.sidebar-wrapper {
width:350px;
font-size:13.3px;
float:right;
margin-top:63px;
word-wrap:break-word;
overflow:hidden;
}
.sidebar h2 {
color:#6a6a6a;
border-bottom:1px solid #eee;
font-family:'Lobster',cursive;
font-size:33px;
font-style:italic;
font-weight:400;
margin:0 0 0 0;
padding:12px 65px 12px 25px;
position:relative;
text-transform:normal;
transition:all .5s ease-out;
}
.sidebar h2:before {
content:'\f005';
font-family:FontAwesome;
font-size:20px;
font-style:normal;
font-weight:normal;
top:0;
right:0;
position:absolute;
padding:25px 15px;
background:transparent;
color:#FBD95B;
line-height:26px;
}
.sidebar {
color:#6a6a6a;
line-height:1em;
margin:5px 0;
font-size:11px;
}
.sidebar li {
line-height:1.3em;
margin:0;
padding:5px 0 4px;
}
.sidebar .widget {
margin:10px 3px 20px 1px;
padding:0;
background:#fff;
border-bottom:1px solid #d8d8d8;
}
.sidebar .widget-content {
padding:25px;
}
.sidebar a:link,.sidebar a:visited {
font-size:15px;
color:#777;
text-decoration:none;
}
.sidebar li a:hover {
color:#a7a7a7;
}
.sidebar ul {
list-style:none;
margin:0;
padding:5px 0;
}
/* Credit */
.credit-wrapper {
text-align:center;
margin:0 auto;
width:85%;
font-size:12px;
text-transform:uppercase;
color:#aaa;
line-height:1.5em;
padding:20px 0;
font-weight:400;
border-top:5px solid #444;
}
.credit-wrapper a {
color:#aaa;
}
.credit-wrapper a:hover {
opacity:.7;
}
.bala {
margin:0;
padding:0;
}
/* Footer And Subscribe */
#footergray {
padding:0;
margin:0 auto;
text-align:center;
width:100%;
background:#333;
display:block;
overflow:hidden;
}
#subscribe-css {
padding:70px 0;
}
.subscribe-wrapper {
color:#fff;
text-transform:normal;
font-family:'Lobster',cursive;
font-size:33px;
font-style:italic;
line-height:20px;
padding:1px 20px 10px;
text-align:center;
}
.subscribe-form {
clear:both;
display:block;
margin:10px 0;
overflow:hidden;
}
form.subscribe-form {
clear:both;
display:block;
margin:10px 0 0;
width:auto;
overflow:hidden;
}
.subscribe-css-email-field {
background:#fff;
color:#444;
margin:0 0 15px;
padding:12px 20px;
width:250px;
border:none;
}
.subscribe-css-email-button {
background:#f88c00;
color:#fff;
cursor:pointer;
font-weight:700;
padding:11px 12px 12px;
text-transform:none;
width:80px;
border:none;
font-size:14px;
}
/* Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {
list-style:none;
border:none;
background:none;
outline:none;
margin:0;
padding:0;
}
.PopularPosts ul {
list-style:none;
font-size:120%;
color:#777;
margin:0 !important;
width:100% !important;
}
.PopularPosts li:hover {
color:#f88c00;
}
.PopularPosts ul li img {
display:block;
transition:all 400ms ease-in-out;
width:100px;
height:60px;
float:left;
margin:0 15px 0 0;
}
.PopularPosts .item-title {
text-overflow:ellipsis;
overflow:hidden;
height:64px;
}
.PopularPosts ul li {
margin:0 !important;
padding:10px 5px 10px 10px;
border-top:0 solid #e0e0e0;
}
.PopularPosts ul li:nth-child {}
/* Widget Statis */
.counter-fianmt {
width:100%;
overflow:hidden;
clear:both;
font-size:0;
}
.counter-fianmt ul {
text-align:center;
}
.counter-fianmt li {
line-height:15px;
display:inline-block;
width:32%;
border-width:0 0 1px 0;
}
.counter-fianmt li a {
color:#444;
text-decoration:none;
display:block;
overflow:hidden;
opacity:0.8;
padding:0 0 6px;
}
.counter-fianmt li a:hover {
background:transparent;
opacity:1;
}
.counter-fianmt a i {
font-size:28px;
margin:8px auto;
width:50px;
color:#FFF;
height:50px;
line-height:50px;
display:block;
text-align:center;
background:#555;
border-radius:50px;
}
.counter-fianmt a:hover i,.social-icons-widget .social-icons.social-colored a:hover {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
.counter-fianmt a:hover span,.counter-fianmt a:hover small {
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
.counter-fianmt li:nth-child(3n+1) {
border-width:0 1px 1px 0;
}
.counter-fianmt li:nth-child(3n+3) {
border-width:0 0 1px 1px;
}
.counter-fianmt li span {
display:block;
font-size:21px;
}
.counter-fianmt li a small {
font-size:11px;
color:#777;
padding-top:3px;
display:inline-block;
}
.counter-fianmt.border a i {
background:transparent;
border:1px solid #555;
color:#555;
}
.counter-fianmt.border li a:hover i {
border:0 none;
color:#FFF;
}
.counter-fianmt.border .arq-lite-facebook a i {
border-color:#39599f;
color:#39599f;
}
.counter-fianmt.border .arq-lite-twitter a i {
border-color:#45b0e3;
color:#45b0e3;
}
.counter-fianmt.border .arq-lite-google a i {
border-color:#fa0101;
color:#fa0101;
}
.counter-fianmt.border .arq-lite-rss a i {
border-color:#f8bc2e;
color:#f8bc2e;
}
.counter-fianmt.border .arq-lite-soundcloud a i {
border-color:#F76700;
color:#F76700;
}
.counter-fianmt.border .arq-lite-github a i {
border-color:#4183c4;
color:#4183c4;
}
.counter-fianmt.border .arq-lite-behance a i {
border-color:#1769ff;
color:#1769ff;
}
.counter-fianmt.border .arq-lite-dribbble a i {
border-color:#d875a2;
color:#d875a2;
}
.counter-fianmt.border .arq-lite-youtube a i {
border-color:#cc181e;
color:#cc181e;
}
.counter-fianmt.border .arq-lite-instagram a i {
border-color:#517fa4;
color:#517fa4;
}
.counter-fianmt.border .arq-lite-vimeo a i {
border-color:#3fbfce;
color:#3fbfce;
}
.counter-fianmt.border .arq-lite-delicious a i {
border-color:#2567ee;
color:#2567ee;
}
.social-icons {
text-align:center;
}
.social-icons a {
margin:2px;
position:relative;
text-shadow:none;
display:inline-block;
}
.social-icons-widget .social-icons i:before {
display:inline-block;
width:32px;
height:32px;
line-height:32px;
font-size:18px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.social-icons-widget .social-icons a {
color:#555 !important;
}
#theme-footer .social-icons-widget .social-icons a {
color:#999 !important;
}
.social-icons-widget .social-icons.social-colored a {
color:#FFF !important;
}
.social-icons-widget .social-icons a:hover {
opacity:0.7;
}
.social-icons.social-colored .fa-delicious:before,.arq-lite-delicious a:hover i,.counter-fianmt.colored .arq-lite-delicious a i {
background:#2567ee;
}
.social-icons.social-colored .fa-foursquare:before {
background:#0d9ed1;
}
.social-icons.social-colored .fa-digg:before {
background:#b2b2b2;
}
.social-icons.social-colored .fa-reddit:before {
background:#ff915c;
}
.social-icons.social-colored .tieicon-vimeo:before,.arq-lite-vimeo a:hover i,.counter-fianmt.colored .arq-lite-vimeo a i {
background:#3fbfce;
}
.social-icons.social-colored .fa-play:before {
background:#a0b532;
}
.social-icons.social-colored .fa-soundcloud:before,.arq-lite-soundcloud a:hover i,.counter-fianmt.colored .arq-lite-soundcloud a i {
background:#F76700;
}
.social-icons.social-colored .fa-yelp:before {
background:#c1230d;
}
.social-icons.social-colored .fa-github:before {
background:#666;
}
.social-icons.social-colored .fa-xing:before {
background:#00605e;
}
.social-icons.social-colored .fa-dropbox:before {
background:#459ce6;
}
.social-icons.social-colored .fa-tumblr:before {
background:#385a75;
}
.social-icons.social-colored .fa-apple:before {
background:#7e878b;
}
.social-icons.social-colored .fa-dribbble:before,.arq-lite-dribbble a:hover i,.counter-fianmt.colored .arq-lite-dribbble a i {
background:#d875a2;
}
.social-icons.social-colored .fa-skype:before {
background:#00c6ff;
}
.social-icons.social-colored .fa-vk:before {
background:#369;
}
.social-icons.social-colored .fa-friendfeed:before {
background:#93b4dd;
}
.social-icons.social-colored .fa-lastfm:before {
background:#f54a3d;
}
.social-icons.social-colored .fa-spotify:before {
background:#7fb718;
}
.social-icons.social-colored .fa-paypal:before {
background:#34aad2;
}
.social-icons.social-colored .fa-wordpress:before {
background:#2071ad;
}
.social-icons.social-colored .fa-rss:before,.arq-lite-rss a:hover i,.counter-fianmt.colored .arq-lite-rss a i {
background:#f8bc2e;
}
.social-icons.social-colored .fa-share-alt:before {
background:#55ac60;
}
.social-icons.social-colored .tieicon-picasa:before {
background:#9d48a1;
}
.social-icons.social-colored .tieicon-evernote:before {
background:#1c8328;
}
.social-icons.social-colored .fa-github:before,.arq-lite-github a:hover i,.counter-fianmt.colored .arq-lite-github a i {
background:#4183c4;
}
.social-icons.social-colored .tieicon-blogger:before {
background:#f39d38;
}
.social-icons.social-colored .tieicon-viadeo:before {
background:#f97618;
}
.social-icons.social-colored .tieicon-deviantart:before {
background:#5d6f6d;
}
.social-icons.social-colored .tieicon-grooveshark:before {
background:#248fd3;
}
.social-icons.social-colored .tieicon-fivehundredpx:before {
background:#00adf1;
}
.social-icons.social-colored .fa-facebook:before,.social-facebook,.author-social a.social-facebook:hover,.arq-lite-facebook a:hover i,.counter-fianmt.colored .arq-lite-facebook a i {
background:#39599f;
}
.social-icons.social-colored .fa-twitter:before,.social-twitter,.author-social a.social-twitter:hover,.arq-lite-twitter a:hover i,.counter-fianmt.colored .arq-lite-twitter a i {
background:#45b0e3;
}
.social-icons.social-colored .fa-stumbleupon:before,.social-stumble,.author-social a.social-stumble:hover {
background:#eb4924;
}
.social-icons.social-colored .fa-google-plus:before,.social-google-plus,.author-social a.social-google-plus:hover,.arq-lite-google a:hover i,.counter-fianmt.colored .arq-lite-google a i {
background:#fa0101;
}
.social-icons.social-colored .fa-linkedin:before,.social-linkedin,.author-social a.social-linkedin:hover {
background:#65b7d2;
}
.social-icons.social-colored .fa-pinterest:before,.social-pinterest,.author-social a.social-pinterest:hover {
background:#E00707;
}
.social-icons.social-colored .fa-youtube:before,.social-youtube,.author-social a.social-youtube:hover,.arq-lite-youtube a:hover i,.counter-fianmt.colored .arq-lite-youtube a i {
background:#cc181e;
}
.social-icons.social-colored .tieicon-instagram:before,.social-instagram,.author-social a.social-instagram:hover,.arq-lite-instagram a:hover i,.counter-fianmt.colored .arq-lite-instagram a i {
background:#517fa4;
}
.social-icons.social-colored .fa-behance:before,.social-behance,.author-social a.social-behance:hover,.arq-lite-behance a:hover i,.counter-fianmt.colored .arq-lite-behance a i {
background:#1769ff;
}
.social-icons.social-colored .tieicon-flickr:before,.social-flickr,.author-social a.social-flickr:hover {
background:#ff0084;
}
.social-site {
background:#666;
}
.widget-container .tie-instagram {
margin-bottom:0;
}
/* Comments */
#comments {
font-size:16px;
margin:10px 5px;
padding:0;
background:#fff;
border-bottom:1px solid #d8d8d8;
color:#6a6a6a;
}
#comments h5 {
font-size:25px;
font-family:'Lobster',cursive;
margin:0;
padding:15px 20px;
position:relative;
overflow:hidden;
}
.comment_admin .comment_author_flag {
display:inline;
font-size:15px;
font-weight:normal;
padding:2px 6px;
margin-left:8px;
color:#fff;
border-radius:4px;
text-transform:uppercase;
letter-spacing:.1em;
}
.comment_inner {
background:#fff;
margin:0;
padding:15px;
overflow:hidden;
border-top:1px solid #e5e5e5;
transition:all .3s;
}
div.comment_inner.comment_admin {
background:#fff;
}
.comment_inner:hover,.comment_inner:hover >
.comment_body,.comment_child .comment_inner:hover,div.comment_inner.comment_admin:hover {
background:#fefefe;
}
.comment_header {
float:left;
width:67px;
}
.cm_head {
position:relative;
margin:-10px -10px 0;
padding:5px 10px 0;
}
.comment_avatar {
border-radius:55px;
margin:0;
padding:5px;
}
.comment_avatar img {
border-radius:55px;
width:55px;
height:55px;
padding:0;
border:5px solid #eee;
text-align:center;
margin:0;
background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat #eee;
}
div.comment_avatar img[src="
http://img1.blogblog.com/img/openid16-rounded.gif"
] {
content:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png);
}
.comment_name,.comment_name a {
padding:0;
margin:0;
font-weight:bold;
color:#333;
}
.comment_service {
margin-top:0;
}
.comment_date {
margin:0 0 0 5px;
color:#999;
font-size:11px;
font-weight:400;
}
.respond {
float:right;
margin:0;
padding:0;
}
.comment_date:hover {
color:#bbb;
text-decoration:underline;
}
.comment_body {
background:#fff;
margin-left:72px;
padding:10px;
}
.comment_body p {
line-height:normal;
margin:0;
color:#333;
word-wrap:break-word;
padding:10px 0;
}
.comment_child .comment_inner {
padding-left:78px;
}
.comment-delete {
position:absolute;
float:right;
top:10px;
right:10px;
margin:0;
padding:0;
opacity:.5;
transition:all .3s;
}
.comment_body:hover >
.cm_head a.comment-delete {
opacity:1;
}
.infonm {
float:left;
}
.comment_reply {
font-size:80%;
width:50px;
display:block;
font-weight:400;
margin:0;
padding:0;
color:#6a6a6a !important;
text-align:center;
text-decoration:none;
background:#fff;
border-radius:2px;
border:1px solid #e5e5e5;
transition:all .3s;
}
.comment_reply:hover {
text-decoration:none;
color:#a24436 !important;
}
.comment_hapus {
font-weight:300;
margin:0;
padding:0;
color:#fff !important;
text-decoration:none;
}
.comment_hapus:hover {
text-decoration:none;
color:#333 !important;
}
.unneeded-paging-control {
display:none;
}
.comment-form {
max-width:100% !important;
}
#comment-editor {
width:100% !important;
background:#fff url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 40%;
margin-bottom:0;
margin-top:5px;
}
.comment_form a {
text-decoration:none;
}
.comment-form p {
background:#fff none repeat scroll 0% 0%;
padding:0;
margin:0;
color:#333;
font-size:13px;
position:relative;
}
.comment_reply_form {
padding:0 0 0 70px;
}
.comment_reply_form .comment-form {
width:100%;
}
iframe {
border:none;
overflow:hidden;
}
.deleted-comment {
background:#e74c3c;
color:#fff;
padding:20px;
margin:5px 0;
display:block;
}
iframe {
border:none;
overflow:hidden;
}
p.spammer-detected {
background:#9eb2c0;
position:relative;
display:table;
margin:10px 0;
padding:10px 15px;
color:#fff;
font-size:95%;
border-radius:2px;
}
.pesan-komentar {
padding:0;
width:auto;
margin:0 auto;
line-height:normal;
position:relative;
font-weight:400;
color:#444;
}
.pesan-komentar h6 {
font-size:14px;
margin:0;
padding:15px 20px;
font-weight:700;
position:relative;
text-transform:uppercase;
overflow:hidden;
border-bottom:1px solid #eee;
}
.pesan-komentar .strike {
text-decoration:line-through;
display:inline;
padding:0;
}
.pesan-komentar ul {
padding:20px;
}
.pesan-komentar ul li {
list-style:none;
padding:3px 0;
font-size:13px;
}
.pesan-komentar ul li:first-child {
padding:0 0 3px 0;
}
.pesan-komentar ul li:last-child {
padding:3px 0 0 0;
}
.parser {
color:#6a6a6a;
border:1px solid #ddd;
padding:3px 6px;
margin:0 20px 20px;
cursor:pointer;
display:inline-block;
float:left;
text-align:center;
}
#parser {
padding:0;
margin:0 20px;
display:none;
}
#parser table,#parser2 table {
margin:0 auto;
width:100%;
}
#parser textarea#somewhere,#parser2 textarea#somewhere {
background:#fff;
color:#6a6a6a;
border:0;
height:100px;
width:100%;
padding:10px;
box-shadow:inset 0 0 0 1px #ddd;
transition:all .6s;
}
#parser textarea#somewhere:active,#parser textarea#somewhere:focus,#parser2 textarea#somewhere:active,#parser2 textarea#somewhere:focus {
color:#333;
box-shadow:inset 0 0 0 1px #ccc;
outline:0;
}
input.button-parse {
padding:5px 8px;
cursor:pointer;
border:1px solid #e85e54;
background:#f8695f;
color:#fff;
margin-bottom:20px;
border-radius:2px;
transition:all .3s;
}
input.button-parse:hover {
background:#fff;
border-color:#f8695f;
color:#e85e54;
}
code {
font-family:Consolas,Monaco,'Andale Mono',monospace;
white-space:initial;
word-spacing:normal;
word-break:normal;
hyphens:none;
}
code,#comment_block code,#comment_block i[rel="
code"
] {
font:normal 12px Monaco,"Courier New",Monospace;
color:blue;
}
pre,#comment_block pre,#comment_block i[rel="
pre"
] {
display:block;
font:normal 12px Monaco,"Courier New",Monospace;
background-color:#333;
color:#fff;
padding:0.5em 1em;
word-wrap:normal;
white-space:pre;
overflow:auto;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
#comment_block blockquote,#comment_block i[rel="
quote"
] {
margin:0 2%;
background-color:#eee;
padding:1em 1.2em;
border-left:4px solid #7498AD;
display:block;
font-weight:normal;
font-style:italic;
}
#comment_block i[rel="
image"
],#comment_block i[rel="
youtube"
] {
display:block;
overflow:hidden;
position:relative;
width:170px;
margin:0 auto;
}
.comment_emo_list {
display:none;
position:relative;
text-align:center;
margin:20px auto;
}
.comment_emo_list .item {
float:left;
text-align:center;
height:40px;
width:41px;
margin:0 auto;
}
.comment_emo_list span {
display:block;
font-weight:400;
font-size:11px;
letter-spacing:1px;
color:#6a6a6a;
}
.comment_body p img.comment_emo {
margin-left:5px;
}
/* Widget Statis */
.cloud-label-widget-content {
text-align:justify;
max-height:300px;
overflow-y:auto;
}
.widget-content.cloud-label-widget-content {
display:inline-block;
width:100%;
}
.widget-content.list-label-widget-content {
padding:0;
}
.widget-content.cloud-label-widget-content {
display:inline-block;
}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
opacity:1;
}
.cloud-label-widget-content {
text-align:left;
padding:10px;
}
.label-count {
white-space:nowrap;
display:inline-block;
}
.sidebar-wrapper .Label ul {
list-style:none !important;
margin:15px 0 0;
padding:0;
width:100%;
}
.sidebar-wrapper .Label li {
position:relative;
background:#f5f5f5;
color:#444;
padding:0;
margin:0;
text-align:left;
max-width:100%;
font-size:90%;
transition:all .3s ease-out;
}
.sidebar-wrapper .Label li:nth-child(even) {
background-color:#fff;
}
.sidebar-wrapper .Label li:hover {
background:#fff;
color:#cf4d35;
}
.sidebar-wrapper .Label li:before {
content:"";
position:absolute;
width:0;
height:100%;
background:#fbd95b;
transition:all .2s ease-in-out;
}
.sidebar-wrapper .Label li:hover:before {
width:100%;
}
.sidebar-wrapper .Label li a {
padding:0 0 0 10px;
border-left:5px solid #fbd95b;
display:block;
position:relative;
line-height:42px;
color:#787878;
text-decoration:none;
transition:all .3s ease-out;
}
.sidebar-wrapper .Label li a:hover {
color:#fff;
}
.sidebar-wrapper .Label li span {
float:right;
height:42px;
line-height:42px;
width:42px;
text-align:center;
display:inline-block;
background:#fbd95b;
color:#FFF;
position:absolute;
top:0;
right:0;
z-index:2;
}
.sidebar-wrapper .Label li:nth-child(even) >
span {
background:#EDC842;
}
.sidebar-wrapper .label-size {
position:relative;
display:block;
float:left;
margin:0 4px 4px 0;
font-size:13px;
transition:all 0.3s;
}
.sidebar-wrapper .label-size a {
background:#fff;
background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgba(246,246,246,1)100%);
display:inline-block;
color:#444;
padding:5px 8px;
font-weight:400;
border:1px solid #e3e3e3;
background-repeat:repeat-y;
background-size:100% 90px;
background-position:0 -30px;
transition:all .3s;
}
.sidebar-wrapper .label-count {
opacity:0;
visibility:hidden;
font-size:85%;
display:inline-block;
position:absolute;
top:-10px;
right:-10px;
background:#4fafe9;
color:#fff;
white-space:nowrap;
padding:0;
width:22px;
height:22px;
line-height:22px;
border-radius:100%;
text-align:center;
z-index:1;
transition:all .3s;
}
.sidebar-wrapper .label-size:hover .label-count {
opacity:1;
visibility:visible;
top:-5px;
}
.sidebar-wrapper .label-size a:hover {
color:#444;
background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rgba(255,255,255,1)100%);
background-position:0 0;
}
/* Futured Slider */
#slider-fianmt {
background:#fff;
border-bottom:1px solid #d8d8d8;
width:100%;
position:relative;
height:300px;
margin:65px auto 10px;
}
#featured {
width:100%;
position:relative;
height:320px;
overflow:hidden;
margin:0 auto;
}
#featured ul {
width:9999px;
}
#featured ul,#featured li {
list-style:none;
padding:0;
margin:0;
overflow:hidden;
}
#featured li {
width:230px;
display:inline-block;
float:left;
height:300px;
}
.thumb-featured {
width:230px;
height:235px;
margin:5px auto;
overflow:hidden;
}
.thumb-featured img {
display:block;
width:230px;
height:280px;
}
.title-featured {
text-align:center;
position:relative;
margin-top:-20px;
}
.title-featured h4 {
font-size:100%;
font-weight:700;
max-height:45px;
overflow:hidden;
padding-top:10px;
}
.title-featured a {
color:#6a6a6a;
}
.title-featured a:hover {
color:#a7a7a7;
}
span.slideloading {
background-repeat:no-repeat;
background-position:50% 50%;
text-indent:-9999px;
margin:50px auto;
}
.arrow {
position:absolute;
display:block;
background:rgba(215,214,214,.35) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1oO49i4ovl2vztxVhGtbMCxnR3-FrH7McgzXDuXBopLMSpNyxC2VHkhVwpY_C2OV681scDyzOztQsUy0tB-3Ud11jjhrySdouCyvvMMYGWpe_oGQO2L9R5LQIvX_apVNHpLEXlDM8O9w/s1600/nnv.png)no-repeat;
background-position:0 50%;
width:30px;
height:60px;
top:90px;
text-indent:-9999px;
}
.arrow:hover {
opacity:.5;
}
.arrow.back {
background-position:0 50%;
left:0;
}
.arrow.forward {
background-position:100% 50%;
right:0;
}
/* Social Media Posted */
#sonetwo {
text-align:center;
}
#sonetwo,#sonetwo ul {
display:block;
margin:0 auto;
}
#sonetwo {
background:#fff;
padding:20px 10px;
}
#sonetwo ul {
padding:0;
list-style:none;
}
#sonetwo li {
display:inline-block;
margin:0 5px;
width:36px;
height:36px;
transition:All .6s ease-out;
}
#sonetwo li:hover {
color:#eee;
cursor:pointer;
}
#sonetwo li a:hover,#sonetwo li:hover a {
color:#fff;
}
#sonetwo li a {
display:inline-block;
color:#aaa;
line-height:36px;
font-size:1.2em;
transition:All .3s ease-out;
}
#sonetwo li a span {
display:none;
}
#sonetwo li.facebook,#sonetwo li.googleplus,#sonetwo li.pinterest,#sonetwo li.twitter {
transition:background-position .4s ease,color .4s ease;
text-align:center;
cursor:pointer;
box-shadow:0 0 0 1px #ddd;
}
#sonetwo li.facebook {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#257AA7 0,#257AA7 50%,transparent 50%,transparent 100%);
}
#sonetwo li.twitter {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#23D1D3 0,#23D1D3 50%,transparent 50%,transparent 100%);
}
#sonetwo li.googleplus {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#FF5252 0,#FF5252 50%,transparent 50%,transparent 100%);
}
#sonetwo li.pinterest {
background:150% 0 no-repeat;
border-radius:100%;
background-size:200%;
background-image:linear-gradient(110deg,#D72E2E 0,#D72E2E 50%,transparent 50%,transparent 100%);
}
#sonetwo li a.facebook:hover,#sonetwo li a.googleplus:hover,#sonetwo li a.pinterest:hover,#sonetwo li a.twitter:hover {
color:#fff;
}
#sonetwo li.facebook:hover,#sonetwo li.googleplus:hover,#sonetwo li.pinterest:hover,#sonetwo li.twitter:hover {
color:#fff;
background-position:0 0;
box-shadow:0 0 0 1px #ddd;
}
/* Related Post */
.related-post {
background-color:#F6FBFB;
border-bottom:1px solid #d8d8d8;
margin:0 5px;
padding:30px;
}
.related-post h4 {
color:#6a6a6a;
font-size:28px;
font-family:'Lobster',cursive;
font-size:33px;
font-style:italic;
font-weight:400;
margin:0 0 35px -5px;
}
.related-post a {
color:#6a6a6a;
font-size:14px;
text-align:center;
}
.related-post a:hover {
color:#555;
}
.related-post-style-3 {
margin:0 -11px 0 -5px;
padding:0;
}
.related-post-style-3 li {
margin:0;
padding:0;
list-style:none;
overflow-wrap:break-word;
overflow:hidden;
}
.related-post-style-3 .related-post-item {
display:block;
float:left;
width:247px;
height:220px !important;
padding:0;
margin-right:10px;
margin-bottom:10px;
font-size:14px;
position:relative;
text-align:center;
}
.related-post-style-3 .related-post-item:focus {
outline:0;
}
.related-post-style-3 .related-post-item-thumbnail {
display:block;
margin:0 0 10px;
width:100%;
height:140px !important;
max-width:none;
max-height:none;
background-color:transparent;
border:none;
padding:0;
border-radius:0;
}
.related-post-item-title {
font-weight:400;
}
.related-post-style-3 .related-post-item-thumbnail {
display:block;
height:auto;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.related-post-style-3 .related-post-item-thumbnail:hover {
-moz-transform:scale(1.08);
-webkit-transform:scale(1.08);
-o-transform:scale(1.08);
transform:scale(1.08);
}
/* 404 */
#errorpage {
position:fixed;
z-index:+1000000;
top:0;
left:0;
width:100%;
height:100%;
background:#d7d7d7;
color:#555555;
text-align:center;
font-size:14px;
background:#eee;
}
.comingcontainer {
width:100%;
}
.checkbacksoon {
width:auto;
height:100%;
padding-top:5%;
}
.checkbacksoon p {
font-weight:normal;
color:#6a6a6a;
display:block;
margin:auto;
margin-top:10px;
text-align:center;
text-shadow:0 1px 0 #ffffff;
}
.checkbacksoon p span {
color:#fff;
text-shadow:0 0 2px #686868;
font-size:200px;
line-height:200px;
}
.tombol {
display:inline-block;
text-decoration:none;
outline:0;
cursor:pointer;
padding:8px 11px;
color:#555;
}
/* Media*/
@media screen and (max-width:1024px) {
.header-wrapper {
margin-right:0;
min-height:0;
width:100%;
}
#header {
text-align:center;
width:100%;
max-width:none;
}
#header-inner {
margin-bottom:0;
}
#header h1,#header p {
margin-right:0;
}
#header .description {
margin:0;
}
.main-wrapper {
margin-right:0;
width:67%;
}
.page-menu {
margin-top:-19px;
width:65%;
}
.post {
padding:10px;
}
.sidebar-wrapper {
width:320px;
}
.sidebar .widget-content {
padding:10px;
}
.related-post-style-3 .related-post-item {
width:47.9%;
height:180px;
}
}
@media screen and (max-width:980px) {
#header {
float:none;
max-width:none;
text-align:center;
margin-top:10px;
}
#header-inner {
margin-bottom:0;
}
#header h1,#header p {
margin-right:0;
}
#header .description {
margin:0;
}
.main-wrapper {
margin-right:0;
width:64%;
}
.sidebar-wrapper {
width:99%;
}
.credit {
padding:20px !important;
}
#credit .left,#credit .right {
float:none;
text-align:center;
margin:0;
}
.outerpic-wrapper,.content-wrapper {
padding:0;
}
#header2,.page-menu ul {
text-align:center;
width:100%;
}
}
@media screen and (max-width:800px) {
.header-wrapper {
margin-right:0;
min-height:0;
width:100%;
}
#header {
text-align:center;
width:100%;
max-width:none;
}
#header-inner {
margin:10px 0;
}
.main-wrapper {
width:100%;
}
.navigator {
background:#f3f3f1;
height:150px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.top-menu-items {
width:100%;
float:left;
margin-right:1.69492%;
}
#menu-utama {
margin:-30px auto;
}
#slider-fianmt {
margin:51px auto 10px;
}
.sidebar-wrapper {
width:97%;
}
}
@media screen and (max-width:760px) {
.navigator {
background:#f3f3f1;
height:150px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.top-menu-items {
width:100%;
float:left;
margin-right:1.69492%;
}
#menu-utama {
margin:-30px auto;
}
#slider-fianmt {
margin:51px auto 10px;
}
.outer-wrapper {
padding:0;
}
.main-wrapper {
margin-right:0;
width:100%;
min-height:0;
}
.sidebar-wrapper {
width:99%;
}
}
@media screen and (max-width:480px) {
.navigator {
background:#f3f3f1;
height:130px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.mobile-menu {
margin-top:-24px;
}
#slider-fianmt {
margin:41px auto 10px;
}
.post h1,.post h2 {
font-size:200%;
text-align:center;
}
#header img {
width:100%;
}
#relpost_img_sum .news-title {
font:11px Arial;
}
.post-comment-link {
display:none;
}
}
@media screen and (max-width:375px) {
.navigator {
background:#f3f3f1;
height:130px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.mobile-menu {
margin-top:-24px;
}
#slider-fianmt {
margin:41px auto 10px;
}
#search input[type="
text"
]:hover,#search input[type="
text"
]:focus {
width:180px;
}
.post h1,.post h2 {
font-size:180%;
text-align:center;
}
.page-menu {
margin-top:15px;
width:100%;
}
.PopularPosts li:first-child .item-title a {
width:88.5%;
}
.related-post-style-3 .related-post-item {
width:98%;
height:180px;
}
.comments .comments-content .datetime {
display:block;
float:none;
}
.comments .comments-content .comment-header {
height:70px;
}
}
@media screen and (max-width:320px) {
.navigator {
background:#f3f3f1;
height:130px;
}
.page-menu {
margin-top:15px;
width:100%;
}
.mobile-menu {
margin-top:-24px;
}
#slider-fianmt {
margin:41px auto 10px;
}
#featured li,.thumb-featured,.thumb-featured img {
width:303px;
}
#search input[type="
text"
]:hover,#search input[type="
text"
]:focus {
width:180px;
}
.post h1,.post h2 {
font-size:180%;
text-align:center;
}
.PopularPosts li:first-child .item-title a {
width:88.3%;
}
.related-post-style-3 .related-post-item {
width:100%;
height:180px;
}
.comments .comments-content .datetime {
display:block;
float:none;
}
.comments .comments-content .comment-header {
height:70px;
}
}
@media screen and (max-width:240px) {
.header-wrapper {
margin-right:0;
min-height:0;
width:100%;
}
#header {
text-align:center;
width:100%;
max-width:none;
}
#header-inner {
margin:10px 0;
}
#header img {
border:0 none;
background:none;
width:auto;
height:auto;
margin:0 auto;
}
.PopularPosts li:first-child .item-title a {
width:83.5%;
height:70px;
font-size:15px;
}
.comments .comments-content .comment-replies {
margin-left:0;
}
}
</style>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.main-wrapper {
width:845px;
}
.sidebar-wrapper {
margin-top:4px;
}
.post {
width:47.9%;
height:430px;
float:left;
overflow:hidden;
position:relative;
padding:0;
margin:10px 17px 17px 0;
}
.post h1,.post h2 {
font-size:180%;
line-height:1.2em;
margin:5px 10px 0;
padding:10px 20px 0 20px;
text-align:center;
}
.post-body {
padding:0 20px 0 20px;
font-size:14px;
text-align:center;
}
.post-footer {
display:none;
}
.postmeta {
;
padding:5px 0 10px;
}
.thumbimg {
width:100% !important;
height:250px !important;
overflow:hidden;
margin:0;
padding:0;
border:none;
box-shadow:none;
}
.post img {
display:block;
height:auto;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.post:hover img {
-moz-transform:scale(1.08);
-webkit-transform:scale(1.08);
-o-transform:scale(1.08);
transform:scale(1.08);
}
#blog-pager,.blog-pager {
padding-right:20px;
}
.snippets {
padding:20px;
text-align:center;
font-size:15px;
color:#878787;
line-height:1.8em;
}
.commentcount {
background:#78CD85;
color:#fff;
text-transform:uppercase;
border-radius:2px;
padding:2px 8px;
text-align:center;
position:absolute;
top:10px;
left:-200px;
z-index:1000;
transition:all .8s ease-in-out;
font-size:12px;
}
.post:hover .commentcount {
left:10px;
}
.commentcount:hover {
background:#FD9E4D;
color:#fff;
transition:all .3s ease-in-out;
}
@media screen and (max-width:1024px) {
.main-wrapper {
width:68%;
}
.post h1,.post h2 {
font-size:140%;
}
.post {
width:47%;
height:450px !important;
}
}
@media screen and (max-width:980px) {
.content-wrapper {
width:100%;
}
.main-wrapper {
width:100%;
}
.post {
width:48.1%;
}
}
@media screen and (max-width:800px) {
.content-wrapper {
width:100%;
}
.main-wrapper {
width:100%;
}
.post {
width:47.8%;
height:450px !important;
}
}
@media screen and (max-width:768px) {
.content-wrapper {
width:90%;
border:none;
}
.main-wrapper {
width:100%;
}
.post {
width:46%;
margin:0 12px 20px 10px;
}
}
@media screen and (max-width:760px) {
.post h1,.post h2 {
font-size:140%;
}
.thumbimg {
height:200px !important;
}
}
@media screen and (max-width:600px) {
.post {
width:45%;
margin:0 12px 20px 10px;
}
}
@media screen and (max-width:480px) {
.post {
width:99%;
height:420px !important;
margin:0 auto 20px;
float:none;
}
}
@media screen and (max-width:375px) {
.post {
height:440px;
}
.post h1,.post h2 {
font-size:140%;
}
.content-wrapper {
width:100%;
}
}
@media screen and (max-width:320px) {
.post h1,.post h2 {
font-size:140%;
}
.content-wrapper {
width:100%;
}
.thumbimg {
height:200px !important;
}
}
@media screen and (max-width:240px) {
.post {
height:400px;
}
.post h1,.post h2 {
font-size:130%;
}
.thumbimg {
height:150px !important;
}
.content-wrapper {
width:100%;
}
}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
.sidebar-wrapper,.comments,.blog-pager,#blog-pager {
display:none;
}
.post h1,.post h2,.postmeta {
text-align:center;
}
.outer-wrapper,.main-wrapper {
width:100%;
}
.postmeta {
padding:5px 0 5px;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<style>
.sidebar-wrapper {
display:none;
}
#content-wrapper {
padding:18px;
}
.main-wrapper {
width:100%;
margin-top:40px;
}
.actions-404 {
width:100%;
float:left;
text-align:center;
}
.ops-404 {
width:50%;
margin:0 auto;
font-size:26px;
font-weight:400;
padding-top:40px;
padding-left:0;
}
.ops-404 span {
font-weight:700;
}
.title-404 {
font-size:200px;
font-weight:700;
line-height:1.1;
}
.link-404 {
font-size:18px;
padding-top:20px;
padding-bottom:40px;
}
@media only screen and (max-width:998px) {
#main-wrapper {
width:100% !important;
margin:0 !important;
}
.actions-404 {
width:100%;
float:right;
text-align:center;
}
.ops-404 {
width:80%;
margin:0 auto;
font-size:18px;
font-weight:400;
}
.ops-404 span {
font-weight:700;
}
.title-404 {
font-size:100px;
font-weight:700;
line-height:1.1;
}
.link-404 {
font-size:18px;
padding-top:20px;
padding-bottom:50px;
}
}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=PT+Sans:400,700");loadCSS("//fonts.googleapis.com/css?family=Lobster");loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
//]]>
</script>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
snippet_count = 110;
//<![CDATA[
//summary
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//Recent Posts Script by bloggerplugins.org
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1i 2E(e){1H(k t=0;t<2y&&t!=e.1A.1D.N;t++){k i,m=e.1A.1D[t],n=m.1d.$t;M=n,2B(18)||0==18?n="":n.N>18&&(n=n.H(0,18)+"...");1H(k r="",l=0;l<m.L.N;l++){B("1Z"==m.L[l].1G&&"2l/2o"==m.L[l].2q)k o=m.L[l].1d,s=m.L[l].R;B("20"==m.L[l].1G){r=m.L[l].R;2c}}B(1==1E){k g="";X{g=m.2w$2x.1J,g=g.K("/1h-c/","/s"+17+"-c/")}W(p){i="1a"1j m?m.1a.$t:"",""==g&&0==1x&&(1z=/1c\\:\\/\\/2z\\.1B(-2I){0,1}\\.U\\/(v){0,1}(25){0,1}\\/(([^"&?\' ]*))/,1e=i.2d(1z),1l!=1e&&(1t=1e[4]),1l!=1e&&1l!=1t&&(g="1c://1f.1B.U/2v/"+1t+"/2.C")),""==g&&0==1x&&(a=i.Z("<1f"),b=i.Z(\'1F="\',a),c=i.Z(\'"\',b+5),d=i.21(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(g=d))}B(-1!=g.Z("22.23.U")&&(g=g.K("24.C","T.C"),g=g.K("26.C","T.C"),g=g.K("27.C","T.C"),g=g.K("29.C","T.C"),g=g.K("2a.C","T.C")),""==g&&1==2b){g="1c://2.1U.1M.U/-2e/2g/2h/2i/1h-c/2j.1O";X{""!=1P&&(g=1P)}W(p){}g=g.K("/1h-c/","/s"+17+"-c/")}}B(1==1Q){k u=m.2u.$t,y=u.H(0,4),h=u.H(5,7),v=u.H(8,10),x=2C 2D;x[1]="3h",x[2]="2H",x[3]="2J",x[4]="2M",x[5]="2R",x[6]="30",x[7]="3d",x[8]="3e",x[9]="3f",x[10]="1V",x[11]="1W",x[12]="1X"}B(1Y="",F=w.19("O"),j=w.P("1r"),j.z("1u","28"),I=14(r,"15",M),""!=F.16&&(1g=V("2f"),F.q(1g)),""!=n&&j.q(I),F.q(j),""!=n&&(I.16=n),1==1E&&""!=g){E=w.P("1f"),E.z("1F",g),"1y"!=Q&&(1k=!0,E.G.2m=Q,E.G.2n=Q);X{0!=1b&&(E.G.2p=1b+"1C")}W(p){}E.z("2r",M),E.z("2s",17),E.z("2t",17),I=w.P("a"),I.z("R",r+"?1m=O&1n-1o=1p&1q=O"),I.z("1I","15"),I.z("1d",M),I.q(E),j=w.P("1r"),j.z("1u","2A"),j.q(I),F.q(j)}X{B("1a"1j m)k f=m.1a.$t;1s B("1K"1j m)k f=m.1K.$t;1s k f="";k D=/<\\S[^>]*>/g;B(f=f.K(D,""),1==2F){B(j=V("2G"),f.N<1L)j.q(w.Y(f));1s{f=f.H(0,1L);k A=f.2K(" ");f=f.H(0,A),j.q(w.Y(f+"..."))}F.q(j)}}W(p){}B(j=V("2L"),j.G.1N="2N",j.G.2O="2P",1==1Q&&(j.q(w.Y(x[2Q(h,10)]+"-"+v+"-"+y)),J=1),1==2S){1==J&&j.q(w.Y(" | ")),"1 1v"==o&&(o="1 2T"),"0 1v"==o&&(o="2U 1v");k I=14(s,"15",o+" 2V "+M);j.q(I),I.16=o,J=1}B(1==2W){1==J&&j.q(w.Y(" | "));k I=14(r,"15",M);j.q(I),I.16=2X+" &2Y;",J=1}1==J&&F.q(j)}1==1k&&"1y"!=Q&&(j=V("2Z"),j.G.1N=Q,F.q(j)),w.19("1w").G.31="1J(\'1c://3.1U.1M.U/-32/33/34/35/36-37.1O\')",w.19("1w").G.38="39-3a";X{0!=1b&&"3b"==Q&&0==J&&(w.19("1w").G.3c=1b+"1C")}W(p){}}1i V(e){k t=w.P("1r");1R t.z("1u",e),t}1i 14(e,t,i){k a=w.P("a");1R"#1S-1T"==e.H(e.N-13,e.N)?(e=e.H(0,e.N-13)+"?1m=O&1n-1o=1p&1q=O#1S-1T",a.z("R",e)):a.z("R",e+"?1m=3g&1n-1o=1p&1q=O"),a.z("1I",t),a.z("1d",i),a}k M,2k,j,E,1g,F,1k=!1,J=0;',62,204,'|||||||||||||||||||myDiv|var||||||appendChild||||||document|_||setAttribute||if|jpg||myImage|main|style|substring||flag|replace|link|postTitleOriginal|length|bp_recent|createElement|imgFloat|href||_s|com|createDiv|catch|try|createTextNode|indexOf|||||createLink|_top|innerHTML|imgDim|titleLength|getElementById|content|myMargin|http|title|videoIds|img|mySeparator|s72|function|in|float_clear|null|utm_source|utm|medium|gadget|utm_campaign|div|else|videoId|class|Comments|bp_recent_link|mediaThumbsOnly|none|regex|feed|youtube|px|entry|showThumbs|src|rel|for|target|url|summary|summaryLength|blogspot|clear|png|defaultImage|showPostDate|return|comment|form|bp|Oct|Nov|Dec|code|replies|alternate|substr|static|flickr|_b_t|embed|_m_t|_s_t|bp_item_title|_b|_m|showNoImage|break|match|erTXCq61ULM|bp_recent_separator|TmHYAQBZ0GI|AAAAAAAACCs|6cBX54Dn6Gs|default|myLink|text|cssFloat|styleFloat|html|margin|type|alt|width|height|published|vi|media|thumbnail|numberOfPosts|www|bp_item_thumb|isNaN|new|Array|bprecentpostswiththumbnails|showSummary|bp_item_summary|Feb|nocookie|Mar|lastIndexOf|bp_item_meta|Apr|both|marginBottom|4px|parseInt|May|showCommentCount|Comment|No|on|showReadMore|readMore|raquo|bp_clear_float|Jun|backgroundImage|H8WPIh3wjr4|TmHnuo9tnnI|AAAAAAAACDE|_yuVqfb1HAk|blogger|widgets|backgroundRepeat|no|repeat|left|marginLeft|Jul|Aug|Sep|BP_recent|Jan'.split('|'),0,{}))
//slides
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 1A=6,1D=1y,1a=0,1v="2d",1g="1H://2g.1z.11/-2r/34/33/2Y-2I/1T/1S-17.1M",1L="1H://2h.1z.11/-3k/2e-2c/3a/31-2W/1T/1S-2P.1M",1f=0,1G=1y,12=2F;$(2q).2p(2(){$.1x({1b:"/1w/2k/1u?P=1t-F-1q&1p-1o="+1A+"",19:"1n",1m:"1l",1k:2(g){7 k,n,b,m,h,d="",o=g.1j.1h;3(o!==1J){d="<O>";K(7 f=0;f<o.z;f++){K(7 e=0;e<o[f].y.z;e++){3(o[f].y[e].L=="1i"){k=o[f].y[e].C;18}}K(7 c=0;c<o[f].y.z;c++){3(o[f].y[c].L=="2D"&&o[f].y[c].19=="2H/D"){h=o[f].y[c].G.2i(" ")[0];18}}3("V"F o[f]){n=o[f].V.$t}A{3("R"F o[f]){n=o[f].R.$t}A{n=""}}3("1r$1s"F o[f]){13=o[f].1r$1s.1b.M(/\\/s[0-9]+\\-c/g,"/s"+1D+"-c")}A{13=1g}7 p=/<\\S[^>]*>/g;n=n.M(p,"");3(n.z>1a){n=n.1d(0,1a)}b=o[f].G.$t;m=o[f].2l.$t.1d(0,10),m=m.M(/-/g,"/");d+=\'<B><4 8="2N-J"><a C="\'+k+\'" 1B="1C"><5><16 P="\'+b+\'"W="\'+13+\'"G="\'+b+\'" /></5></a></4><4 8="G-J"><1E><a C="\'+k+\'" G="\'+b+\'" 1B="1C">\'+b+\'</a></1E><4 8="2y"><5 8="2t">\'+m+\'</5><5 8="2u">\'+h+" "+1v+\'</5></4></4><4 8="2v">\'+n+"</4></B>"}d+="</O>";$("#J").D(d);(2(){$.2w.1F=2(){2 i(j,l){T 2J 2L(l+1).2O(j)}T H.2V(2(){7 q=$("> 4",H).2X("2Z","30"),r=q.X("> O").3g(2b),s=r.X("> B"),j=s.U(":1I");I=j.2f(),x=14.1K(q.2j()/I),E=1,Y=14.1K(s.z/x);3(s.z%x!=0){r.2m(i(\'<B 8="2n" />\',x-(s.z%x)));s=r.X("> B")}s.U(":1I").2o(s.1N(-x).1O().1P("1Q"));s.U(":2s").1R(s.1N(0,x).1O().1P("1Q"));s=r.X("> B");q.Q(I*x);2 l(u){7 t=u<E?-1:1,w=14.2x(E-u),v=I*t*x*w;q.U(":2z(:2A)").2B({Q:"+="+v},2C,2(){3(u>Y){q.Q(I*x);u=1}A{3(u==0){u=Y;q.Q(I*x*Y)}}E=u})}q.1R(\'<a C="#" 8="1U 1V">&2E;</a><a C="#" 8="1U 1W">&2G;</a>\');$("a.1V",H).1X(2(){l(E-1);T 1c});$("a.1W",H).1X(2(){l(E+1);T 1c});$(H).1Y("2K",2(t,u){l(u)});$(H).1Y("1Z",2(){l(E+1)})})}})(2M);7 a=20;$("#21-22").1F().2Q(2(){a=1c}).2R(2(){a=20});2S(2(){3(a){$("#21-22").2T("1Z")}},2U)}A{$("#J").D("<5>23 24!</5>")}},25:2(){$("#J").D("<Z>26 27 28!</Z>")}});$.1x({1b:"/1w/32/1u?P=1t-F-1q&1p-1o="+1f+"",19:"1n",1m:"1l",1k:2(n){7 f,a,c,m,g,h,b="",j=n.1j.1h;3(j!==1J){b="<O>";K(7 e=0;e<j.z;e++){K(7 d=0;d<j[e].y.z;d++){3(j[e].y[d].L=="1i"){m=j[e].y[d].C;18}}3("V"F j[e]){f=j[e].V.$t}A{3("R"F j[e]){f=j[e].R.$t}A{f=""}}3(j[e].N[0].15$17.W=="35://36.37.11/16/38.39"){a=1L}A{a=j[e].N[0].15$17.W.M(/\\/s[0-9]+(\\-c|\\/)/,"/s"+1G+"$1")}7 l=/<\\S[^>]*>/g;c=(j[e].N[0].29)?j[e].N[0].29.$t:"#3b";g=j[e].N[0].3c.$t;f=f.M(l,"");3(f.z>12){f=f.1d(0,12)+"..."}h=j[e].15$3d[1].3e;b+=\'<B><4 8="3f"><a L="2a" C="\'+m+\'"><5><16 W="\'+a+\'" G="\'+g+\'" P="\'+g+\'"/></5></a></4><4 8="3h"><a L="2a" C="\'+m+\'" G="\'+g+\'" 8="3i">\'+g+"</a><5>"+h+\'</5></4><4 8="3j">\'+f+"</4></B>"}b+="</O>";$("#1e").D(b)}A{$("#1e").D("<5>23 24!</5>")}},25:2(){$("#1e").D("<Z>26 27 28!</Z>")}})});',62,207,'||function|if|div|span||var|class|||||||||||||||||||||||||visible|link|length|else|li|href|html|currentPage|in|title|this|singleWidth|featured|for|rel|replace|author|ul|alt|scrollLeft|summary||return|filter|content|src|find|pages|strong||com|cmsumm|postimg|Math|gd|img|image|break|type|contjumlah|url|false|substring|rcentcomnets|numcomment|pBlank|entry|alternate|feed|success|jsonp|dataType|get|results|max|script|media|thumbnail|json|default|cmtext|feeds|ajax|230|googleusercontent|numpostx|target|_blank|thumbSize|h4|infiniteCarousel|thumbcsize|https|first|undefined|ceil|pkBlank|jpg|slice|clone|addClass|cloned|after|no|h120|arrow|back|forward|click|bind|next|true|slider|fianmt|No|result|error|Error|Loading|Feed|uri|nofollow|9999|7I|Comments|Uo95CAOG|outerWidth|lh5|lh6|split|innerWidth|posts|published|append|empty|before|ready|document|mSufUJ214bg|last|dt|cm|contxisi|fn|abs|datex|not|animated|animate|3000|replies|lt|100|gt|text|tZBkc|new|goto|Array|jQuery|thumb|join|avatar|mouseover|mouseout|setInterval|trigger|8000|each|amCo|css|1q7su|overflow|hidden|8hk05V|comments|AAAAAAAAGoA|Uo94DjMjnbI|http|img1|blogblog|blank|gif|AAAAAAAAGoI|nope|name|extendedProperty|value|kmtimg|width|ketkomt|tooltip|komtsum|UZxZHJ71o1A'.split('|'),0,{}))
//]]>
</script>
</head>
<body>
<div class='navigator'>
<div class='content-wrapper'>
<nav class='page-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>
<li><a expr:title='data:blog.title' href='/' itemprop='url'><img alt='logoweb' class='logoweb' expr:title='data:blog.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0KUsYsANECY2m6bmJzfctN3zaVcwrBaBQsyLn5yvFLo8_hcYflEztnVwzfVUWl-o-HY2N_d-uHp3hsH7nFL_P7ngmTNoYZBJDRMqG1wmQ-lB14A90zx5KpP-uR67t4CFxQ9KiwIlgQXXv/s1600/logo.png'/></a></li>
<li><a href='#' itemprop='url' title='Contac'><span itemprop='name'>Contac</span></a></li>
<li><a href='#' itemprop='url' title='Privacy'><span itemprop='name'>Privacy</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
<li><a href='#' itemprop='url' title='Advertise'><span itemprop='name'>Advertise</span></a></li>
<li><a href='/404.html' itemprop='url' title='Error Page 404'><span itemprop='name'>Error Page 404</span></a></li>
</ul>
</nav>
<div class='social'><!-- Social Icons -->
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook '/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Foursquare'><i class='fa fa-foursquare'/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Dribbble'><i class='fa fa-dribbble'/></a>
<a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Contac Us'><i class='fa fa-envelope-o'/></a>
</div>
<div class='clear'/>
</div></div>
<div class='headerpic-wrapper'>
<div class='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Livinia Template Premium (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
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.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</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'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='top-navigation' id='primary-navigation' role='navigation'>
<div class='content-wrapper'>
<div class='navigation-item'>
<ul class='top-menu-items top-menu' id='top-menu-items'>
<li><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#contact'><i class='fa fa-gears'/> Features</a></li>
<li><a href='#sitemap'><i class='fa fa-list'/> Word</a></li>
<li><a href='#disclaimer'><i class='fa fa-check-circle'/> Fashion</a></li>
<li><a href='#'><i class='fa fa-soccer-ball-o'/> Sport</a>
<ul class='sub-menu'>
<li><a href='#'>Indonesia</a></li>
<li><a href='#'>Indonesia Maju</a></li>
<li><a href='#'>Indonesia Merdeka</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-folder'/> Archive</a>
<ul class='sub-menu'>
<li><a href='#'>Menu 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
</li>
<form action='/search' id='search' method='get'>
<input id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search....'/>
</form>
</ul>
</div></div></div>
<a class='mobile-menu' href='#primary-navigation'>
<div class='hamburger hamburger-menu'/></a></div><!-- /header-wrapper -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slider-fianmt'><div id='featured'/>
</div></b:if>
<div class='clear'/>
<div class='content-wrapper'>
<div class='outerpic-wrapper'>
<div class='outer-wrapper'>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobileindex'>
<!-- mobile index -->
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer">
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>
<!-- 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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='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='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
<!-- Página 404 -->
<b:elseif cond='data:blog.pageType == "error_page"'/>
<b:include name='post-404'/>
<!-- Página 404 (end)-->
</b:if>
<data:adEnd/>
</div>
</b:if>
<!-- navigation -->
<b:if cond='data:mobile'>
<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:if>
<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:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: none'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='"//www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' title='delete comment'>×</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='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='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<div class='comments' id='comments' itemscope='itemscope' itemtype='http://schema.org/Comment'>
<meta expr:content='data:post.title' itemprop='about'/>
<meta expr:content='data:post.canonicalUrl' itemprop='discussionUrl'/>
<b:if cond='data:post.allowComments'>
<h5> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span> Comments</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span> Comments</b:if> <b:if cond='data:post.numComments > 1'> <span itemprop='interactionCount'><data:post.numComments/></span> Comments </b:if> </h5>
<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 class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName' itemprop='comment' itemscope='itemscope' itemtype='http://schema.org/UserComments'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/> - <a class='comment_hapus' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>Hapus</a></span>
<b:else/>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
</div>
<div class='comment_body'>
<div class='cm_head'>
<div class='cm_infonm'>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
<span itemprop='creator'><data:comment.author/></span>
</a>
<b:else/>
<span itemprop='creator'><data:comment.author/></span>
</b:if>
<b:if cond='data:comment.author == data:post.author'/>
<a expr:href='data:comment.url' rel='nofollow' title='Permalink'>
<span class='comment_date' itemprop='commentTime'>
<data:comment.timestamp/>
</span>
</a>
</div>
</div>
<a class='comment-delete' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwyVGTr57SlYACYjH0EiYlYNWNXPnUZJ3rwyv2z0fQimqd07_mRbK0P_U_8cuVB6ctJDCf-6yPm3eXWXB-BpEGHNBY-n3YPxlvHHxN2aU4V3qgl72FpKY-XU4oYh1M52PowUPgC-qcQDo/s1600/delete4.png' title='Delete'/>
</a>
</div>
<p itemprop='commentText'><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' itemprop='replyToUrl' onclick='javascript:Display_Reply_Form(this)' title='Replay'>Replay</a>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</b:if>
</div>
</b:loop>
</div>
<div class='clear'/>
<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 class='clear'/>
<div class='comment_form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<div class='comment_emo_list'/>
<b:include data='post' name='threaded-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' expr:title='data:postCommentMsg' title='Comments'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {
};
var Msgs = {
};
var Config = {
'
maxThreadDepth'
:'
0'
};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = true;//Embed video YouTube, ketik "false" untuk mendisable
Replace_Image_Link = true;//Auto replace link image, ketik "false" untuk mendisable.
Replace_Force_Tag = true;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)' ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',
':(' ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',
' =(' ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',
'^_^' ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',
' :D' ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',
'=D' ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',
'=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',
'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUCofk7HTBwJbIUpeM-jGPj3pcyUNBGy1Uxg_zbYB7wlAXgLxzy6uAZn09HSXPlxiOi9Lstc7kPNRqBRal87sA6ChMatGW1tVIal4iMyLSalE0o14F819N5oncsy3RVNEW5X4uIiCc21AG/s1600/applause-yahoo-emoticon.gif',
'@@,' ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',
' ;)' ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',
':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnJgTXNpy_apO10kUjrh3u_Hrghym9sX11JHx57SzNOW1swwJqDZieqxisSNoQyFAPuk6M9-ALaL1al9U-qECf5-bfam97emTDk9750MBH18CLaSk75qaqILthtBK0LZ4FK4-HG5iRsWsk/s1600/thumbs-up-yahoo-emoticon.gif',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbzJMFYYHGLCAe4o_5TNLeSOXSrudPMO4Fl9EQjNIhuHICAOif8Ur0AGHmvIUzTYoXE8RKAn7pvGkvs3lPBD47A0KNKIOMw-z7q3vIWU-FqY3vbcs_jl61WqczO1seWV2bXTP_wMvGPT4/s1600/thumbsup.gif',
' :p' ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',
':ng' ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',
':lv' ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',
];
//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','<code>',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s55-c/"));
});
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- 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='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<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'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-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>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<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>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</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;'/> <!-- clear for photos floats -->
</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='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='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<div class='nav-previous'><b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><span class='meta-nav'/><data:newerPageTitle/></a>
</span>
</b:if></div>
<div class='nav-next'><b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/><span class='meta-nav'/></a>
</span>
</b:if></div>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='//schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == "item"'>
<div class='postmeta'>
<h3 class='date-header'><span class='author'><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Author Profile'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a> <span class='clock'> <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a></span></span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=7"' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span></h3>
</div>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'><span class='commentcount'><b:if cond='data:post.numComments == 0'>No Comment</b:if><b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> Comments</b:if></span></a></b:if>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh0P2ddWNJoY1__t8IbdQsiiNtlCrB2YrlEnRvOtLg4ifnSB5qblxsQuZz_Ss1UHWyisRhLWJE9lzrN-8IkUTWiPQ2wBNkaGo5sXLY8pNDoPpKgylxg1VEDq3vxpSxs8kpHh_PwCjgzDQ/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img height="auto" src="'+image_url.replace('/s72-c/','/s'+100%+'-c/')+'" class="thumbimg" alt="'+post_title+'" title="'+post_title+'" width="100%"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
</b:if>
</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'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='sonetwo'>
<ul>
<li class='sorting-01 facebook' title='Share to facebook'><a expr:href='"//www.facebook.com/share.php?v=4& src=bm& u=" + data:post.url + " & t=" + data:post.title' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=436" ); return false;'><i class='fa fa-facebook'/><span class='inv'/></a></li>
<li class='sorting-03 twitter' title='Share to twitter'><a expr:href='"//twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + " via @TwistBlogger - "' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=436"); return false;'><i class='fa fa-twitter'/><span class='inv'/></a></li>
<li class='sorting-05 googleplus' title='Share to Google+'><a expr:href='"//plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href," " ," menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600"); return false;'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='sorting-04 pinterest' title='Share to pinterest'><a data-pin-config='beside' expr:href='" //pinterest.com/pin/create/button/?url=" + data:post.url + " &media=" + data:blog.postImageUrl + "&description=" + data:post.title' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=500"); return false;'><i class='fa fa-pinterest'/><span class='inv'/></a></li>
</ul>
</div>
</b:if></article>
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ZI2ZeY_hSZ5lj7LWCGJCVEBpY6C9hgYPw6GbjIQiFId75aKZQQckhLTKDHTkwqry2_N3OHxeBhL90Mw8Jv9eyYqc35wXg2sP8xi4agzvjSQvZFmnQGW8Sr1mGpfuC3FSg8ZYBm5hCvA/s1600/lk.png' width='90'/><br/><b>AUTOR: FIAN MT</b><br/>
I'm just a beginner blogger who tried to learn things related to coding which always appears in front of the eye<br/></p>
</div>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Related Post:</h4>",
numPosts: 6,
summaryLength: 370,
titleLength: "auto",
thumbnailSize: 300,
noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
containerId: "related-post",
newTabLink: false,
moreText: "Read More",
widgetStyle: 3,
callBack: function() {}
};
</script>
<script async='async' src='https://cdn.rawgit.com/bungfian/all/master/red.js' type='text/javascript'/><div class='clear'/>
</b:if>
</b:includable>
<b:includable id='post-404'>
<div class='post-404'>
<div class='actions-404'>
<div class='ops-404'><span>Ops;</span> Sorry, but the page you were trying to view does not exist.</div>
<div class='title-404'>4<span class='fa fa-frown-o'/>4</div>
<div class='link-404'>
<a href='/'><i class='fa fa-car'/> <trans>Back to Home</trans></a>
</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='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=620\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
<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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<aside class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='HTML4' locked='false' mobile='yes' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' mobile='yes' title='Widget Statis' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (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' expr:title='data:post.title' target='_blank'>
<img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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' expr:title='data:post.title' target='_blank'>
<img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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:widget id='HTML2' locked='false' mobile='yes' title='Recent Post' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<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='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section></aside>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clr'/>
</div>
</div></div>
<footer id='footer-css'>
<div id='footergray'>
<div id='subscribe-css'>
<div class='subscribe-wrapper'>
<p>
Enter Email To Subsribe</p>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Blog.Lagioke.com' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=Blog.Lagioke.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='Blog.Lagioke.com'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your email address'/><input class='subscribe-css-email-button' title='' type='submit' value='SUBMIT'/></form>
</div></div>
<nav class='clearfix' id='navi' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><a href='#' id='pull'> Menu </a><ul class='clearfix'>
<li><a href='/' itemprop='url' title='Home'><span itemprop='name'>Home</span></a></li>
<li><a href='#' itemprop='url' title='Contac'><span itemprop='name'>Contac</span></a></li>
<li><a href='#' itemprop='url' title='Blog'><span itemprop='name'>Blog</span></a></li>
<li><a href='#' itemprop='url' title='Story'><span itemprop='name'>Story</span></a></li>
<li><a href='#' itemprop='url' title='Catering'><span itemprop='name'>Catering</span></a></li>
<li><a href='#' itemprop='url' title='Locations'><span itemprop='name'>Locations</span></a></li>
<li class='last'><a href='#' itemprop='url' title='Delivery'><span itemprop='name'>Delivery</span></a></li>
</ul></nav>
</div>
<div class='credit-wrapper'>Copyright © 2015 - <a expr:title='data:blog.pageTitle' href='/'><data:blog.pageTitle/></a> <br/>Distributed By <a href='http://mybloggerthemes.com/' rel='dofollow' target='_blank' title='Free Blogger Templates'>Free Blogger Templates</a> | Template By <a class='change' href='http://blog.lagioke.com/' id='change' title='BLagioke'>BLagioke</a></div>
</div>
</footer> <!-- End Footer and Credit Link -->
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() { var dimension = 300; $('#PopularPosts1').find('img').each(function(n, image){var image = $(image); image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)}); image.attr('width',dimension);image.attr('height',dimension); });});//]]></script>
<script src='//cdn.rawgit.com/bungfian/code/master/menu.js'/>
<script type='text/javascript'>
//<![CDATA[
// Menu
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('L $=z.A();$(e).N(6(){$("#2-0").Z().u("w","3-J").K("#2-0"),$("#2-0 b").M("9-3"),$("#2-0").O(),$("b.9-3").P({Q:12,R:S,T:1}).r({s:t,7:{v:"c",x:"c"},y:"q"}),$("#d-0 .d-0-B").C({D:"E-3-F"})}),$(G).H(6(){$(e).I(6(){$("#8").f({7:"g",h:!1,i:1,j:"&k; l",m:"n &o;",p:1,U:!1,V:W.5,X:4,Y:"#a"}),$("#a").f({7:"g",h:!1,i:1,j:"&k;l",m:"n &o;",p:1,10:11,13:"#8"})})});',62,66,'navigation||primary|menu|||function|animation|carousel|top|slider|ul|show|main|document|flexslider|slide|controlNav|directionNav|prevText|laquo|Previous|nextText|Next|raquo|animationLoop|fast|superfish|delay|50|attr|opacity|id|height|speed|jQuery|noConflict|items|tinyNav|active|current|item|window|load|imagesLoaded|utama|insertBefore|var|removeClass|ready|mmenu|supersubs|minWidth|maxWidth|27|extraWidth|slideshow|itemWidth|109|minItems|asNavFor|clone|slideshowSpeed|5e3||sync'.split('|'),0,{}))
//]]>
</script>
<!--</body>--></body>
</HTML>
Hướng dẫn khách hàng sử dụng dịch vụ
Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATE