Posts
awsedrftyguhijoklp[;etrdyfguhijok<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'><head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<!--[if lt IE 9]>
<script src="http://mkr.googlecode.com/svn/JS/css3-mediaqueries.js"></script>
<![endif]-->
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Sevida
Version: 1.2
- Support Image from third party
- Support Video Thumbnail
Design by : Aamir Saleem Ansari
URL : http://www.smashingdiary.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Body Background Color"
type="color" default="#f7f5f5" value="#f7f5f5"/>
<Variable name="linkcolor" description="Link Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999"/>
<Variable name="imageborder" description="Image Border Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="headingfont" description="Heading Font"
type="font" default="normal normal 100% 'Open Sans', serif ,Sans-serif" value="normal normal 100% 'Open Sans', serif ,Sans-serif"/>
<Variable name="posttitlecolor" description="Post Title Color"
type="color" default="#141414" value="#141414"/>
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right"/>
<Group description="Header Title" selector="#header">
<Variable name="head.font.type" description="Blog Title"
type="font" default="normal normal 35px 'Open Sans', serif ,sans-serif" value="normal normal 35px 'Open Sans', serif ,sans-serif"/>
<Variable name="head.descfont.type" description="Blog Description"
type="font" default="normal normal 12px Verdana, Geneva, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif"/>
<Variable name="head.font.color" description="Blog Title Color"
type="color" default="#333333" value="#333333"/>
<Variable name="head.descfont.color" description="Blog Description Color"
type="color" default="#3D3D3D" value="#3D3D3D"/>
</Group>
<Group description="Top Navigation" selector="#topnav">
<Variable name="topnav.back.color" description="Background Color"
type="color" default="#1A1A1A" value="#1A1A1A"/>
<Variable name="topnav.text.color" description="Text Color"
type="color" default="#E2E2E2" value="#E2E2E2"/>
<Variable name="topnav.select.color" description="Selected Page Background Color"
type="color" default="#007ABE" value="#007ABE"/>
</Group>
<Group description="Middle Navigation 1" selector="#nav">
<Variable name="midnav.back.color" description="Background Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="midnav.shadow.color" description="Shadow Color"
type="color" default="#585858" value="#585858"/>
<Variable name="midnav.select.color" description="Current Link Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="midnav.button.color" description="Responsive Color"
type="color" default="#007ABE" value="#007ABE"/>
</Group>
<Group description="Middle Navigation 2" selector="#nav">
<Variable name="midnav.font.type" description="Font Type"
type="font"
default="normal normal 90% 'Open Sans', serif ,Sans-serif" value="normal normal 90% 'Open Sans', serif ,Sans-serif"/>
<Variable name="midnav.sub.color" description="Sub Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="midnav.subsub.color" description="Sub Sub Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="midnav.link.color" description="Link Color"
type="color" default="#E6E6E6" value="#E6E6E6"/>
</Group>
<Group description="Content Area" selector="#outer-wrapper">
<Variable name="cont.font.type" description="Font Type"
type="font" default="normal normal 12px Verdana, Geneva, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif"/>
<Variable name="cont.back.color" description="Background Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="cont.text.color" description="Text Color"
type="color" default="#333333" value="#333333"/>
<Variable name="cont.shadow.color" description="Area Shadow Color"
type="color" default="#D3D3D3" value="#D3D3D3"/>
</Group>
<Group description="News Ticker" selector="#newsticker">
<Variable name="news.border.color" description="Border Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="news.back.color" description="Latest Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="news.text.color" description="Latest Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Sidebar" selector=".sidebar">
<Variable name="side.border.color" description="Border Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="side.area.color" description="Background Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="side.text.color" description="Text Color"
type="color" default="#666666" value="#666666"/>
</Group>
<Group description="SideBar Tab" selector="ul.navtab">
<Variable name="tab.back.color" description="Tab Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="tab.selet.color" description="Tab Select Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="tab.text.color" description="Tab Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Main Area 1" selector="#main-atas">
<Variable name="main1.headfont.type" description="Heading Font Type"
type="font" default="normal normal 18px 'Open Sans', serif ,sans-serif" value="normal normal 18px 'Open Sans', serif ,sans-serif"/>
<Variable name="main1.postfont.type" description="Post Font Type"
type="font" default="normal normal 13px 'Open Sans', serif ,sans-serif" value="normal normal 13px 'Open Sans', serif ,sans-serif"/>
<Variable name="main1.headfont.color" description="Heading Font Color"
type="color" default="#000000" value="#000000"/>
<Variable name="main1.postfont.color" description="Post Text Color"
type="color" default="#0E0E0E" value="#0E0E0E"/>
</Group>
<Group description="Main Area 2" selector="#main-atas">
<Variable name="main2.date.color" description="Button/Date Title Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="main2.datehover.color" description="Button/Date Hover Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="main2.datetext.color" description="Button/Date Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Back Top Button" selector="#top">
<Variable name="backtop.back.color" description="Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="backtop.backhover.color" description="Background Hover Color"
type="color" default="#1D1D1D" value="#1D1D1D"/>
</Group>
<Group description="Footer Area 1" selector="#footer-wrapper">
<Variable name="foot.headfont.type" description="Heading Font Type"
type="font" default="normal normal 14px 'Open Sans', serif ,sans-serif" value="normal normal 14px 'Open Sans', serif ,sans-serif"/>
<Variable name="foot.text.color" description="Text Color"
type="color" default="#CACACA" value="#CACACA"/>
<Variable name="foot.headtext.color" description="Heading Text Color"
type="color" default="#FCFCFC" value="#FCFCFC"/>
</Group>
<Group description="Footer Area 2" selector="#footer-wrapper">
<Variable name="foot2.back.color" description="Background Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="foot2.bordertop.color" description="Top Border Color"
type="color" default="#007ABE" value="#007ABE"/>
</Group>
<Group description="Search Box" selector="#searchnya">
<Variable name="src.back.color" description="Box Color"
type="color" default="#494949" value="#494949"/>
<Variable name="src.text.color" description="Text Color"
type="color" default="#F0EDED" value="#F0EDED"/>
<Variable name="src.result.color" description="Box Result Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="src.resulttext.color" description="Result Text Color"
type="color" default="#585858" value="#585858"/>
</Group>
<Group description="Comment Area" selector="#comments">
<Variable name="comen.border.color" description="Border Color"
type="color" default="#E9E6E6" value="#E9E6E6"/>
<Variable name="comen.shadow.color" description="Reply Shadow Color"
type="color" default="#CACACA" value="#CACACA"/>
<Variable name="comen.reback.color" description="Reply Background Color"
type="color" default="#FAFAFA" value="#FAFAFA"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="posfoot.border.color" description="Border Top Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="posfoot.back.color" description="Background Color"
type="color" default="#FAFAFA" value="#FAFAFA"/>
</Group>
<Group description="SlideShow" selector="#featpost">
<Variable name="sli.font.type" description="SlideShow Title Font Type"
type="font" default="normal normal 16px 'Open Sans', serif, Sans-serif" value="normal normal 16px 'Open Sans', serif ,sans-serif"/>
<Variable name="sli.text.color" description="Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="sli.back.color" description="Title Bakcground Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="sli.desback.color" description="Description Bakcground Color"
type="color" default="#252525" value="#252525"/>
</Group>
*/
#navbar-iframe {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
/* Use this with templates/template-twocol.html */
body {
background-color:$bgcolor;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjOX7Uz6lktTPjNM4gHmbpZu4KDZyC7hvzrBqhtazhdKADTN_K1kHAPRfQQtYZnvI3WVCbKyYmE9iR0gQvme2rqymsE5JroTfvqcwlFxcNWnNgaN3ejtJR8jGZ7_M2Fxl-_ySN60CH8xE/s1600/bg.png);
margin:0;
padding:0;
color:$(cont.text.color);
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size:/**/small;
text-align:center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:#222;
text-decoration:underline;
}
a img {
border-width:0;
}
body#layout div.list-tabwrap {
padding: 0;
margin: 0;
}
/* Header
-----------------------------------------------
*/
#headisi {
overflow:hidden;
}
#header,
#adstop {
margin:0;
float:$startSide;
width:50%;
}
#adstop {
float:$endSide;
}
#adstop h2,
.index #blog-pager,
.archive #blog-pager {
display:none;
}
#adstop .widget-content {
margin:20px 0 15px;
max-width:470px;
}
#header h1,
#header p {
margin:15px 0 0;
padding:0;
color:$(head.font.color);
font:$(head.font.type);
}
#header a {
color:$(head.font.color);
text-decoration:none;
}
#header a:hover {
color:$(head.font.color);
}
#header .description {
margin:0 0 25px;
padding:0;
text-transform:capitalize;
color:$(head.descfont.color);
font:$(head.descfont.type);
}
#header img {
margin-$startSide:0;
margin-$endSide:auto;
}
/* Navigation
----------------------------------------------- */
/* = Top Nav = */
#topnav {
background:$(topnav.back.color);
padding:0;
height: 29px;
font-size:11px;
position: relative;
}
#topnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
margin:0 auto;
width:98%;
}
#topnav .tgltop {
float:$startSide;
color:$(topnav.text.color);
display:block;
line-height:20px;margin-top: 4px;
}
/* = Middle Nav = */
#nav {
height:50px;
position:relative;
z-index:1;
}
#nav .bgnya {
width:100%;
background-color:$(midnav.back.color);
height:42px;
position:absolute;
z-index:-1;
bottom:0;
left:0;
border-bottom:4px solid $(midnav.select.color);
-moz-box-shadow:0 1px 6px $(midnav.shadow.color);
-webkit-box-shadow:0 1px 6px $(midnav.shadow.color);
box-shadow:0 1px 6px $(midnav.shadow.color);
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:$startSide;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
#menunav > li > a {
font: $(midnav.font.type);
line-height: 50px;
text-transform: uppercase;
font-weight: 600;
height: 50px;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:$startSide;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:50px;
line-height:50px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
background-color:$(midnav.select.color);
text-indent:-9999px;
padding:0;
width:50px;
}
.sf-menu a {
color:$(midnav.link.color);
font-size:11px;
}
#topnav .sf-menu a {
color:$(topnav.select.color);
height: 29px;
line-height: 29px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:$(midnav.sub.color);
margin:1px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#topnav .sf-menu ul li, #topnav .sf-menu ul ul li {
background-color:$(topnav.back.color);
}
.sf-menu ul a {
font-weight:normal;
height:28px;
line-height:28px;
}
#topnav .sf-menu ul a {
height:25px;
line-height:25px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:$(midnav.subsub.color);
margin:0 0 1px 2px;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu > li > a.current {
background-color:$(midnav.select.color);
-moz-transition:none;
-webkit-transition:none;
transition:none;
color:$(midnav.link.color);
}
#topnav .sf-menu li:hover > a,
#topnav .sf-menu li.sfHover > a,
#topnav .sf-menu > li > a.current {
background-color:$(topnav.select.color);
color:$(topnav.text.color);
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.85em;
margin-top:-2px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows .sf-with-ul:after {
border-top-color:$(topnav.select.color);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows > li > .sf-with-ul:focus:after,
#topnav .sf-arrows > li:hover > .sf-with-ul:after,
#topnav .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(topnav.text.color);
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:$(midnav.link.color);
}
#topnav .sf-arrows ul .sf-with-ul:after {
border-left-color:$(topnav.select.color);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color:$(midnav.link.color);
}
#topnav .sf-arrows ul li > .sf-with-ul:focus:after,
#topnav .sf-arrows ul li:hover > .sf-with-ul:after,
#topnav .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:$(topnav.text.color);
}
.sf-menu li > i {
position:absolute;
top: 3px;
right: 3px;
width: 27px;
height: 22px;
cursor:pointer;
display:none;
background-color:$(midnav.select.color);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}
.sf-menu li > i:after {
content: '+';
color: #fff;
font-size: 19px;
position: absolute;
left: 5px;
top: -2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:39px;
top:-14px;
}
#topnav .sf-menu li > i {
width: 23px;
height: 19px;
top: 6px;
}
#topnav .sf-menu li > i:after {
top: -4px;
left: 3px;
}
#topnav .sf-menu li > i.active:after {
top: -13px;
font-size: 31px;
left: 4px;
}
.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.rcentpost .date:before,
.rcentpost .comnum:before,
.morepostag a:before,
#topmobilenav:before,
#mobilenav:before,
#related_posts .date:before,
#related_posts .comnum:before {
position: absolute;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.sf-menu a.home:before, #searchnya button:before, #view a:before, .breadcrumbs .homex:before {
text-indent: 0;
}
.sf-menu a.home:before {
width: 30px;
height: 30px;
}
.sf-menu a.home:before {
content: "\f015";
top: 0;
font-size: 29px;
left: 11px;
color: #FBFBFB;
}
#searchnya button:before {
content: "\f002";
top: 5px;
left: 11px;
color: $(midnav.link.color);
font-size: 18px;
}
#topmobilenav:before, #mobilenav:before {
content: "\f0c9";
top: 3px;
text-indent: 0;
left: 5px;
font-size: 29px;
}
#topmobilenav:before {
font-size: 21px;
top: 1px;
left: 3px;
}
#icon-socialmn {
margin: 0;
float: right;
}
#icon-socialmn li {
float: left;
}
#icon-socialmn a {
display: block;
text-indent: -9999px;
width: 26px;
height: 29px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2v8m8fpAwu3ossePr6qCx9OI4UMeaE4v6CwUNkyXIUHMCqh_x3Zo1Syv0k2Ld2oxLneqRLf1gn0pwgIPzyLOLabMvkXmpWMzgqpNtovWSUSsOjpxuYxVlZKxV7qhkxbyVdtxOY8c3p-dp/h25/team-social-icons.png);
background-repeat: no-repeat;
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;
}
#icon-socialmn .sotw a {
background-position: 1px 2px;
}
#icon-socialmn .sofb a {
background-position: -24px 2px;
}
#icon-socialmn .sogo a {
background-position: -49px 2px;
}
#icon-socialmn .sorss a {
background-position: -74px 2px;
}
#icon-socialmn .solinkn a {
background-position: -99px 2px;
}
#icon-socialmn .sodrib a {
background-position: -125px 2px;
}
#icon-socialmn .sopint a {
background-position: -150px 2px;
}
#icon-socialmn .sotw a:hover {
background-color: #2DAAE1;
}
#icon-socialmn .sofb a:hover {
background-color: #3C5B9B;
}
#icon-socialmn .sogo a:hover {
background-color: #F63E28;
}
#icon-socialmn .sorss a:hover {
background-color: #FA8C27;
}
#icon-socialmn .solinkn a:hover {
background-color: #0173B2;
}
#icon-socialmn .sodrib a:hover {
background-color: #F9538F;
}
#icon-socialmn .sopint a:hover {
background-color: #CB2027;
}
#topmobilenav, #mobilenav {
position: absolute;
width: 35px;
height: 35px;
bottom: 7px;
color: $(midnav.link.color);
text-decoration: none;
text-indent: -9999px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
outline:0;
background-color:$(midnav.button.color);
}
#topmobilenav {
width: 25px;
height: 25px;
bottom: 2px;
color:$(topnav.text.color);
}
#mobilenav.active {
color: $(midnav.back.color);
}
#topmobilenav.active {
color: $(topnav.back.color);
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:$(cont.back.color);
margin:0 auto;
padding:0;
text-align:$startSide;
font:$(cont.font.type);
-moz-box-shadow:0 0 5px $(cont.shadow.color);
-webkit-box-shadow:0 0 5px #$(cont.shadow.color);
box-shadow:0 0 5px $(cont.shadow.color);
}
#outer-wrapper,
#nav {
width:100%;
max-width:1080px;
}
#content-wrapper {
padding:15px 0;
}
#main-atas {
width:66%;
padding:0 1% 0 0.5%;
float:$startSide;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
overflow:hidden; /* fix for long non-text content breaking IE sidebar float */;
}
#sidebar-wrapper {
width:32%;
float:$endSide;
padding:0 0;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
overflow:hidden; /* fix for long non-text content breaking IE sidebar float */;
}
.sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
padding:5px 0;
margin:0 0 5px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiawa3jra4jJ_ZRFWL51kIunP2QtZAYd2VfOzmbpRpNeSKiM2XqgVlXg-9KxqPqvD-_TtD4tiqxIUrKiltV-uVHm52Vei3rYutluXzfP5_HaCfG4DJNvupY0Fmu4a6TUoUNaCbiuRPfW3I/s12/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
overflow:hidden;
font:$(main1.headfont.type);
text-transform:uppercase;
color:$(main1.headfont.color);
font-weight:600;
}
.sidebar .widget > h2 a {
text-decoration:none;
color:$(main1.headfont.color);
}
.sidebar .widget > h2 span,
#related_posts h4 span,
#comments > h4 span {
background-color:$(cont.back.color);
padding:0 5px 0 0;
}
.sidebar .widget-content, #manualslidenya {
padding:5px 10px;
margin:0;
border:1px solid $(side.border.color);
background-color:$(side.area.color);
border-radius:2px;
position:relative;
}
#mainmidtengah,
#mainmidtengah2 {
overflow:hidden;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:50%;
float:$startSide;
}
/* Layout
----------------------------------------------- */
body#layout #sidebar-tengah {
overflow:hidden;
}
body#layout #sidebar-tengah .sidebarmd-widget {
width:33.3%;
float:$startSide;
}
body#layout #icon-socialmn, body#layout ul.navtab {
display:none;
}
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font:$headingfont;
text-transform:none;
margin:0;
}
/* Posts
-----------------------------------------------
*/
.blog-posts.hfeed {
overflow:hidden;
}
.index .post-outer,
.archive .post-outer {
width:33.3%;
float:$startSide;
position:relative;
}
.index .post-outer .post,
.archive .post-outer .post {
margin:0 10px 10px;
height:190px;
position:relative;
z-index:0;
}
a.thumbimgx, .thumbimgslide {
display:block;
border:1px solid $(side.border.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:140px;
padding: 4px;
position:relative;
background-color:$(side.area.color);
}
a.thumbimgx:before,
a.thumbimgx:after,
.thumbimgslide:before,
.thumbimgslide:after,
#feedContainer .inner:before,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:before,
.rcbytag.s ul.rcentpost a.thumbxtag:before,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
a.thumbimgx:after,
.thumbimgslide:after,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
right:5px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
a.thumbimgx img, .slideximg img, ul.imgslide, ul.imgslide li {
height: 100%;
width: 100%;
}
.slideximg {
height: 100%;
overflow: hidden;
}
ul.imgslide, ul.imgslide li {
padding: 0;
margin: 0;
list-style: none;
}
ul.imgslide li {
display: none;
}
ul.imgslide li:first-child {
display: block;
}
.datex {
position:absolute;
z-index:10;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
padding:3px 0;
top:0;
left:15px;
display:block;
text-align:center;
}
.item .datex, .static_page .datex {
z-index: 0;
}
.post:hover .datex.show {
background-color:$(main2.datehover.color);
}
.datex.show strong,
.datex.show span,
.datex.show small {
display:block;
padding:0 2px;
}
.datex.show strong {
font-size:21px;
}
.datex.show span,
.datex.show small {
font-size:9px;
height:12px;
line-height:12px;
}
.post-summary p,
.post-more-link,
.post-footer {
display:none;
}
.post .titlex,
ul.rcentpost li strong a {
text-decoration:none;
font:$(main1.postfont.type);
font-weight:600;
line-height:1.4em;
color:$(main1.postfont.color);
display:block;
margin:5px 0 0;
max-height:36px;
overflow:hidden;
}
.menu-xitem {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiawa3jra4jJ_ZRFWL51kIunP2QtZAYd2VfOzmbpRpNeSKiM2XqgVlXg-9KxqPqvD-_TtD4tiqxIUrKiltV-uVHm52Vei3rYutluXzfP5_HaCfG4DJNvupY0Fmu4a6TUoUNaCbiuRPfW3I/s12/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
height:34px;
margin:0 0 5px;
}
.xitem1,
#view {
float:$startSide;
background-color:$(cont.back.color);
padding:5px;
position:relative;
}
#view {
float:$endSide;
}
.menu-xitem a {
text-decoration:none;
color:$(main1.headfont.color);
}
.xitem1 .liat {
font:$(main1.headfont.type);
text-transform:uppercase;
font-weight:600;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1_LKdwQElBrV1CaRTqIEZ-0GqJDGbRzKEUyjn5jaBFQWEwZZmf_m9HssvU_hyphenhyphen05BCVvV4fCC6YdB8aGKmJEAaiuRiQea127VYOAZvTsBEKUiz16R7tlCknc8aQ0xzNHbpKnSTrbsW20/s1600/ui-select.png);
background-repeat:no-repeat;
background-position:100% 70%;
display:inline-block;
padding-right:20px;
}
.index .post-outer.list,
.archive .post-outer.list {
width:100%;
float:none;
}
.index .post-outer.list .post,
.archive .post-outer.list .post {
height:auto;
margin:0 0 15px;
padding-bottom:10px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:200px;
float:$startSide;
margin:0 10px 0 5px;
}
.post-outer.list .post .titlex {
font-size:150%;
max-height:200px;
margin:0;
overflow:visible;
}
.post-outer.list .post-summary p {
display:block;
margin:10px 0 0;
}
.post-outer.list .post-more-link {
display:block;
position:absolute;
bottom:0;
float:$endSide;
right:0;
}
.post-outer.list .post-more-link a {
display:block;
text-decoration:none;
padding:4px 8px;
font-size:90%;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
}
.post-outer.list .post-more-link a:hover {
background-color:$(main2.datehover.color);
}
.post-body .left {
float:$startSide;
margin:0 5px 5px 0;
}
.post-body .right {
float:$endSide;
margin:0 0 5px 5px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.post-body .left span, .post-body .right span, .post-body .center span {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}
.post-body blockquote {
padding-left:40px;
margin:20px;
font-size:110%;
line-height:1.6em;
color:#777;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeCpd5caT-KZ9xN3hQbCQ0FOLSpOvcp85pkr7td1pLQWvNHGsPUV8dwOVaA-nEneVHFo14s0AV2x8kQURfomC2tw4HRDBYBTg9Z97L5fJ5OnXNjBQX6wRlU3x_QufQbQSXWIxQ5rnTXA9I/s1600/quotation-l.png) no-repeat left 5px;
}
.item .post-body img,
.static_page .post-body img {
padding:4px;
border:1px solid $imageborder;
}
.post-body h1 {
font-size:180%;
}
.post-body h2 {
font-size:160%;
}
.post-body h3 {
font-size:140%;
}
.post-body h4 {
font-size:130%;
}
.post-body h5 {
font-size:120%;
}
.post-body h6 {
font-size:110%;
}
.item .post,
.static_page .post,
.comments .comments-content,
#related_posts ul,
.boxcommentnya,
.error-custom,
.breadcrumbs,
#main-wrapper .inline-ad {
padding:10px;
border:1px solid $(side.border.color);
position:relative;
margin:0 0 10px;
background-color:$(side.area.color);
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.breadcrumbs {
padding:5px 10px;
margin:0 0 5px;
}
.error-custom {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimljWWBEB-GxWdps1-40KTN9n3mRT8cfSTDEnkZj6UMDg6e83mq0GaLIw09V9THvnMBIUawTA8cHFEcWJD3W71ENvZ40Yg-YTBiNG079Hjrg0DyfE_Q-xdozAaSyXl3iegLSSwbplL8pY/s500/Abstract+Floral+Vector+Illustration.png);
background-repeat:no-repeat;
background-position:right bottom;
padding-bottom:220px;
line-height:1.5em;
}
.post h1.post-title,
.post h2.post-title,
.error-custom h2 {
font-size:155%;
font-weight:600;
border-bottom:1px solid $(side.border.color);
padding:0 0 5px 50px;
color:$posttitlecolor;
margin-bottom:15px;
}
.post h2.post-title,
.error-custom h2 {
padding-left:0;
}
.post h1.post-title a,
.post h2.post-title a {
text-decoration:none;
display:block;
color:$posttitlecolor;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body iframe {
max-width: 100%;
}
.item .post-footer,
.static_page .post-footer {
display:block;
border-top:1px solid $(posfoot.border.color);
padding:8px;
margin:0 -10px -10px;
background-color:$(posfoot.back.color);
}
.item .post-body img,
.static_page .post-body img {
max-width:95%;
}
.post-timestamp {
display:none;
}
.post-author.vcard,
.post-labels {
margin-bottom:5px;
}
.tr-caption-container img {
border:none;
padding:0;
}
.post-footer .item-control.blog-admin.pid-1748668997 {
float:$endSide;
}
.post blockquote p {
margin:.75em 0;
}
.index .post h2.post-title,
.archive .post h2.post-title,
#topmobilenav,
#mobilenav,
#topmenunya h2 {
display:none;
}
.pager-isi {
overflow:hidden;
}
.pager-isi a,
.pager-isi .linkgrey {
width:50%;
display:block;
float:$startSide;
padding:10px 0;
font-size:120%;
text-decoration:none;
}
.pager-isi h6 {
color:#2C2C2C;
font-size:100%;
}
.pager-isi h5 {
font-size:90%;
}
a.blog-pager-newer-link {
text-align:left;
position:relative;
}
a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
padding-left:20px;
}
a.blog-pager-older-link {
text-align:right;
position:relative;
}
a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
padding-right:20px;
}
.pager-isi .linkgrey.left {
text-align:left;
}
.pager-isi .linkgrey.right {
text-align:right;
}
a.blog-pager-newer-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent #777676 transparent transparent;
position:absolute;
top:50%;
left:0;
margin-top:-8px;
}
a.blog-pager-older-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent transparent transparent #777676;
position:absolute;
top:50%;
right:0;
margin-top:-8px;
}
#main-wrapper .inline-ad {
text-align: center;
padding: 10px 0;
overflow: hidden;
}
.feed-links,
.error_page #blog-pager {
display:none;
}
/* Related Post
----------------------------------------------- */
#related_posts {
color:$(side.text.color);
}
#related_posts ul {
overflow:hidden;
list-style:none;
}
#related_posts li {
list-style:none;
float:$startSide;
position:relative;
width:50%;
padding:0;
min-height:120px;
margin:0 0 8px;
}
#related_posts .inner {
padding: 5px 3px;
}
#related_posts .gmbrrltd {
float:$startSide;
margin:0 5px 0 0;
padding:3px;
border:1px solid $imageborder;
width:70px;
height:70px;
display:block;
}
#related_posts a:hover {
text-decoration: none;
}
#related_posts strong {
line-height: 1.4em;
overflow: hidden;
max-height: 30px;
margin-bottom: 5px;
display: block;
}
#related_posts p {
margin:5px 0 0;
line-height:1.5em;
display:none;
}
#related_posts .date.floatd:before {display:none;}
#related_posts .date.floatd {
position:absolute;
top:0;
left:15px;
color:$(main2.datetext.color);
display:block;
background-color:$(main2.date.color);
text-align:center;
padding:4px 2px;
}
#related_posts li:hover .date.floatd {
background-color:$(main2.datehover.color);
}
#related_posts .date.floatd span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
#related_posts .date.floatd span.dd {
font-size:18px;
line-height:17px;
height:17px;
font-weight:bold;
}
/* Comments
----------------------------------------------- */
.comment-form {
max-width:100%;
padding:10px;
border:1px solid #C0C0C0;
margin:0 0 10px;
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.comments.threaded_commentsnya .comment-form {
display:none;
}
.comments .continue a,
.comments .comments-content .comment-thread ol .comment-replybox-thread {
-moz-box-shadow:inset 0 1px 5px $(comen.shadow.color);
-webkit-box-shadow:inset 0 1px 5px $(comen.shadow.color);
box-shadow:inset 0 1px 5px $(comen.shadow.color);
background-color:$(comen.reback.color);
}
.comments .comments-content .comment-thread ol .comment-replybox-thread #form-wrapper {
padding:5px 10px;
}
.comments .comments-content .comment-thread ol {
margin:0;
}
.comments .comments-content .inline-thread {
border:1px solid $(comen.border.color);
border-left:2px solid $(main2.date.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.comments .comments-content .comment:first-child {
padding-top:0;
}
.comments .comments-content .inline-thread .comment:first-child {
padding-top:12px;
}
.comments .comments-content .icon.blog-author,
.commentarea .author-comment {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigOS6H_WT__Nbu54Ccw7xsY20oVw31XzrJg_va-KLINg3JUVuS3DbEtw9r05CVtWMpIj7Zbs0ePpZ3mDfNDR3b2SI3H0I9Qo6nbzc8vnSUA0v_TRETe7XFaKnVdhbsBZtZKJAohDHSOmg/s17/48_edit.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
#comments-block .avatar-image-container img {
width:35px;
height:35px;
display:block;
}
#comments-block .avatar-image-container.avatar-stock img {
border-width:0;
padding:1px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGx-i_dFli5zSlhzSgM44r2hxZmC8V3sG-NyzV0izKX5ms3NlLHyOKS8wuoE-sikubvdm-Z1kyhv9sCoblV-HQXuQNkBNkWRuwnUV-T2mK7hXyDoqu4SVwOPnZKyxwi7gs-vBkfryq_AWi/s37/user-anonymous-icon.png);
}
.comments .comments-content .comment-content {
text-align:justify;
line-height:1.6em;
}
#comments-block.avatar-comment-indent dd.comment-body p {
margin:0;
line-height:1.6em;
}
#comments-block .avatar-image-container {
top:0;
}
.commentarea {
padding:8px;
border:1px solid $(comen.border.color);
border-left:2px solid $(main2.date.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:0 0 15px;
position:relative;
}
#comments-block.avatar-comment-indent dd.comment-body {
margin:10px 0;
}
#comments-block.avatar-comment-indent .commentarea .comment-footer {
margin-bottom:0;
text-align:right;
}
.commentarea .datecm {
font-size:90%;
float:$endSide;
}
.commentarea .author-comment {
display:inline-block;
height:18px;
margin:0 6px -4px 0;
width:18px;
}
#googlePlusComment,
.cmt_iframe_holder {
width:100% !important;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:$(side.text.color);
line-height:1.5em;
}
.sidebar ul,
.footer ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li,
.footer li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
line-height:1.5em;
}
.sidebar .widget,
.main .widget,
#sidebar-tengah,
.footer .widget {
margin:0 0 1.5em;
}
.sidebar .widget {
padding:0 10px;
}
.main .Blog {
border-bottom-width:0;
position: relative;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
overflow:hidden;
padding:20px 0 0;
border-top:5px solid $(foot2.bordertop.color);
background-color:$(foot2.back.color);
color:$(foot.text.color);
}
#footer-wrapper .row {
width:99%;
margin:0 auto;
overflow:hidden;
}
#footer-wrapper .grid {
width:25%;
float:$startSide;
}
.footer .widget {
padding:0 15px;
}
.footer .widget > h2 {
font:$(foot.headfont.type);
color:$(foot.headtext.color);
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHr6HsR2mdogtfl9T5mkBFM4AtBqB4Bg5H0-zW_4xUXJi3vxU3vzIkZiODM4SHLirHukf06xxz90eUzZ_XWivCbPJQdqqzpY3NolXwMO0tQnRjnuV38v7g3ZPLAgLJXOyEVJm00d_LnPk/s8/stripe.png);
background-position:0 50%;
background-repeat:repeat-x;
margin:0 0 10px;
padding:5px 0;
}
.footer .widget > h2 span {
background-color:$(foot2.back.color);
padding:0 5px 0 0;
}
.navix.credit {
overflow: hidden;
width: 98%;
padding: 5px 1%;
border-top: 1px solid #131313;
}
.navix.credit .left {
float: left;
}
.navix.credit .righ {
float: right;
}
/* Search Box
-----------------------------------------------
*/
#searchnya {
float:$endSide;
width:250px;
margin:10px 0 0;
}
#ajax-search-form {
position:relative;
font:normal normal 11px Arial,Sans-Serif;
width:230px;
float:$endSide;
}
#ajax-search-form input {
color:$(src.text.color);
margin:0 0;
background:$(src.back.color);
padding:8px 8px;
font-size:10px;
outline:0;
width:175px;
float:$startSide;
border:0;
}
#ajax-search-form input:focus {
color:#FFF;
}
#search-result {
color:$(src.resulttext.color);
border:1px solid #F3F3F3;
background-color:$(src.result.color);
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:10px;
z-index:99;
-webkit-box-shadow:0 1px 3px #999;
-moz-box-shadow:0 1px 3px #999;
box-shadow:0 1px 3px #999;
display:none;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
}
#search-result ol {
list-style:none;
overflow:hidden;
padding-right: 15px;
}
.box, .box .antiscroll-inner {
width: 100%;
height: 400px;
}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:black;
}
#search-result li {
padding:5px 0;
overflow: hidden;
}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:$startSide;
display:block;
margin:0 5px 0 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#searchnya button {
text-indent:-9999px;
overflow:hidden;
margin:0;
background: transparent;
width:35px;
height:29px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
position:relative;
cursor:pointer;
border:none !important;
outline:none;
}
/* Slider
-----------------------------------------------
*/
#main-top h2 {
display:none;
}
#main-top {
position:relative;
z-index:0;
}
#main-top .widget-content::after,
#main-top .widget-content::before,
#manualslidenya::before,
#manualslidenya::after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
#main-top .widget-content::after,
#manualslidenya::after {
right:5px;
left:auto;
-webkit-transform:rotate(1deg);
-moz-transform:rotate(1deg);
-ms-transform:rotate(1deg);
-o-transform:rotate(1deg);
transform:rotate(1deg);
}
ul.featpost,
ul.featpost li {
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
ul.featpost li {
height:280px;
display:none;
float:left;
}
ul.featpost li:first-child {
display:block;
}
ul.featpost,
.featuredpost {
height:280px;
}
.featuredpost {
overflow:hidden;
}
ul.featpost img {
width:100%;
height:100%;
}
#main-top .widget-content {
padding:5px;
}
ul.featpost .labeltext {
position:absolute;
bottom:35px;
left:0;
width:85%;
z-index:9;
background-color:$(sli.desback.color);
padding:7px 10px;
color:$(sli.text.color);
}
ul.featpost strong.titlex {
position:absolute;
bottom:95px;
display:block;
left:10px;
z-index:10;
background-color:$(sli.back.color);
padding:5px 8px;
max-height:22px;
overflow:hidden;
}
ul.featpost strong.titlex a {
font:$(sli.font.type);
color:$(sli.text.color);
text-decoration:none;
width:100%;
font-weight:bold;
text-transform:capitalize;
display:inline-block;
}
ul.featpost .labeltext .infolabel {
font-size:90%;text-align:right;
}
ul.featpost .labeltext .infolabel a {
color:$(sli.text.color);
}
ul.featpost .labeltext .date {
margin-right:5px;
}
ul.featpost .labeltext p {
margin:5px 0 0;
font-style:italic;
}
#main-top .flex-control-nav.flex-control-paging, #manualslidenya .flex-control-nav.flex-control-paging {
position:absolute;
width:100%;
bottom:15px;
z-index: 2;
}
#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
max-width:800px;
}
.featuredpost .flex-direction-nav a {
top:50%;
margin-top:-20px;
}
a.feathumb {
width:100%;
height:280px;
display:block;
}
#mainmtop-manualslide .widget > h2 {
display: none;
}
#mainmtop-manualslide .Image .widget-content {
padding: 0;
border: 0;
max-height: 280px;
overflow: hidden;
}
#mainmtop-manualslide .widget {
padding: 0;
margin-bottom: 40px;
}
#mainmtop-manualslide {
overflow: hidden;
max-height: 310px;
position: relative;
z-index: 0;
}
#manualslidenya {
padding: 5px;
max-height: 280px;
}
#main-top-manualslide .bungkus {
padding: 0 10px 15px;
}
#main-top-manualslide .Image img {
max-height: 280px;
}
/* Archive
-----------------------------------------------
*/
#table-outer table {
width:100%;
}
#orderFeedBy,
#labelSorter {
width:90%;
margin:5px 0;
}
#postSearcher input[type="text"] {
width:88%;
margin:5px 0;
padding:3px 1%;
}
#feedContainer,
#feedContainer li {
padding:0;
margin:0;
list-style:none;
}
#feedContainer {
overflow:hidden;
margin-top:20px;
}
#feedContainer li {
float:left;
width:50%;
margin-bottom:10px;
position:relative;
z-index: 0;
}
#feedContainer .inner {
padding:8px;
margin:0 5px;
position:relative;
background-color:#FFF;
border:1px solid #C0C0C0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
height:133px;
}
#feedContainer img {
float:left;
margin:0 8px 0 0;
}
#feedContainer .inner > strong {
display:none;
}
#feedContainer .date {
position:absolute;
top:8px;
left:15px;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
font-size:9px;
padding:3px 2px;
}
#feedContainer .inner:hover .date {
background-color:$(main2.datehover.color);
}
#feedContainer .date span {
display:block;
line-height:12px;
text-align:center;
}
#feedContainer .date .dd {
font-size:15px;
line-height:18px;
font-weight:bold;
}
#feedContainer .toc-title {
max-height:33px;
overflow:hidden;
}
#feedNav a, #feedNav span {
display:block;
text-align:center;
color:$(main2.datetext.color);
text-decoration:none;
background-color:$(main2.date.color);
padding:5px;
width:95%;
margin:0 auto;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#feedNav a:hover {
background-color:$(main2.datehover.color);
}
body#layout #mainmtop-manualslide {
overflow: hidden;
}
body#layout #mainmtop-manualslide .add_widget, body#layout #mainmtop-manualslide div.widget,body#layout #mainmtop-manualslide .dropregion {
float: left;
width: 25%;
}
/* Other
-----------------------------------------------
*/
img {
max-width:100%;
height:auto;
width:auto\9;
}
a img,
a.loadpost,
.datex.show,
ul.rcentpost .date,
.buttons a,
ul.navtab li a,
#related_posts .date,
.post-outer.list .post-more-link a,
#feedContainer .date,
.showpageNum a {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
a img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
a.loadpost {
display:block;
width:80%;
margin:0 auto;
line-height:30px;
height:30px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
text-decoration:none;
position:relative;
}
a.loadpost:hover {
background-color:$(main2.datehover.color);
}
a.loadpost:active {
top:1px;
}
.recntright .antiscroll-scrollbar-vertical {
right: 4px;
}
ul.rcentpost {
margin:-5px -10px;
}
.recntright .box, .recntright .box .antiscroll-inner {
height:270px;
}
ul.rcentpost li { padding: 0;
overflow:hidden;
position:relative;
z-index:0;
border-bottom:1px solid #F1F1F1;
}
ul.rcentpost .inner {
padding: 8px;
overflow: hidden;
}
ul.rcentpost .recntright .inner {
padding-right:12px;
}
ul.rcentpost p {
margin: 10px 0;
}
ul.rcentpost .recntright p, .rcbytag.s ul.rcentpost p {
display:none;
}
a.thumbxtag {
float:left;
width:60px;
height:60px;
display:block;
margin:0 8px 0 0;
padding:3px;
border:1px solid $imageborder;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:$(cont.back.color);
}
a.thumbxtag img {
display:block;
width:100%;
height:100%;
}
.morepostag {
text-align:center;
padding: 5px 0;
}
.recntright .info, #related_posts .info {
font-size: 80%;
}
.morepostag a {
display:block;
width:80%;
line-height:25px;
height:25px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
margin:5px auto;
color:$(main2.datetext.color);
background-color:$(main2.date.color);
text-decoration:none;
-webkit-transition:background-color .4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
}
.morepostag a.loadingnya {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfqUVg67dvfEADgMlj5vEgR2peHKH3gjmnSw0xEcpgifZ8NBieh4niaQCVxUmnUBrb1AYqDIpoIWCIQH_48pc77OwqMgehUt5aOxTsP5AcGHSMX3BmTX0pLCC9dnuO5UPUUuBTKbvSAY/s16/progress_ani.gif);
background-repeat: no-repeat;
background-position: center;
text-indent:-9999px;
}
.morepostag a:hover, .morepostag a.loadingnya {
background-color:$(main2.datehover.color);
}
ul.rcentpost > li.a0 a.thumbxtag, .rcbytag.s ul.rcentpost a.thumbxtag {
float:none;
width:auto;
padding:5px;
display:block;
height:170px;
position:relative;
margin: 0;
}
.rcbytag.s ul.rcentpost a.thumbxtag {
height:120px;
}
ul.rcentpost li strong a {
margin:0;
}
ul.rcentpost > li.a0 strong a {
margin:10px 0 0;
font-size:120%;
display:block;
}
ul.rcentpost > li.a0 .date, .rcbytag.s ul.rcentpost .date {
position:absolute;
top:8px;
left:20px;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
display:block;
padding:3px;
text-align:center;
}
ul.rcentpost > li.a0 .date span, .rcbytag.s ul.rcentpost .date span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
ul.rcentpost > li.a0 .date span.dd, .rcbytag.s ul.rcentpost .date span.dd {
font-size:18px;
font-weight:bold;
line-height:20px;
height:20px;
}
ul.rcentpost > li.a0:hover .date, .rcbytag.s ul.rcentpost li:hover .date {
background-color:$(main2.datehover.color);
}
.rcbytag.s ul.rcentpost {
margin:10px 0;
overflow:hidden;
height:175px;
}
.rcbytag.s ul.rcentpost li {
padding:0;
width:33.3%;
float:$startSide;
height:175px;
}
.rcbytag.s ul.rcentpost .inner {
margin: 0;
padding: 0 8px;
}
.rcbytag.s ul.rcentpost .date {
top:0;
}
.rcbytag.s ul.rcentpost p {
display:none;
}
.rcbytag.h .rcentpost {
overflow: hidden;
}
.rcbytag.h ul.rcentpost > .a0 {
float: left;
width: 50%;
border-bottom: 0;
}
.rcbytag.h .recntright {
width: 50%;
float: left;
}
.recntright .date, .recntright .comnum, #related_posts .date, #related_posts .comnum {
padding-left: 15px;
display: inline-block;
position: relative;
}
.recntright .date:before, #related_posts .date:before {
content: "\f133";
left: 0px;
font-size: 11px;
}
.recntright .comnum:before, #related_posts .comnum:before {
content: "\f075";
left: 2px;
}
.recntright .comnum {
margin-left: 8px;
}
#related_posts .date {
margin-right: 8px;
}
.recntright .comnum a, #related_posts .comnum a {
color:$(side.text.color);
}
.flex-direction-nav a {
position:absolute;
display:block;
top:90px;
width:25px;
height:40px;
background-color:$(main2.date.color);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
outline:0;
text-indent:-9999px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGA2osZ_PbXnXPrzUt7Ez6q0Bw6rg8sP89O5iMPUcW38xygzyi3MbXOA5zOKw6Lo7iWVOZwVBEabjVaED61RzBjwBY5TcGctgRIt9gkqC2Pl0bhHQX8CTPXhHtFEe0S23bF6c2AWYl08Y/s1600/glyphicons-halflings-white.png);
background-repeat:no-repeat;
z-index: 2;
}
.widget-content:hover .flex-direction-nav a, #manualslidenya:hover .flex-direction-nav a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.flex-direction-nav a:hover {
background-color:$(main2.datehover.color);
}
.flex-direction-nav a.flex-prev {
right:0;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
background-position:-18px 7px;
}
.flex-direction-nav a.flex-next {
left:0;
-moz-border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
background-position:7px 7px;
}
.flex-control-nav.flex-control-paging,
.flex-control-nav.flex-control-paging li {
list-style:none;
padding:0;
text-align:center;
margin:0;
}
.flex-control-nav.flex-control-paging li {
display:inline-block;
}
.flex-control-nav.flex-control-paging a {
display:inline-block;
text-indent:-9999px;
margin:0 3px;
width:10px;
height:10px;
background-color:$(main2.datehover.color);
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.flex-control-nav.flex-control-paging a.flex-active {
background-color:$(main2.date.color);
}
.flex-viewport,
.rcbytag {
max-width:612px;
margin:0 auto;
}
.rcbytag.s ul.rcentpost strong a {
margin:5px 0 0;
font-size:13px;
}
#sidebar-tengah h2, ul.rcentpost > li.a0 .comnum, .rcbytag.s ul.rcentpost .comnum {
display:none;
}
ul.navtab,
ul.navtab li,
#icon-socialmn,
#icon-socialmn li {
list-style:none;
padding:0;
margin:0;
}
ul.navtab {
height:32px;
padding:0 8px;
margin:0 10px;
border-bottom:5px solid $(tab.selet.color);
}
ul.navtab li {
float:$startSide;
width:33.3%;
text-align:center;
}
ul.navtab li a {
display:block;
line-height:32px;
height:32px;
background-color:$(tab.back.color);
color:$(tab.text.color);
text-decoration:none;
}
ul.navtab li a.current,
ul.navtab li a:hover {
background-color:$(tab.selet.color);
}
ul.navtab {
height:32px;
padding:0 10px;
margin:0 10px;
}
#sidebar-tengah .widget-content,
#sidebar-tengah .widget {
border:0;
padding:0;
margin:0;
}
.list-tabwrap {
padding:8px 10px;
margin:0 10px;
border:1px solid $(side.border.color);
border-top:0;
background-color:$(side.area.color);
}
#view a {
display:inline-block;
text-indent:-9999px;
width:23px;
height:23px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgadr2kpb1MuAg-rT169Ga0KkeMfc_uJj4-oURMSihQHxu-AfZ0yedJm2dgSCSQUTo6n6DS8lyZVnBfd9E7QvIXTrrSbxPP7veRjXGA8CW-jt-zv4FiUinzhRR3CR2zaH52jvAE6ODMI/s1600/sprite1.png);
background-repeat:no-repeat;
float:$endSide;
outline:0;
}
#view a.list {
background-position:0 -102px;
}
#view a.list.active {
background-position:0 -68px;
}
#view a.grid {
background-position:0 -34px;
}
#view a.grid.active {
background-position:0 0;
}
#labelxnya {
position:absolute;
z-index:99;
top:100%;
left:0;
display:none;
}
#labelxnya .box, #labelxnya .box .antiscroll-inner {
height: 280px;
width:160px;
}
ul.subnya-xitem,
ul.subnya-xitem li {
padding:0;
list-style:none;
margin:0;
overflow: hidden;
width: 160px;
}
#labelxnya .bknslabel {
min-width: 160px;
padding:8px 5px;
background-color:#FFF;
border:1px solid #E2E2E2;
border-radius:3px;
overflow:hidden;
position:relative;
top:-12px;
-moz-box-shadow:0 0 10px #CFCECE;
-webkit-box-shadow:0 0 10px #CFCECE;
box-shadow:0 0 10px #CFCECE;
}
ul.subnya-xitem li {
margin:1px 0;
white-space: nowrap;
}
ul.subnya-xitem a {
line-height:25px;
display:block;
padding:0 10px;
}
ul.subnya-xitem a:hover {
background-color:#F5F5F5;
}
#labelxnya span {
position:relative;
display:inline-block;
text-indent:-9999px;
left:50px;
top:-7px;
width:0;
height:0;
border-width:10px 10px;
border-style:solid;
border-color:transparent transparent #868585 transparent;
}
.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
float:$startSide;
}
.ticker-wrapper.has-js {
height:28px;
overflow:hidden;
margin:0 0 15px;
line-height:28px;
border:1px solid $(news.border.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:$(side.area.color);
}
.ticker {
width:92%;
position:relative;
overflow:hidden;
}
.ticker-title {
background-color:$(news.back.color);
padding:0 10px;
color:$(news.text.color);
font-weight:bold;
}
.ticker-content {
margin:0;
position:absolute;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
line-height:26px;
padding:0 10px;
font-size:10px;
}
.ticker-content .date {
padding:0 5px 0 0;
border-right:1px solid #272727;
}
.ticker-swipe {
position:absolute;
top:0;
background-color:$(side.area.color);
display:block;
width:800px;
height:23px;
}
.ticker-swipe span {
margin-left:1px;
background-color:$(side.area.color);
border-bottom:1px solid #000;
height:18px;
width:7px;
display:block;
}
.ticker-controls {
padding:6px 0 0;
margin:0;
list-style-type:none;
float:$startSide;
}
.ticker-controls li {
padding:0;
margin-left:5px;
float:$startSide;
cursor:pointer;
height:16px;
width:16px;
display:block;
}
.ticker-controls li.jnt-play-pause {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
background-position:32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
background-position:32px 0;
}
.ticker-controls li.jnt-play-pause.paused {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
background-position:48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
background-position:48px 0;
}
.ticker-controls li.jnt-prev {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:0 16px;
}
.ticker-controls li.jnt-prev.over {
background-position:0 32px;
}
.ticker-controls li.jnt-prev.down {
background-position:0 0;
}
.ticker-controls li.jnt-next {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:16px 16px;
}
.ticker-controls li.jnt-next.over {
background-position:16px 32px;
}
.ticker-controls li.jnt-next.down {
background-position:16px 0;
}
.js-hidden {
display:none;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background-color:$(main2.date.color);
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
font-size:12px;
padding:2px 0;
padding-left:5%;
width:95%;
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {
background-color:#202020;
border:1px solid #1B1B1B;
}
input[type="submit"] {
border-radius:2px;
background-color:$(main2.date.color);
outline:0;
border:0;
padding:5px 8px;
color:$(main2.datetext.color);
margin:2px 3px;
cursor:pointer;
}
input[type="submit"]:hover {
background-color:$(main2.datehover.color);
}
input[type="text"] {
padding:4px 5px;
border:1px solid #B6B6B6;
border-radius:2px;
color:#585858;
}
.Label li {
padding:3px 5px;
margin:0 3px 3px 0;
float:$startSide;
background-color:$(main2.date.color);
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
color:#D6D6D6;
}
.Label li a {
color:$(main2.datetext.color);
text-decoration:none;
}
.Label li:hover {
background-color:$(main2.datehover.color);
}
.footer .Label li:hover {
background-color:$(backtop.backhover.color);
}
#top {
position:fixed;
right:10px;
bottom:0;
text-indent:-9999px;
width:40px;
height:0;
background-color:$(backtop.back.color);
border-radius:2px 2px 0 0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDTTNPEj_bZ15UuO5b9VTNk6amjGr7QJ9Y6K-TmBaPy-F2bUkl2-_pe0_PUfJFFH0Kkl9QEmHh2dNYzf2XzJ5cF5LzQjnfezWcEMF7Wi6sIa_G7Jt-H1kfJuA-_6ixkMHbXqxG0IQokaY/s1600/up.png);
background-repeat:no-repeat;
background-position:50% 50%;
opacity:0;
cursor:pointer;
outline:0;
}
#top:hover {
background-color:$(backtop.backhover.color);
}
ul.rcomnetxx li {
padding:5px;
margin-bottom:8px;
overflow:hidden;
}
ul.rcomnetxx .kmtimg {
float:$startSide;
margin:0 5px 5px 0;
width:50px;
height:50px;
padding:3px;
border:1px solid $imageborder;
}
ul.rcomnetxx p {
margin:5px 0 0;
}
ul.rcomnetxx .date {
font-size:80%;
}
.PopularPosts li img {
padding:0;
width:65px;
height:65px;
display:block;
}
.PopularPosts .item-thumbnail {
padding:3px;
border:1px solid $imageborder;
width:65px;
height:65px;
}
.loadingxx {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfqUVg67dvfEADgMlj5vEgR2peHKH3gjmnSw0xEcpgifZ8NBieh4niaQCVxUmnUBrb1AYqDIpoIWCIQH_48pc77OwqMgehUt5aOxTsP5AcGHSMX3BmTX0pLCC9dnuO5UPUUuBTKbvSAY/s1600/progress_ani.gif);
background-repeat:no-repeat;
background-position:50% 50%;
min-height:150px;
}
#featpost.loadingxx {
height:280px;
}
.antiscroll-wrap {
display: block;
position: relative;
overflow: hidden;
}
.antiscroll-scrollbar {
background: gray;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
box-shadow: 0 0 1px #fff;
position: absolute;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition: linear 300ms opacity, linear 300ms width;
-moz-transition: linear 300ms opacity, linear 300ms width;
-o-transition: linear 300ms opacity, linear 300ms width;
transition: linear 300ms opacity, linear 300ms width;
}
.antiscroll-scrollbar-shown {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.antiscroll-scrollbar-horizontal {
height: 7px;
margin-left: 2px;
bottom: 2px;
left: 0;
}
.antiscroll-scrollbar-vertical {
width: 7px;
margin-top: 2px;
right: 2px;
top: 0;
}
.antiscroll-scrollbar-vertical:hover {
width: 9px;
}
.antiscroll-inner {
overflow: scroll;
}
.antiscroll-inner::-webkit-scrollbar {
width: 0;
height: 0;
}
.antiscroll-inner::scrollbar {
width: 0;
height: 0;
}
.index #blog-pager, .archive #blog-pager {
text-align: left;
margin: 10px 0 0;
padding: 5px;
}
.showpagePoint, .showpageNum a, .showpage a {
display: inline-block;
padding: 8px 9px;
margin-right: 2px;
color: $(cont.back.color);
background-color: $(main2.date.color);
border-radius: 3px;
position: relative;
text-decoration: none;
outline: 0;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
background-color: $(main2.datehover.color);
}
.showpageNum a:active, .showpage a:active {
top:1px;
}
.loadingpost {
position: absolute;
background-color: $(cont.back.color);
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-Avk4Md7EjBiu53oAgWhBznKbVgMqRdom2RP-YMIM9gZlIYk_CKcxgi5lkwYYWL9mfz7auuFNHvt0WGJ28-cZSZuJPYEsovBDzQVpmOArGsosj9TZrxhXx_inF8yZwZTLs4ul3oTyJgj/s32/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
top: 0;
left: 0;
bottom: 30px;
right: 0;display:none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
/* RESPONSIVE */
@media only screen and (max-width:1024px) {
#navinti a {padding:0 10px;}
#searchnya {width: 195px;}
#ajax-search-form {width: 191px;}
#ajax-search-form input {width: 140px;}
}
@media only screen and (max-width:979px) {
#outer-wrapper,
#nav {
width:768px;
}
#nav .wrap {
width: 99%;
}
#footer-wrapper .grid {
width:33.3%;
}
#topmenunav, #menunav, .sf-menu a.home:before, .sf-menu > li > a.home.current:before {display:none;}
#topmobilenav, #mobilenav {
display:block;
}
#menunav, #topmenunav {
position: absolute;
top: 100%;
float: none;
left: 5px;
}
#menunav {
background-color: $(midnav.back.color);
right: 5px;
}
#topmenunav {
width: 300px;
background-color: $(topnav.back.color);z-index: 99;
}
.sf-menu > li {
float: none;
}
.sf-menu ul {
position: static;
}
.sf-menu ul ul li {
margin: 1px 0;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
text-indent: 0;
width: auto;
padding: 0 10px;
}
#menunav > li > a {
height: 30px;
line-height: 30px;
}
#topnav .tgltop {
margin-left: 35px;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display:none;
}
#main-atas {
width:58%;
}
#sidebar-wrapper {
width:40%;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:100%;
float:none;
}
.index .post-outer,
.archive .post-outer,
ul.rcentpost.sliderq li {
width:50%;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:150px;
height:120px;
}
.ticker {
width:90%;
}
ul.featpost,
.featuredpost,
ul.featpost li,
a.feathumb {
height:240px;
}
.featuredpost {
font-size:11px;
}
#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
width:100%;
}
ul.featpost strong.titlex {
max-width:250px;
max-height:55px;
bottom:110px;
}
.post-body .left,
.post-body .right {
float:none;
display:block;
text-align:center;
margin:10px 0 15px;
}
#related_posts strong {
max-height:auto;
}
#related_posts li {
width:100%;
float:none;
height:auto;
overflow:hidden;
}
.comments .comments-content .comment-replies {
margin-left:10px;
}
#header {
width:100%;
float:none;
}
#adstop {
display:none;
}
#feedContainer li {
float:none;
width:100%;
}
#feedContainer .inner {
height:auto;
}
.rcbytag.h ul.rcentpost > .a0, .rcbytag.h .recntright {
width: auto;
float: none;
}
.rcbytag.h ul.rcentpost > .a0 {
border-bottom: 1px solid #F1F1F1;
}
}
@media only screen and (max-width:767px) {
#outer-wrapper,
#nav {
width:480px;
}
#footer-wrapper .grid {
width:50%;
}
#main-atas,
#sidebar-wrapper {
width:98%;
float:none;
padding:0 1%;
}
.flex-viewport,
.rcbytag {
width:407px;
}
#newsticker {
display:none;
}
#header {
text-align:center;
}
#header img {
margin:0 auto;
}
.navix.credit .left, .navix.credit .righ {
float: none;
text-align: center;
}
#topmenunav {
right: 5px;
width: auto;
}
}
@media only screen and (max-width:479px) {
#outer-wrapper,
#nav {
width:320px;
}
#footer-wrapper .grid {
width:100%;
}
a.thumbimgx, .thumbimgslide {
padding:3px;
height:110px;
}
.index .post-outer .post,
.archive .post-outer .post {
height:160px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:100px;
height:90px;
}
ul.rcentpost.sliderq a.thumbxtag,
ul.rcentpost.sliderq li:first-child a.thumbxtag {
width:97%;
height:90px;
}
ul.rcentpost.sliderq,
ul.rcentpost.sliderq li {
height:150px;
}
.post-outer.list .post .titlex {
font-size:130%;
}
.separator a, table.tr-caption-container {
float:none !important;
margin:0 auto 15px !important;
}
table.tr-caption-container {
padding:0;
}
.flex-viewport,
.rcbytag {
width:100%;
}
ul.featpost strong.titlex {
max-width:190px;
bottom:95px;
}
ul.featpost .labeltext p {
height:50px;
overflow:hidden;
}
ul.featpost .labeltext .date {
display:none;
}
ul.featpost,
.featuredpost,
ul.featpost li,
a.feathumb {
height:200px;
}
#search-result, .box, .box .antiscroll-inner {
width:272px;
}
#topnav .tgltop {
display: none;
}
}
@media only screen and (max-width:319px) {
#outer-wrapper,
#nav {
width:100%;
}
.index .post-outer,
.archive .post-outer,
ul.rcentpost.sliderq li {
width:100%;
float:none;
}
#search-result, .box, .box .antiscroll-inner {
width:250px;
}
}
]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script class='jshilang' type='text/javascript'>
// Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurrohman modif by MKR
// URL: https://plus.google.com/108949996304093815163/about
//<![CDATA[
var configSummary = {
thumbnailSize: "s180-c", // Define the post thumbnail size
summaryLength: 200, // Define the summary length
slideffect: true, // Define to make image slide
maxImage:5, // Define Maximal Image to image slide
slideSpeed: 3000, // Define Slideshow Speed in milisecond
BackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif' // Backup image if post don't have image
};
//]]>
</script>
</b:if></b:if>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
// Mousewheel v3.0.6 - jQuery Scroll Mouse Wheel
// Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
(function(d){var b=["DOMMouseScroll","mousewheel"];if(d.event.fixHooks){for(var a=b.length;a;){d.event.fixHooks[b[--a]]=d.event.mouseHooks}}d.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var e=b.length;e;){this.addEventListener(b[--e],c,false)}}else{this.onmousewheel=c}},teardown:function(){if(this.removeEventListener){for(var e=b.length;e;){this.removeEventListener(b[--e],c,false)}}else{this.onmousewheel=null}}};d.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}});function c(j){var h=j||window.event,g=[].slice.call(arguments,1),k=0,i=true,f=0,e=0;j=d.event.fix(h);j.type="mousewheel";if(h.wheelDelta){k=h.wheelDelta/120}if(h.detail){k=-h.detail/3}e=k;if(h.axis!==undefined&&h.axis===h.HORIZONTAL_AXIS){e=0;f=-1*k}if(h.wheelDeltaY!==undefined){e=h.wheelDeltaY/120}if(h.wheelDeltaX!==undefined){f=-1*h.wheelDeltaX/120}g.unshift(j,k,f,e);return(d.event.dispatch||d.event.handle).apply(this,g)}})(jQuery);
// jQuery FlexSlider v2.2.0 Copyright 2012 WooThemes Author: Tyler Smith
(function(e){e.flexslider=function(t,n){var r=e(t);r.vars=e.extend({},e.flexslider.defaults,n);var i=r.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,o=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&r.vars.touch,u="click touchend MSPointerUp",a="",f,l=r.vars.direction==="vertical",c=r.vars.reverse,h=r.vars.itemWidth>0,p=r.vars.animation==="fade",d=r.vars.asNavFor!=="",v={},m=!0;e.data(t,"flexslider",r);v={init:function(){r.animating=!1;r.currentSlide=parseInt(r.vars.startAt?r.vars.startAt:0);isNaN(r.currentSlide)&&(r.currentSlide=0);r.animatingTo=r.currentSlide;r.atEnd=r.currentSlide===0||r.currentSlide===r.last;r.containerSelector=r.vars.selector.substr(0,r.vars.selector.search(" "));r.slides=e(r.vars.selector,r);r.container=e(r.containerSelector,r);r.count=r.slides.length;r.syncExists=e(r.vars.sync).length>0;r.vars.animation==="slide"&&(r.vars.animation="swing");r.prop=l?"top":"marginLeft";r.args={};r.manualPause=!1;r.stopped=!1;r.started=!1;r.startTimeout=null;r.transitions=!r.vars.video&&!p&&r.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var n in t)if(e.style[t[n]]!==undefined){r.pfx=t[n].replace("Perspective","").toLowerCase();r.prop="-"+r.pfx+"-transform";return!0}return!1}();r.vars.controlsContainer!==""&&(r.controlsContainer=e(r.vars.controlsContainer).length>0&&e(r.vars.controlsContainer));r.vars.manualControls!==""&&(r.manualControls=e(r.vars.manualControls).length>0&&e(r.vars.manualControls));if(r.vars.randomize){r.slides.sort(function(){return Math.round(Math.random())-.5});r.container.empty().append(r.slides)}r.doMath();r.setup("init");r.vars.controlNav&&v.controlNav.setup();r.vars.directionNav&&v.directionNav.setup();r.vars.keyboard&&(e(r.containerSelector).length===1||r.vars.multipleKeyboard)&&e(document).bind("keyup",function(e){var t=e.keyCode;if(!r.animating&&(t===39||t===37)){var n=t===39?r.getTarget("next"):t===37?r.getTarget("prev"):!1;r.flexAnimate(n,r.vars.pauseOnAction)}});r.vars.mousewheel&&r.bind("mousewheel",function(e,t,n,i){e.preventDefault();var s=t<0?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(s,r.vars.pauseOnAction)});r.vars.pausePlay&&v.pausePlay.setup();r.vars.slideshow&&r.vars.pauseInvisible&&v.pauseInvisible.init();if(r.vars.slideshow){r.vars.pauseOnHover&&r.hover(function(){!r.manualPlay&&!r.manualPause&&r.pause()},function(){!r.manualPause&&!r.manualPlay&&!r.stopped&&r.play()});if(!r.vars.pauseInvisible||!v.pauseInvisible.isHidden())r.vars.initDelay>0?r.startTimeout=setTimeout(r.play,r.vars.initDelay):r.play()}d&&v.asNav.setup();o&&r.vars.touch&&v.touch();(!p||p&&r.vars.smoothHeight)&&e(window).bind("resize orientationchange focus",v.resize);r.find("img").attr("draggable","false");setTimeout(function(){r.vars.start(r)},200)},asNav:{setup:function(){r.asNav=!0;r.animatingTo=Math.floor(r.currentSlide/r.move);r.currentItem=r.currentSlide;r.slides.removeClass(i+"active-slide").eq(r.currentItem).addClass(i+"active-slide");if(!s)r.slides.click(function(t){t.preventDefault();var n=e(this),s=n.index(),o=n.offset().left-e(r).scrollLeft();if(o<=0&&n.hasClass(i+"active-slide"))r.flexAnimate(r.getTarget("prev"),!0);else if(!e(r.vars.asNavFor).data("flexslider").animating&&!n.hasClass(i+"active-slide")){r.direction=r.currentItem<s?"next":"prev";r.flexAnimate(s,r.vars.pauseOnAction,!1,!0,!0)}});else{t._slider=r;r.slides.each(function(){var t=this;t._gesture=new MSGesture;t._gesture.target=t;t.addEventListener("MSPointerDown",function(e){e.preventDefault();e.currentTarget._gesture&&e.currentTarget._gesture.addPointer(e.pointerId)},!1);t.addEventListener("MSGestureTap",function(t){t.preventDefault();var n=e(this),i=n.index();if(!e(r.vars.asNavFor).data("flexslider").animating&&!n.hasClass("active")){r.direction=r.currentItem<i?"next":"prev";r.flexAnimate(i,r.vars.pauseOnAction,!1,!0,!0)}})})}}},controlNav:{setup:function(){r.manualControls?v.controlNav.setupManual():v.controlNav.setupPaging()},setupPaging:function(){var t=r.vars.controlNav==="thumbnails"?"control-thumbs":"control-paging",n=1,s,o;r.controlNavScaffold=e('<ol class="'+i+"control-nav "+i+t+'"></ol>');if(r.pagingCount>1)for(var f=0;f<r.pagingCount;f++){o=r.slides.eq(f);s=r.vars.controlNav==="thumbnails"?'<img src="'+o.attr("data-thumb")+'"/>':"<a>"+n+"</a>";if("thumbnails"===r.vars.controlNav&&!0===r.vars.thumbCaptions){var l=o.attr("data-thumbcaption");""!=l&&undefined!=l&&(s+='<span class="'+i+'caption">'+l+"</span>")}r.controlNavScaffold.append("<li>"+s+"</li>");n++}r.controlsContainer?e(r.controlsContainer).append(r.controlNavScaffold):r.append(r.controlNavScaffold);v.controlNav.set();v.controlNav.active();r.controlNavScaffold.delegate("a, img",u,function(t){t.preventDefault();if(a===""||a===t.type){var n=e(this),s=r.controlNav.index(n);if(!n.hasClass(i+"active")){r.direction=s>r.currentSlide?"next":"prev";r.flexAnimate(s,r.vars.pauseOnAction)}}a===""&&(a=t.type);v.setToClearWatchedEvent()})},setupManual:function(){r.controlNav=r.manualControls;v.controlNav.active();r.controlNav.bind(u,function(t){t.preventDefault();if(a===""||a===t.type){var n=e(this),s=r.controlNav.index(n);if(!n.hasClass(i+"active")){s>r.currentSlide?r.direction="next":r.direction="prev";r.flexAnimate(s,r.vars.pauseOnAction)}}a===""&&(a=t.type);v.setToClearWatchedEvent()})},set:function(){var t=r.vars.controlNav==="thumbnails"?"img":"a";r.controlNav=e("."+i+"control-nav li "+t,r.controlsContainer?r.controlsContainer:r)},active:function(){r.controlNav.removeClass(i+"active").eq(r.animatingTo).addClass(i+"active")},update:function(t,n){r.pagingCount>1&&t==="add"?r.controlNavScaffold.append(e("<li><a>"+r.count+"</a></li>")):r.pagingCount===1?r.controlNavScaffold.find("li").remove():r.controlNav.eq(n).closest("li").remove();v.controlNav.set();r.pagingCount>1&&r.pagingCount!==r.controlNav.length?r.update(n,t):v.controlNav.active()}},directionNav:{setup:function(){var t=e('<ul class="'+i+'direction-nav"><li><a class="'+i+'prev" href="#">'+r.vars.prevText+'</a></li><li><a class="'+i+'next" href="#">'+r.vars.nextText+"</a></li></ul>");if(r.controlsContainer){e(r.controlsContainer).append(t);r.directionNav=e("."+i+"direction-nav li a",r.controlsContainer)}else{r.append(t);r.directionNav=e("."+i+"direction-nav li a",r)}v.directionNav.update();r.directionNav.bind(u,function(t){t.preventDefault();var n;if(a===""||a===t.type){n=e(this).hasClass(i+"next")?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(n,r.vars.pauseOnAction)}a===""&&(a=t.type);v.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";r.pagingCount===1?r.directionNav.addClass(e).attr("tabindex","-1"):r.vars.animationLoop?r.directionNav.removeClass(e).removeAttr("tabindex"):r.animatingTo===0?r.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1"):r.animatingTo===r.last?r.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1"):r.directionNav.removeClass(e).removeAttr("tabindex")}},pausePlay:{setup:function(){var t=e('<div class="'+i+'pauseplay"><a></a></div>');if(r.controlsContainer){r.controlsContainer.append(t);r.pausePlay=e("."+i+"pauseplay a",r.controlsContainer)}else{r.append(t);r.pausePlay=e("."+i+"pauseplay a",r)}v.pausePlay.update(r.vars.slideshow?i+"pause":i+"play");r.pausePlay.bind(u,function(t){t.preventDefault();if(a===""||a===t.type)if(e(this).hasClass(i+"pause")){r.manualPause=!0;r.manualPlay=!1;r.pause()}else{r.manualPause=!1;r.manualPlay=!0;r.play()}a===""&&(a=t.type);v.setToClearWatchedEvent()})},update:function(e){e==="play"?r.pausePlay.removeClass(i+"pause").addClass(i+"play").html(r.vars.playText):r.pausePlay.removeClass(i+"play").addClass(i+"pause").html(r.vars.pauseText)}},touch:function(){var e,n,i,o,u,a,f=!1,d=0,v=0,m=0;if(!s){t.addEventListener("touchstart",g,!1);function g(s){if(r.animating)s.preventDefault();else if(window.navigator.msPointerEnabled||s.touches.length===1){r.pause();o=l?r.h:r.w;a=Number(new Date);d=s.touches[0].pageX;v=s.touches[0].pageY;i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o;e=l?v:d;n=l?d:v;t.addEventListener("touchmove",y,!1);t.addEventListener("touchend",b,!1)}}function y(t){d=t.touches[0].pageX;v=t.touches[0].pageY;u=l?e-v:e-d;f=l?Math.abs(u)<Math.abs(d-n):Math.abs(u)<Math.abs(v-n);var s=500;if(!f||Number(new Date)-a>s){t.preventDefault();if(!p&&r.transitions){r.vars.animationLoop||(u/=r.currentSlide===0&&u<0||r.currentSlide===r.last&&u>0?Math.abs(u)/o+2:1);r.setProps(i+u,"setTouch")}}}function b(s){t.removeEventListener("touchmove",y,!1);if(r.animatingTo===r.currentSlide&&!f&&u!==null){var l=c?-u:u,h=l>0?r.getTarget("next"):r.getTarget("prev");r.canAdvance(h)&&(Number(new Date)-a<550&&Math.abs(l)>50||Math.abs(l)>o/2)?r.flexAnimate(h,r.vars.pauseOnAction):p||r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,!0)}t.removeEventListener("touchend",b,!1);e=null;n=null;u=null;i=null}}else{t.style.msTouchAction="none";t._gesture=new MSGesture;t._gesture.target=t;t.addEventListener("MSPointerDown",w,!1);t._slider=r;t.addEventListener("MSGestureChange",E,!1);t.addEventListener("MSGestureEnd",S,!1);function w(e){e.stopPropagation();if(r.animating)e.preventDefault();else{r.pause();t._gesture.addPointer(e.pointerId);m=0;o=l?r.h:r.w;a=Number(new Date);i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o}}function E(e){e.stopPropagation();var n=e.target._slider;if(!n)return;var r=-e.translationX,s=-e.translationY;m+=l?s:r;u=m;f=l?Math.abs(m)<Math.abs(-r):Math.abs(m)<Math.abs(-s);if(e.detail===e.MSGESTURE_FLAG_INERTIA){setImmediate(function(){t._gesture.stop()});return}if(!f||Number(new Date)-a>500){e.preventDefault();if(!p&&n.transitions){n.vars.animationLoop||(u=m/(n.currentSlide===0&&m<0||n.currentSlide===n.last&&m>0?Math.abs(m)/o+2:1));n.setProps(i+u,"setTouch")}}}function S(t){t.stopPropagation();var r=t.target._slider;if(!r)return;if(r.animatingTo===r.currentSlide&&!f&&u!==null){var s=c?-u:u,l=s>0?r.getTarget("next"):r.getTarget("prev");r.canAdvance(l)&&(Number(new Date)-a<550&&Math.abs(s)>50||Math.abs(s)>o/2)?r.flexAnimate(l,r.vars.pauseOnAction):p||r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,!0)}e=null;n=null;u=null;i=null;m=0}}},resize:function(){if(!r.animating&&r.is(":visible")){h||r.doMath();if(p)v.smoothHeight();else if(h){r.slides.width(r.computedW);r.update(r.pagingCount);r.setProps()}else if(l){r.viewport.height(r.h);r.setProps(r.h,"setTotal")}else{r.vars.smoothHeight&&v.smoothHeight();r.newSlides.width(r.computedW);r.setProps(r.computedW,"setTotal")}}},smoothHeight:function(e){if(!l||p){var t=p?r:r.viewport;e?t.animate({height:r.slides.eq(r.animatingTo).height()},e):t.height(r.slides.eq(r.animatingTo).height())}},sync:function(t){var n=e(r.vars.sync).data("flexslider"),i=r.animatingTo;switch(t){case"animate":n.flexAnimate(i,r.vars.pauseOnAction,!1,!0);break;case"play":!n.playing&&!n.asNav&&n.play();break;case"pause":n.pause()}},pauseInvisible:{visProp:null,init:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t<e.length;t++)e[t]+"Hidden"in document&&(v.pauseInvisible.visProp=e[t]+"Hidden");if(v.pauseInvisible.visProp){var n=v.pauseInvisible.visProp.replace(/[H|h]idden/,"")+"visibilitychange";document.addEventListener(n,function(){v.pauseInvisible.isHidden()?r.startTimeout?clearTimeout(r.startTimeout):r.pause():r.started?r.play():r.vars.initDelay>0?setTimeout(r.play,r.vars.initDelay):r.play()})}},isHidden:function(){return document[v.pauseInvisible.visProp]||!1}},setToClearWatchedEvent:function(){clearTimeout(f);f=setTimeout(function(){a=""},3e3)}};r.flexAnimate=function(t,n,s,u,a){!r.vars.animationLoop&&t!==r.currentSlide&&(r.direction=t>r.currentSlide?"next":"prev");d&&r.pagingCount===1&&(r.direction=r.currentItem<t?"next":"prev");if(!r.animating&&(r.canAdvance(t,a)||s)&&r.is(":visible")){if(d&&u){var f=e(r.vars.asNavFor).data("flexslider");r.atEnd=t===0||t===r.count-1;f.flexAnimate(t,!0,!1,!0,a);r.direction=r.currentItem<t?"next":"prev";f.direction=r.direction;if(Math.ceil((t+1)/r.visible)-1===r.currentSlide||t===0){r.currentItem=t;r.slides.removeClass(i+"active-slide").eq(t).addClass(i+"active-slide");return!1}r.currentItem=t;r.slides.removeClass(i+"active-slide").eq(t).addClass(i+"active-slide");t=Math.floor(t/r.visible)}r.animating=!0;r.animatingTo=t;n&&r.pause();r.vars.before(r);r.syncExists&&!a&&v.sync("animate");r.vars.controlNav&&v.controlNav.active();h||r.slides.removeClass(i+"active-slide").eq(t).addClass(i+"active-slide");r.atEnd=t===0||t===r.last;r.vars.directionNav&&v.directionNav.update();if(t===r.last){r.vars.end(r);r.vars.animationLoop||r.pause()}if(!p){var m=l?r.slides.filter(":first").height():r.computedW,g,y,b;if(h){g=r.vars.itemMargin;b=(r.itemW+g)*r.move*r.animatingTo;y=b>r.limit&&r.visible!==1?r.limit:b}else r.currentSlide===0&&t===r.count-1&&r.vars.animationLoop&&r.direction!=="next"?y=c?(r.count+r.cloneOffset)*m:0:r.currentSlide===r.last&&t===0&&r.vars.animationLoop&&r.direction!=="prev"?y=c?0:(r.count+1)*m:y=c?(r.count-1-t+r.cloneOffset)*m:(t+r.cloneOffset)*m;r.setProps(y,"",r.vars.animationSpeed);if(r.transitions){if(!r.vars.animationLoop||!r.atEnd){r.animating=!1;r.currentSlide=r.animatingTo}r.container.unbind("webkitTransitionEnd transitionend");r.container.bind("webkitTransitionEnd transitionend",function(){r.wrapup(m)})}else r.container.animate(r.args,r.vars.animationSpeed,r.vars.easing,function(){r.wrapup(m)})}else if(!o){r.slides.eq(r.currentSlide).css({zIndex:1}).animate({opacity:0},r.vars.animationSpeed,r.vars.easing);r.slides.eq(t).css({zIndex:2}).animate({opacity:1},r.vars.animationSpeed,r.vars.easing,r.wrapup)}else{r.slides.eq(r.currentSlide).css({opacity:0,zIndex:1});r.slides.eq(t).css({opacity:1,zIndex:2});r.wrapup(m)}r.vars.smoothHeight&&v.smoothHeight(r.vars.animationSpeed)}};r.wrapup=function(e){!p&&!h&&(r.currentSlide===0&&r.animatingTo===r.last&&r.vars.animationLoop?r.setProps(e,"jumpEnd"):r.currentSlide===r.last&&r.animatingTo===0&&r.vars.animationLoop&&r.setProps(e,"jumpStart"));r.animating=!1;r.currentSlide=r.animatingTo;r.vars.after(r)};r.animateSlides=function(){!r.animating&&m&&r.flexAnimate(r.getTarget("next"))};r.pause=function(){clearInterval(r.animatedSlides);r.animatedSlides=null;r.playing=!1;r.vars.pausePlay&&v.pausePlay.update("play");r.syncExists&&v.sync("pause")};r.play=function(){r.playing&&clearInterval(r.animatedSlides);r.animatedSlides=r.animatedSlides||setInterval(r.animateSlides,r.vars.slideshowSpeed);r.started=r.playing=!0;r.vars.pausePlay&&v.pausePlay.update("pause");r.syncExists&&v.sync("play")};r.stop=function(){r.pause();r.stopped=!0};r.canAdvance=function(e,t){var n=d?r.pagingCount-1:r.last;return t?!0:d&&r.currentItem===r.count-1&&e===0&&r.direction==="prev"?!0:d&&r.currentItem===0&&e===r.pagingCount-1&&r.direction!=="next"?!1:e===r.currentSlide&&!d?!1:r.vars.animationLoop?!0:r.atEnd&&r.currentSlide===0&&e===n&&r.direction!=="next"?!1:r.atEnd&&r.currentSlide===n&&e===0&&r.direction==="next"?!1:!0};r.getTarget=function(e){r.direction=e;return e==="next"?r.currentSlide===r.last?0:r.currentSlide+1:r.currentSlide===0?r.last:r.currentSlide-1};r.setProps=function(e,t,n){var i=function(){var n=e?e:(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo,i=function(){if(h)return t==="setTouch"?e:c&&r.animatingTo===r.last?0:c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:r.animatingTo===r.last?r.limit:n;switch(t){case"setTotal":return c?(r.count-1-r.currentSlide+r.cloneOffset)*e:(r.currentSlide+r.cloneOffset)*e;case"setTouch":return c?e:e;case"jumpEnd":return c?e:r.count*e;case"jumpStart":return c?r.count*e:e;default:return e}}();return i*-1+"px"}();if(r.transitions){i=l?"translate3d(0,"+i+",0)":"translate3d("+i+",0,0)";n=n!==undefined?n/1e3+"s":"0s";r.container.css("-"+r.pfx+"-transition-duration",n)}r.args[r.prop]=i;(r.transitions||n===undefined)&&r.container.css(r.args)};r.setup=function(t){if(!p){var n,s;if(t==="init"){r.viewport=e('<div class="'+i+'viewport"></div>').css({overflow:"hidden",position:"relative"}).appendTo(r).append(r.container);r.cloneCount=0;r.cloneOffset=0;if(c){s=e.makeArray(r.slides).reverse();r.slides=e(s);r.container.empty().append(r.slides)}}if(r.vars.animationLoop&&!h){r.cloneCount=2;r.cloneOffset=1;t!=="init"&&r.container.find(".clone").remove();r.container.append(r.slides.first().clone().addClass("clone").attr("aria-hidden","true")).prepend(r.slides.last().clone().addClass("clone").attr("aria-hidden","true"))}r.newSlides=e(r.vars.selector,r);n=c?r.count-1-r.currentSlide+r.cloneOffset:r.currentSlide+r.cloneOffset;if(l&&!h){r.container.height((r.count+r.cloneCount)*200+"%").css("position","absolute").width("100%");setTimeout(function(){r.newSlides.css({display:"block"});r.doMath();r.viewport.height(r.h);r.setProps(n*r.h,"init")},t==="init"?100:0)}else{r.container.width((r.count+r.cloneCount)*200+"%");r.setProps(n*r.computedW,"init");setTimeout(function(){r.doMath();r.newSlides.css({width:r.computedW,"float":"left",display:"block"});r.vars.smoothHeight&&v.smoothHeight()},t==="init"?100:0)}}else{r.slides.css({width:"100%","float":"left",marginRight:"-100%",position:"relative"});t==="init"&&(o?r.slides.css({opacity:0,display:"block",webkitTransition:"opacity "+r.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(r.currentSlide).css({opacity:1,zIndex:2}):r.slides.css({opacity:0,display:"block",zIndex:1}).eq(r.currentSlide).css({zIndex:2}).animate({opacity:1},r.vars.animationSpeed,r.vars.easing));r.vars.smoothHeight&&v.smoothHeight()}h||r.slides.removeClass(i+"active-slide").eq(r.currentSlide).addClass(i+"active-slide")};r.doMath=function(){var e=r.slides.first(),t=r.vars.itemMargin,n=r.vars.minItems,i=r.vars.maxItems;r.w=r.viewport===undefined?r.width():r.viewport.width();r.h=e.height();r.boxPadding=e.outerWidth()-e.width();if(h){r.itemT=r.vars.itemWidth+t;r.minW=n?n*r.itemT:r.w;r.maxW=i?i*r.itemT-t:r.w;r.itemW=r.minW>r.w?(r.w-t*(n-1))/n:r.maxW<r.w?(r.w-t*(i-1))/i:r.vars.itemWidth>r.w?r.w:r.vars.itemWidth;r.visible=Math.floor(r.w/r.itemW);r.move=r.vars.move>0&&r.vars.move<r.visible?r.vars.move:r.visible;r.pagingCount=Math.ceil((r.count-r.visible)/r.move+1);r.last=r.pagingCount-1;r.limit=r.pagingCount===1?0:r.vars.itemWidth>r.w?r.itemW*(r.count-1)+t*(r.count-1):(r.itemW+t)*r.count-r.w-t}else{r.itemW=r.w;r.pagingCount=r.count;r.last=r.count-1}r.computedW=r.itemW-r.boxPadding};r.update=function(e,t){r.doMath();if(!h){e<r.currentSlide?r.currentSlide+=1:e<=r.currentSlide&&e!==0&&(r.currentSlide-=1);r.animatingTo=r.currentSlide}if(r.vars.controlNav&&!r.manualControls)if(t==="add"&&!h||r.pagingCount>r.controlNav.length)v.controlNav.update("add");else if(t==="remove"&&!h||r.pagingCount<r.controlNav.length){if(h&&r.currentSlide>r.last){r.currentSlide-=1;r.animatingTo-=1}v.controlNav.update("remove",r.last)}r.vars.directionNav&&v.directionNav.update()};r.addSlide=function(t,n){var i=e(t);r.count+=1;r.last=r.count-1;l&&c?n!==undefined?r.slides.eq(r.count-n).after(i):r.container.prepend(i):n!==undefined?r.slides.eq(n).before(i):r.container.append(i);r.update(n,"add");r.slides=e(r.vars.selector+":not(.clone)",r);r.setup();r.vars.added(r)};r.removeSlide=function(t){var n=isNaN(t)?r.slides.index(e(t)):t;r.count-=1;r.last=r.count-1;isNaN(t)?e(t,r.slides).remove():l&&c?r.slides.eq(r.last).remove():r.slides.eq(t).remove();r.doMath();r.update(n,"remove");r.slides=e(r.vars.selector+":not(.clone)",r);r.setup();r.vars.removed(r)};v.init()};e(window).blur(function(e){focused=!1}).focus(function(e){focused=!0});e.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:!1,thumbCaptions:!1,pauseOnAction:!0,pauseOnHover:!1,pauseInvisible:!0,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:!0,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){}};e.fn.flexslider=function(t){t===undefined&&(t={});if(typeof t=="object")return this.each(function(){var n=e(this),r=t.selector?t.selector:".slides > li",i=n.find(r);if(i.length===1&&t.allowOneSlide===!0||i.length===0){i.fadeIn(400);t.start&&t.start(n)}else n.data("flexslider")===undefined&&new e.flexslider(this,t)});var n=e(this).data("flexslider");switch(t){case"play":n.play();break;case"pause":n.pause();break;case"stop":n.stop();break;case"next":n.flexAnimate(n.getTarget("next"),!0);break;case"prev":case"previous":n.flexAnimate(n.getTarget("prev"),!0);break;default:typeof t=="number"&&n.flexAnimate(t,!0)}}})(jQuery);
var shuffleArray=function(a){var d=a.length,c,b;if(d===0){return false}while(--d){c=Math.floor(Math.random()*(d+1));b=a[d];a[d]=a[c];a[c]=b}return a};
var getRandomInt=function(b,a){return Math.floor(Math.random()*(a-b+1))+b};
// Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurrohman modif by MKR
// URL: https://plus.google.com/108949996304093815163/about
function createPostSummary(p,o,m){var i,t,x,c,u,g,l="",v=document,n=configSummary,e=v.getElementById(p).value,s=v.getElementById(o),w=m,j=jQuery("#"+p).parents(".post"),k=j.find(".post-title.entry-title a").text();s.innerHTML=e;x=s.getElementsByTagName("img");g=s.getElementsByTagName("iframe");if(x.length===0&&g.length===0){t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+n.BackupImage+'" alt="'+k+'"></a>'}else{if(x.length===0&&g.length>0){c=g[0].src;if(c.indexOf("youtube.com")!=-1||c.indexOf("youtu.be")!=-1){u=c.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+u[2]+'/0.jpg" alt="'+k+'"></a>'}else{t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+n.BackupImage+'" alt="'+k+'"></a>'}}else{if(n.slideffect===true&&x.length>1){var r=(n.maxImage>x.length?x.length:n.maxImage);for(var h=0,q=r;h<q;h++){l+='<li><a title="'+k+'" href="'+w+'"><img alt="'+k+'" src="'+x[h].src.replace(/\/s[0-9]+(\-c)?\//,"/"+n.thumbnailSize+"/")+'"/></a></li>'}t='<div class="thumbimgslide"><div class="slideximg"><ul class="imgslide">'+l+"</ul></div></div>";setTimeout(function(){jQuery("#"+o+" .slideximg").flexslider({animation:"fade",selector:".imgslide > li",slideshowSpeed:n.slideSpeed})},20)}else{t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+x[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+n.thumbnailSize+"/")+'" alt="'+k+'"></a>'}}}i=e.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");s.innerHTML=t+'<strong><a class="titlex" href="'+w+'">'+k+"</a></strong><p>"+i.substring(0,n.summaryLength)+"…</p>"};
// JQuery easing 1.3
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
// hoverIntent r7 // 2013.03.11 // jQuery 1.9.1+
// @author Brian Cherne <brian(at)cherne(dot)net>
(function(a){a.fn.hoverIntent=function(m,d,h){var j={interval:100,sensitivity:7,timeout:0};if(typeof m==="object"){j=a.extend(j,m)}else{if(a.isFunction(d)){j=a.extend(j,{over:m,out:d,selector:h})}else{j=a.extend(j,{over:m,out:m,selector:d})}}var l,k,g,f;var e=function(n){l=n.pageX;k=n.pageY};var c=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);if((Math.abs(g-l)+Math.abs(f-k))<j.sensitivity){a(n).off("mousemove.hoverIntent",e);n.hoverIntent_s=1;return j.over.apply(n,[o])}else{g=l;f=k;n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}};var i=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);n.hoverIntent_s=0;return j.out.apply(n,[o])};var b=function(p){var o=jQuery.extend({},p);var n=this;if(n.hoverIntent_t){n.hoverIntent_t=clearTimeout(n.hoverIntent_t)}if(p.type=="mouseenter"){g=o.pageX;f=o.pageY;a(n).on("mousemove.hoverIntent",e);if(n.hoverIntent_s!=1){n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}}else{a(n).off("mousemove.hoverIntent",e);if(n.hoverIntent_s==1){n.hoverIntent_t=setTimeout(function(){i(o,n)},j.timeout)}}};return this.on({"mouseenter.hoverIntent":b,"mouseleave.hoverIntent":b},j.selector)}})(jQuery);
// Superfish v1.7.2 - jQuery menu widget
// Copyright (c) 2013 Joel Birch
(function(b){var a=(function(){var p={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},f=/iPhone|iPad|iPod/i.test(navigator.userAgent),k=(function(){var c=document.documentElement.style;return("behavior" in c&&"fill" in c&&/iemobile/i.test(navigator.userAgent))})(),d=(function(){if(f){b(window).load(function(){b("body").children().on("click",b.noop)})}})(),m=function(s,t){var c=p.menuClass;if(t.cssArrows){c+=" "+p.menuArrowClass}s.toggleClass(c)},r=function(c,s){return c.find("li."+s.pathClass).slice(0,s.pathLevels).addClass(s.hoverClass+" "+p.bcClass).filter(function(){return(b(this).children("ul").hide().show().length)}).removeClass(s.pathClass)},n=function(c){c.children("a").toggleClass(p.anchorClass)},g=function(c){var s=c.css("ms-touch-action");s=(s==="pan-y")?"auto":"pan-y";c.css("ms-touch-action",s)},j=function(t,u){var c="li:has(ul)";if(b.fn.hoverIntent&&!u.disableHI){t.hoverIntent(l,h,c)}else{t.on("mouseenter.superfish",c,l).on("mouseleave.superfish",c,h)}var s="MSPointerDown.superfish";if(!f){s+=" touchend.superfish"}if(k){s+=" mousedown.superfish"}t.on("focusin.superfish","li",l).on("focusout.superfish","li",h).on(s,"a",i)},i=function(t){var s=b(this),c=s.siblings("ul");if(c.length>0&&c.is(":hidden")){s.one("click.superfish",false);if(t.type==="MSPointerDown"){s.trigger("focus")}else{b.proxy(l,s.parent("li"))()}}},l=function(){var c=b(this),s=o(c);clearTimeout(s.sfTimer);c.siblings().superfish("hide").end().superfish("show")},h=function(){var c=b(this),s=o(c);if(f){b.proxy(q,c,s)()}else{clearTimeout(s.sfTimer);s.sfTimer=setTimeout(b.proxy(q,c,s),s.delay)}},q=function(c){c.retainPath=(b.inArray(this[0],c.$path)>-1);this.superfish("hide");if(!this.parents("."+c.hoverClass).length){c.onIdle.call(e(this));if(c.$path.length){b.proxy(l,c.$path)()}}},e=function(c){return c.closest("."+p.menuClass)},o=function(c){return e(c).data("sf-options")};return{hide:function(s){if(this.length){var v=this,w=o(v);if(!w){return this}var t=(w.retainPath===true)?w.$path:"",c=v.find("li."+w.hoverClass).add(this).not(t).removeClass(w.hoverClass).children("ul"),u=w.speedOut;if(s){c.show();u=0}w.retainPath=false;w.onBeforeHide.call(c);c.stop(true,true).animate(w.animationOut,u,function(){var x=b(this);w.onHide.call(x)})}return this},show:function(){var t=o(this);if(!t){return this}var s=this.addClass(t.hoverClass),c=s.children("ul");t.onBeforeShow.call(c);c.stop(true,true).animate(t.animation,t.speed,function(){t.onShow.call(c)});return this},destroy:function(){return this.each(function(){var s=b(this),t=s.data("sf-options"),c=s.find("li:has(ul)");if(!t){return false}clearTimeout(t.sfTimer);m(s,t);n(c);g(s);s.off(".superfish").off(".hoverIntent");c.children("ul").attr("style",function(u,v){return v.replace(/display[^;]+;?/g,"")});t.$path.removeClass(t.hoverClass+" "+p.bcClass).addClass(t.pathClass);s.find("."+t.hoverClass).removeClass(t.hoverClass);t.onDestroy.call(s);s.removeData("sf-options")})},init:function(c){return this.each(function(){var t=b(this);if(t.data("sf-options")){return false}var u=b.extend({},b.fn.superfish.defaults,c),s=t.find("li:has(ul)");u.$path=r(t,u);t.data("sf-options",u);m(t,u);n(s);g(t);j(t,u);s.not("."+p.bcClass).superfish("hide",true);u.onInit.call(this)})}}})();b.fn.superfish=function(d,c){if(a[d]){return a[d].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof d==="object"||!d){return a.init.apply(this,arguments)}else{return b.error("Method "+d+" does not exist on jQuery.fn.superfish")}}};b.fn.superfish.defaults={hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:true,disableHI:false,onInit:b.noop,onBeforeShow:b.noop,onShow:b.noop,onBeforeHide:b.noop,onHide:b.noop,onIdle:b.noop,onDestroy:b.noop};b.fn.extend({hideSuperfishUl:a.hide,showSuperfishUl:a.show})})(jQuery);
// JQUERY NEWS TICKER by Rhodimus
// http://github.com/rhodimus/jQuery-News-Ticker
(function(a){a.fn.ticker=function(c){var e=a.extend({},a.fn.ticker.defaults,c);if(a(this).length==0){if(window.console&&window.console.log){window.console.log("Element does not exist in DOM!")}else{alert("Element does not exist in DOM!")}return false}var b="#"+a(this).attr("id");var d=a(this).get(0).tagName;return this.each(function(){var g=o();var i={position:0,time:0,distance:0,newsArr:{},play:true,paused:false,contentLoaded:false,dom:{contentID:"#ticker-content-"+g,titleID:"#ticker-title-"+g,titleElem:"#ticker-title-"+g+" SPAN",tickerID:"#ticker-"+g,wrapperID:"#ticker-wrapper-"+g,revealID:"#ticker-swipe-"+g,revealElem:"#ticker-swipe-"+g+" SPAN",controlsID:"#ticker-controls-"+g,prevID:"#prev-"+g,nextID:"#next-"+g,playPauseID:"#play-pause-"+g}};if(d!="UL"&&d!="OL"&&e.htmlFeed===true){q("Cannot use <"+d.toLowerCase()+"> type of element for this plugin - must of type <ul> or <ol>");return false}e.direction=="rtl"?e.direction="right":e.direction="left";f();function l(u){var t=0,s;for(s in u){if(u.hasOwnProperty(s)){t++}}return t}function o(){var s=new Date;return s.getTime()}function q(s){if(e.debugMode){if(window.console&&window.console.log){window.console.log(s)}else{alert(s)}}}function f(){m();a(b).wrap('<div id="'+i.dom.wrapperID.replace("#","")+'"></div>');a(i.dom.wrapperID).children().remove();a(i.dom.wrapperID).append('<div id="'+i.dom.tickerID.replace("#","")+'" class="ticker"><div id="'+i.dom.titleID.replace("#","")+'" class="ticker-title"><span><!-- --></span></div><p id="'+i.dom.contentID.replace("#","")+'" class="ticker-content"></p><div id="'+i.dom.revealID.replace("#","")+'" class="ticker-swipe"><span><!-- --></span></div></div>');a(i.dom.wrapperID).removeClass("no-js").addClass("ticker-wrapper has-js "+e.direction);a(i.dom.tickerElem+","+i.dom.contentID).hide();if(e.controls){a(i.dom.controlsID).live("click mouseover mousedown mouseout mouseup",function(t){var s=t.target.id;if(t.type=="click"){switch(s){case i.dom.prevID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("prev");break;case i.dom.nextID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("next");break;case i.dom.playPauseID.replace("#",""):if(i.play==true){i.paused=true;a(i.dom.playPauseID).addClass("paused");j()}else{i.paused=false;a(i.dom.playPauseID).removeClass("paused");p()}break}}else{if(t.type=="mouseover"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("over")}else{if(t.type=="mousedown"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("down")}else{if(t.type=="mouseup"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("down")}else{if(t.type=="mouseout"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("over")}}}}}});a(i.dom.wrapperID).append('<ul id="'+i.dom.controlsID.replace("#","")+'" class="ticker-controls"><li id="'+i.dom.playPauseID.replace("#","")+'" class="jnt-play-pause controls"><a href=""><!-- --></a></li><li id="'+i.dom.prevID.replace("#","")+'" class="jnt-prev controls"><a href=""><!-- --></a></li><li id="'+i.dom.nextID.replace("#","")+'" class="jnt-next controls"><a href=""><!-- --></a></li></ul>')}if(e.displayType!="fade"){a(i.dom.contentID).mouseover(function(){if(i.paused==false){j()}}).mouseout(function(){if(i.paused==false){p()}})}if(!e.ajaxFeed){r()}}function m(){if(i.contentLoaded==false){if(e.ajaxFeed){if(e.feedType=="xml"){a.ajax({url:e.feedUrl,cache:false,dataType:e.feedType,async:true,success:function(w){count=0;for(var t=0;t<w.childNodes.length;t++){if(w.childNodes[t].nodeName=="rss"){xmlContent=w.childNodes[t]}}for(var u=0;u<xmlContent.childNodes.length;u++){if(xmlContent.childNodes[u].nodeName=="channel"){xmlChannel=xmlContent.childNodes[u]}}for(var s=0;s<xmlChannel.childNodes.length;s++){if(xmlChannel.childNodes[s].nodeName=="item"){xmlItems=xmlChannel.childNodes[s];var z,v=false;for(var A=0;A<xmlItems.childNodes.length;A++){if(xmlItems.childNodes[A].nodeName=="title"){z=xmlItems.childNodes[A].lastChild.nodeValue}else{if(xmlItems.childNodes[A].nodeName=="link"){v=xmlItems.childNodes[A].lastChild.nodeValue}}if((z!==false&&z!="")&&v!==false){i.newsArr["item-"+count]={type:e.titleText,content:'<a href="'+v+'">'+z+"</a>"};count++;z=false;v=false}}}}if(l(i.newsArr<1)){q("Couldn't find any content from the XML feed for the ticker to use!");return false}i.contentLoaded=true;r()}})}else{q("Code Me!")}}else{if(e.htmlFeed){if(a(b+" LI").length>0){a(b+" LI").each(function(s){i.newsArr["item-"+s]={type:e.titleText,content:a(this).html()}})}else{q("Couldn't find HTML any content for the ticker to use!");return false}}else{q("The ticker is set to not use any types of content! Check the settings for the ticker.");return false}}}}function r(){i.contentLoaded=true;a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}distance=a(i.dom.contentID).width();time=distance/e.speed;h()}function h(){a(i.dom.contentID).css("opacity","1");if(i.play){var s=a(i.dom.titleID).width()+20;a(i.dom.revealID).css(e.direction,s+"px");if(e.displayType=="fade"){a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).css(e.direction,s+"px").fadeIn(e.fadeInSpeed,k)})}else{if(e.displayType=="scroll"){}else{a(i.dom.revealElem).show(0,function(){a(i.dom.contentID).css(e.direction,s+"px").show();animationAction=e.direction=="right"?{marginRight:distance+"px"}:{marginLeft:distance+"px"};a(i.dom.revealID).css("margin-"+e.direction,"0px").delay(20).animate(animationAction,time,"linear",k)})}}}else{return false}}function k(){if(i.play){a(i.dom.contentID).delay(e.pauseOnItems).fadeOut(e.fadeOutSpeed);if(e.displayType=="fade"){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})}else{a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})})}}else{a(i.dom.revealElem).hide()}}function j(){i.play=false;a(i.dom.tickerID+","+i.dom.revealID+","+i.dom.titleID+","+i.dom.titleElem+","+i.dom.revealElem+","+i.dom.contentID).stop(true,true);a(i.dom.revealID+","+i.dom.revealElem).hide();a(i.dom.wrapperID).find(i.dom.titleID+","+i.dom.titleElem).show().end().find(i.dom.contentID).show()}function p(){i.play=true;i.paused=false;k()}function n(s){j();switch(s){case"prev":if(i.position==0){i.position=l(i.newsArr)-2}else{if(i.position==1){i.position=l(i.newsArr)-1}else{i.position=i.position-2}}a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break;case"next":a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break}if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}}})};a.fn.ticker.defaults={speed:0.1,ajaxFeed:false,feedUrl:"",feedType:"xml",displayType:"reveal",htmlFeed:true,debugMode:true,controls:true,titleText:"Latest",direction:"ltr",pauseOnItems:3000,fadeInSpeed:600,fadeOutSpeed:300}})(jQuery);
//JS Cookie
function createCookie(c,d,e){if(e){var b=new Date();b.setTime(b.getTime()+(e*24*60*60*1000));var a="; expires="+b.toGMTString()}else{var a=""}document.cookie=c+"="+d+a+"; path=/"}function readCookie(b){var e=b+"=";var a=document.cookie.split(";");for(var d=0;d<a.length;d++){var f=a[d];while(f.charAt(0)==" "){f=f.substring(1,f.length)}if(f.indexOf(e)==0){return f.substring(e.length,f.length)}}return null}function eraseCookie(a){createCookie(a,"",-1)};
//Antiscroll by Guillermo Rauch guillermo@learnboost.com
(function(d){d.fn.antiscroll=function(g){return this.each(function(){if(d(this).data("antiscroll")){d(this).data("antiscroll").destroy()}d(this).data("antiscroll",new d.Antiscroll(this,g))})};d.Antiscroll=a;function a(g,h){this.el=d(g);this.options=h||{};this.x=(false!==this.options.x)||this.options.forceHorizontal;this.y=(false!==this.options.y)||this.options.forceVertical;this.autoHide=false!==this.options.autoHide;this.padding=undefined==this.options.padding?2:this.options.padding;this.inner=this.el.find(".antiscroll-inner");this.inner.css({width:"+="+(this.y?c():0),height:"+="+(this.x?c():0)});this.refresh()}a.prototype.refresh=function(){var h=this.inner.get(0).scrollWidth>this.el.width()+(this.y?c():0),g=this.inner.get(0).scrollHeight>this.el.height()+(this.x?c():0);if(this.x){if(!this.horizontal&&h){this.horizontal=new f.Horizontal(this)}else{if(this.horizontal&&!h){this.horizontal.destroy();this.horizontal=null}else{if(this.horizontal){this.horizontal.update()}}}}if(this.y){if(!this.vertical&&g){this.vertical=new f.Vertical(this)}else{if(this.vertical&&!g){this.vertical.destroy();this.vertical=null}else{if(this.vertical){this.vertical.update()}}}}};a.prototype.destroy=function(){if(this.horizontal){this.horizontal.destroy();this.horizontal=null}if(this.vertical){this.vertical.destroy();this.vertical=null}return this};a.prototype.rebuild=function(){this.destroy();this.inner.attr("style","");a.call(this,this.el,this.options);return this};function f(h){this.pane=h;this.pane.el.append(this.el);this.innerEl=this.pane.inner.get(0);this.dragging=false;this.enter=false;this.shown=false;this.pane.el.mouseenter(d.proxy(this,"mouseenter"));this.pane.el.mouseleave(d.proxy(this,"mouseleave"));this.el.mousedown(d.proxy(this,"mousedown"));this.innerPaneScrollListener=d.proxy(this,"scroll");this.pane.inner.scroll(this.innerPaneScrollListener);this.innerPaneMouseWheelListener=d.proxy(this,"mousewheel");this.pane.inner.bind("mousewheel",this.innerPaneMouseWheelListener);var g=this.pane.options.initialDisplay;if(g!==false){this.show();if(this.pane.autoHide){this.hiding=setTimeout(d.proxy(this,"hide"),parseInt(g,10)||3000)}}}f.prototype.destroy=function(){this.el.remove();this.pane.inner.unbind("scroll",this.innerPaneScrollListener);this.pane.inner.unbind("mousewheel",this.innerPaneMouseWheelListener);return this};f.prototype.mouseenter=function(){this.enter=true;this.show()};f.prototype.mouseleave=function(){this.enter=false;if(!this.dragging){if(this.pane.autoHide){this.hide()}}};f.prototype.scroll=function(){if(!this.shown){this.show();if(!this.enter&&!this.dragging){if(this.pane.autoHide){this.hiding=setTimeout(d.proxy(this,"hide"),1500)}}}this.update()};f.prototype.mousedown=function(i){i.preventDefault();this.dragging=true;this.startPageY=i.pageY-parseInt(this.el.css("top"),10);this.startPageX=i.pageX-parseInt(this.el.css("left"),10);this.el[0].ownerDocument.onselectstart=function(){return false};var j=this.pane,g=d.proxy(this,"mousemove"),h=this;d(this.el[0].ownerDocument).mousemove(g).mouseup(function(){h.dragging=false;this.onselectstart=null;d(this).unbind("mousemove",g);if(!h.enter){h.hide()}})};f.prototype.show=function(g){if(!this.shown&&this.update()){this.el.addClass("antiscroll-scrollbar-shown");if(this.hiding){clearTimeout(this.hiding);this.hiding=null}this.shown=true}};f.prototype.hide=function(){if(this.pane.autoHide!==false&&this.shown){this.el.removeClass("antiscroll-scrollbar-shown");this.shown=false}};f.Horizontal=function(g){this.el=d('<div class="antiscroll-scrollbar antiscroll-scrollbar-horizontal">',g.el);f.call(this,g)};e(f.Horizontal,f);f.Horizontal.prototype.update=function(){var g=this.pane.el.width(),h=g-this.pane.padding*2,i=this.pane.inner.get(0);this.el.css("width",h*g/i.scrollWidth).css("left",h*i.scrollLeft/i.scrollWidth);return g<i.scrollWidth};f.Horizontal.prototype.mousemove=function(i){var g=this.pane.el.width()-this.pane.padding*2,l=i.pageX-this.startPageX,h=this.el.width(),j=this.pane.inner.get(0);var k=Math.min(Math.max(l,0),g-h);j.scrollLeft=(j.scrollWidth-this.pane.el.width())*k/(g-h)};f.Horizontal.prototype.mousewheel=function(h,j,g,i){if((g<0&&0==this.pane.inner.get(0).scrollLeft)||(g>0&&(this.innerEl.scrollLeft+Math.ceil(this.pane.el.width())==this.innerEl.scrollWidth))){h.preventDefault();return false}};f.Vertical=function(g){this.el=d('<div class="antiscroll-scrollbar antiscroll-scrollbar-vertical">',g.el);f.call(this,g)};e(f.Vertical,f);f.Vertical.prototype.update=function(){var h=this.pane.el.height(),i=h-this.pane.padding*2,k=this.innerEl;var l=i*h/k.scrollHeight;l=l<20?20:l;var g=i*k.scrollTop/k.scrollHeight;if((g+l)>i){var j=(g+l)-i;g=g-j-3}this.el.css("height",l).css("top",g);return h<k.scrollHeight};f.Vertical.prototype.mousemove=function(i){var g=this.pane.el.height(),h=g-this.pane.padding*2,m=i.pageY-this.startPageY,k=this.el.height(),j=this.innerEl;var l=Math.min(Math.max(m,0),h-k);j.scrollTop=(j.scrollHeight-g)*l/(h-k)};f.Vertical.prototype.mousewheel=function(h,j,g,i){if((i>0&&0==this.innerEl.scrollTop)||(i<0&&(this.innerEl.scrollTop+Math.ceil(this.pane.el.height())==this.innerEl.scrollHeight))){h.preventDefault();return false}};function e(i,h){function g(){}g.prototype=h.prototype;i.prototype=new g}var b;function c(){if(b===undefined){var i=d('<div class="antiscroll-inner" style="width:50px;height:50px;overflow-y:scroll;position:absolute;top:-200px;left:-200px;"><div style="height:100px;width:100%"></div>');d("body").append(i);var h=d(i).innerWidth();var g=d("div",i).innerWidth();d(i).remove();b=h-g}return b}})(jQuery);
//View Mode by MKR
window.viewMode=(function(){var a=function(d){var f=d||{},b=f.viewmodedefault||"grid",e=f.cookielist||"list",c=f.cookiegrid||"grid";(function(){var g=$(".blog-posts.hfeed").find(".post-outer"),i=$("#view .grid"),j=$("#view .list");function h(){g.addClass("grid").removeClass("list");i.addClass("active");j.removeClass("active");createCookie(c,null,10000);eraseCookie(e);return false}function k(){g.removeClass("grid").addClass("list");i.removeClass("active");j.addClass("active");createCookie(e,null,10000);eraseCookie(c);return false}if(readCookie(e)&&b!="grid"){k();eraseCookie(e)}else{if(readCookie(c)&&b!="grid"){h();eraseCookie(c)}else{if(readCookie(e)){k();eraseCookie(e)}else{if(readCookie(c)){h();eraseCookie(c)}else{if(b!="grid"){k();eraseCookie(e)}else{h();eraseCookie(c)}}}}}i.click(h);j.click(k)})()};return function(b){a(b)}})();
//Digital Time and Date by MKR
function datetime(a){(function(c){var d={months:["January","February","March","April","May","June","July","August","September","October","November","December"],dateplace:"tglxnya",timeplace:"clockx"};d=c.extend({},d,a);var b=new Date();var i=b.getDate();var e=b.getMonth();var f=b.getYear();var g=(f<1000)?f+1900:f;document.getElementById(d.dateplace).innerHTML=d.months[e]+" "+i+", "+g;var h=function(k){if(k<10){k="0"+k}return k};var j=function(){var m="";var k=new Date();var o=k.getHours();var n=k.getMinutes();var l=k.getSeconds();if(o<12){m="AM"}else{m="PM"}if(o==0){o=12}if(o>12){o=o-12}o=h(o);n=h(n);l=h(l);document.getElementById(d.timeplace).innerHTML=o+":"+n+":"+l+" "+m};setInterval(j,500)})(jQuery)};
//Navigation Call by MKR
function menunav(c){c("#mobilenav").click(function(){c("#menunav").slideToggle();c(this).toggleClass("active");return false});c("#topmobilenav").click(function(){c("#topmenunav").slideToggle();c(this).toggleClass("active");return false});c(".sf-menu ul").each(function(){var e=c(this).parent("li");e.append("<i></i>")});var b=function(){var e=c(window).width();if(e>979){c("#menunav").css("display","block");c("#menunav").superfish({animation:{height:"show"},animationOut:{height:"hide"}});c(".sf-menu i").css("display","none")}else{if(e<=979&&c("#mobilenav").attr("class")==="active"){c("#menunav").css("display","block");c("#menunav").superfish("destroy");c(".sf-menu i").css("display","block")}else{if(e<=979&&c("#mobilenav").attr("class")!=="active"){c("#menunav").css("display","none");c("#menunav").superfish("destroy");c(".sf-menu i").css("display","block")}}}};var a=function(){var e=c(window).width();if(e>979){c("#topmenunav").css("display","block");c("#topmenunav").superfish({animation:{height:"show"},animationOut:{height:"hide"}});c(".sf-menu i").css("display","none")}else{if(e<=979&&c("#topmobilenav").attr("class")==="active"){c("#topmenunav").css("display","block");c("#topmenunav").superfish("destroy");c(".sf-menu i").css("display","block")}else{if(e<=979&&c("#topmobilenav").attr("class")!=="active"){c("#topmenunav").css("display","none");c("#topmenunav").superfish("destroy");c(".sf-menu i").css("display","block")}}}};b();a();c(window).resize(b);c(window).resize(a);c(".sf-menu i").click(function(){var e=c(this).parent("li");var f=e.children("ul");f.slideToggle();c(this).toggleClass("active");return false});var d=window.location.href;c("#menunav a, #topmenunav a").each(function(){if(this.href===d){var e=c(this).parents("li").children("a").addClass("current")}})};
//Organic tab by CSStrick
(function(a){a.organicTabs=function(c,b){var d=this;d.$el=a(c);d.$nav=d.$el.find(".navtab");d.init=function(){d.options=a.extend({},a.organicTabs.defaultOptions,b);a(".hide").css({position:"relative",top:0,left:0,display:"none"});d.$nav.delegate("li > a","click",function(){var g=d.$el.find("a.current").attr("href").substring(1),f=a(this),e=f.attr("href").substring(1),h=d.$el.find(".list-tabwrap"),i=h.height();h.height(i);if((e!=g)&&(d.$el.find(":animated").length==0)){d.$el.find("#"+g).fadeOut(d.options.speed,function(){d.$el.find("#"+e).fadeIn(d.options.speed);var j=d.$el.find("#"+e).height();h.animate({height:j});d.$el.find(".navtab li a").removeClass("current");f.addClass("current")})}return false});if(a(".sidebarmd-widget .BlogArchive .toggle").length){a(".sidebarmd-widget .BlogArchive .toggle").click(function(){var h=a(this).parents(".BlogArchive");var g=a(this).parent("li");var e=g.children("ul");var f=function(){var i=h.height();a(".list-tabwrap").animate({height:i})};if(a(this).children().is(".toggle-open")){setTimeout(f,500)}else{if(e.length>0){setTimeout(f,500)}else{setTimeout(f,3000)}}})}};d.init()};a.organicTabs.defaultOptions={speed:300};a.fn.organicTabs=function(b){return this.each(function(){(new a.organicTabs(this,b))})}})(jQuery);
//Date Format by MKR
function datenya(a){(function(b){var c={monthName:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};c=b.extend({},c,a);b(".timestamp-link abbr.published").each(function(){var h,e,f=b(this).attr("title");if(f!=""){var j=f.substring(0,10),k=j.substring(0,4),i=j.substring(5,7),g=j.substring(8,10),d=c.monthName[parseInt(i,10)-1]}h=b(this).parents(".post");e=h.children(".datex");e.removeClass("hidex").addClass("show");b("strong",e).html(g);b("small",e).html(k);b("span",e).html(d)})})(jQuery)};
//Ajax Loadmore by MKR
function loadMorePost(a){(function(d){var i={loadingGif:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-Avk4Md7EjBiu53oAgWhBznKbVgMqRdom2RP-YMIM9gZlIYk_CKcxgi5lkwYYWL9mfz7auuFNHvt0WGJ28-cZSZuJPYEsovBDzQVpmOArGsosj9TZrxhXx_inF8yZwZTLs4ul3oTyJgj/s32/ajax-loader.gif",olderPostsLink:"",loadMoreDiv:null,thumbnailSize:"s180-c",summaryLength:200,postContainerSelector:"div.blog-posts",MoreText:"Load more posts",viewmodedefault:"grid",cookielist:"list",cookiegrid:"grid",monthName:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],slideffect:true,maxImage:5,slideSpeed:5000,BackupImage:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",loading:false};i=d.extend({},i,a);var g=d(window);var f=d(document);var c=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;function b(j){d.getScript("http://"+j+".disqus.com/blogger_index.js")}function e(){if(i.loading){return}i.loading=true;if(!i.olderPostsLink){i.loadMoreDiv.hide();return}i.loadMoreDiv.find("a").hide();i.loadMoreDiv.find("img").show();d.get(i.olderPostsLink,"html").done(function(l){var j=d("<div></div>").append(l.replace(c,""));var k=j.find("a.blog-pager-older-link");if(k){i.olderPostsLink=k.attr("href")}else{i.olderPostsLink="";i.loadMoreDiv.hide()}var m=j.find(i.postContainerSelector).children(".date-outer");m.find(".post-summary").each(function(){var n,B,o,t,u,y,r,C="",q="";B=d(this).parent(".post-body");o=B.children("textarea").val();r=o.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");u=d("<div></div>").append(o.replace(c,""));t=u.find("img");iframex=u.find("iframe");parens=d(this).parents(".post");y=parens.find(".post-title.entry-title a").attr("href");titlex=parens.find(".post-title.entry-title a").text();if(t.length===0&&iframex.length===0){n='<a title="'+titlex+'" class="thumbimgx" href="'+y+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}else{if(t.length===0&&iframex.length>0){var v=iframex[0].src;if(v.indexOf("youtube.com")!=-1||v.indexOf("youtu.be")!=-1){var x=v.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);n='<a class="thumbimgx" title="'+titlex+'" href="'+y+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+x[2]+'/0.jpg" alt="'+titlex+'"/></a>'}else{n='<a class="thumbimgx" title="'+titlex+'" href="'+y+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}}else{if(i.slideffect===true&&t.length>1){var p=(i.maxImage>t.length?t.length:i.maxImage);for(var w=0,A=p;w<A;w++){C+='<li><a title="'+titlex+'" href="'+y+'"><img alt="'+titlex+'" src="'+t[w].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'"/></a></li>'}n='<div class="thumbimgslide"><div class="slideximg"><ul class="imgslide">'+C+"</ul></div></div>";var s=d(this).attr("id");setTimeout(function(){d("#"+s+" .slideximg").flexslider({animation:"fade",selector:".imgslide > li",slideshowSpeed:i.slideSpeed})},20)}else{n='<a class="thumbimgx" title="'+titlex+'" href="'+y+'"><img class="post-thumbnail" src="'+t[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"></a>'}}}q=n+'<strong><a class="titlex" href="'+y+'">'+titlex+"</a></strong><p>"+r.substring(0,i.summaryLength)+"…</p>";d(this).html(q)});d(i.postContainerSelector).append(m);datenya({monthName:i.monthName});viewMode({viewmodedefault:i.viewmodedefault,cookielist:i.cookielist,cookiegrid:i.cookiegrid});if(window._gaq){window._gaq.push(["_trackPageview",i.olderPostsLink])}if(window.gapi&&window.gapi.plusone&&window.gapi.plusone.go){window.gapi.plusone.go()}if(window.disqus_shortname){b(window.disqus_shortname)}if(window.FB&&window.FB.XFBML&&window.FB.XFBML.parse){window.FB.XFBML.parse()}i.loadMoreDiv.find("img").hide();i.loadMoreDiv.find("a").show();i.loading=false});return false}function h(){if(_WidgetManager._GetAllData().blog.pageType=="item"){return}i.olderPostsLink=d("a.blog-pager-older-link").attr("href");if(!i.olderPostsLink){return}var k=d('<a class="loadpost" href="javascript:;">'+i.MoreText+"</a>");k.click(e);var j=d('<img class="imgload" src="'+i.loadingGif+'" style="display: none;">');i.loadMoreDiv=d('<div style="text-align: center; font-size: 120%;"></div>');i.loadMoreDiv.append(k);i.loadMoreDiv.append(j);i.loadMoreDiv.insertBefore(d("#blog-pager"));d("#blog-pager").hide()}f.ready(h)})(jQuery)};
// Ajax Page Navigation by MKR
function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:3,previous:"«",next:"»",loadAjax:true,thumbnailSize:"s180-c",summaryLength:200,viewmodedefault:"grid",cookielist:"list",cookiegrid:"grid",monthName:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],slideffect:true,maxImage:5,slideSpeed:5000,BackupImage:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif"};i=e.extend({},i,a);var g="/";var d=location.href;var k;var l;var j;var f;var m=function(n){var s="";nomerkiri=parseInt(i.numshowpage/2);if(nomerkiri==i.numshowpage-nomerkiri){i.numshowpage=nomerkiri*2+1}mulai=j-nomerkiri;if(mulai<1){mulai=1}maksimal=parseInt(n/i.postperpage)+1;if(maksimal-1==n/i.postperpage){maksimal=maksimal-1}akhir=mulai+i.numshowpage-1;if(akhir>maksimal){akhir=maksimal}var u=parseInt(j)-1;if(j>1){if(j==2){if(l=="page"){s+='<span class="showpage"><a href="'+g+'">'+i.previous+"</a></span>"}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">'+i.previous+"</a></span>"}}else{if(l=="page"){s+='<span class="showpageNum"><a class="xpagex" href="#" alt="'+u+'">'+i.previous+"</a></span>"}else{s+='<span class="showpageNum"><a class="xlabelx" href="#" alt="'+u+'">'+i.previous+"</a></span>"}}}if(mulai>1){if(l=="page"){s+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}if(mulai>2){s+='<span class="dotxpage"> ... </span>'}for(var t=mulai;t<=akhir;t++){if(j==t){s+='<span class="showpagePoint">'+t+"</span>"}else{if(t==1){if(l=="page"){s+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}else{if(l=="page"){s+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+t+'">'+t+"</a></span>"}else{s+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+t+'">'+t+"</a></span>"}}}}if(akhir<maksimal-1){s+='<span class="dotxpage"> ... </span>'}if(akhir<maksimal){if(l=="page"){s+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+maksimal+'">'+maksimal+"</a></span>"}else{s+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+maksimal+'">'+maksimal+"</a></span>"}}var q=parseInt(j)+1;if(j<maksimal){if(l=="page"){s+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+q+'">'+i.next+"</a></span>"}else{s+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+q+'">'+i.next+"</a></span>"}}var r=document.getElementsByName("pageArea");var o=document.getElementById("blog-pager");for(var v=0;v<r.length;v++){r[v].innerHTML=s}if(r&&r.length>0){s=""}if(o){o.innerHTML=s}e("#blog-pager").css("display","block");e("#blog-pager a.xpagex, #blog-pager a.xlabelx").click(function(){if(i.loadAjax){e(".loadingpost").show()}var p=e(this).attr("alt");jsonstart=(p-1)*i.postperpage;k=p;if(l=="page"){e.get(g+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}else{e.get(g+"feeds/posts/summary/-/"+f+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}return false});e(".loadingpost").hide()};var b=function(n){var p=n.feed;var o=parseInt(p.openSearch$totalResults.$t,10);m(o)};var c=function(){var n=d;if(n.indexOf("/search/label/")!=-1){if(n.indexOf("?updated-max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?updated-max"))}else{if(n.indexOf("?&max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?&max"))}else{f=n.substr(n.lastIndexOf("/"))}}}if(n.indexOf("?q=")==-1&&n.indexOf(".html")==-1){if(n.indexOf("/search/label/")==-1){l="page";if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary?max-results=1&alt=json-in-script",b,"jsonp")}else{l="label";if(n.indexOf("&max-results=")==-1){i.postperpage=20}if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary/-/"+f+"?max-results=1&alt=json-in-script",b,"jsonp")}}};c();var h=function(o){post=o.feed.entry[0];var n=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var s=encodeURIComponent(n);if(l=="page"){var p="/search?updated-max="+s+"&max-results="+i.postperpage+"#PageNo="+k}else{var p="/search/label/"+f+"?updated-max="+s+"&max-results="+i.postperpage+"#PageNo="+k}if(!i.loadAjax){location.href=p}else{var r=function(t){e.getScript("http://"+t+".disqus.com/blogger_index.js")};var q=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;e.get(p,"html").done(function(u){var t=e("<div></div>").append(u.replace(q,""));var v=t.find("div.blog-posts").children(".date-outer");v.find(".post-summary").each(function(){var w,K,x,D,E,I,B,L="",A="";K=e(this).parent(".post-body");x=K.children("textarea").val();B=x.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");E=e("<div></div>").append(x.replace(q,""));D=E.find("img");iframex=E.find("iframe");parens=e(this).parents(".post");I=parens.find(".post-title.entry-title a").attr("href");titlex=parens.find(".post-title.entry-title a").text();if(D.length===0&&iframex.length===0){w='<a title="'+titlex+'" class="thumbimgx" href="'+I+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}else{if(D.length===0&&iframex.length>0){var F=iframex[0].src;if(F.indexOf("youtube.com")!=-1||F.indexOf("youtu.be")!=-1){var H=F.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);w='<a class="thumbimgx" title="'+titlex+'" href="'+I+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+H[2]+'/0.jpg" alt="'+titlex+'"/></a>'}else{w='<a class="thumbimgx" title="'+titlex+'" href="'+I+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}}else{if(i.slideffect===true&&D.length>1){var y=(i.maxImage>D.length?D.length:i.maxImage);for(var G=0,J=y;G<J;G++){L+='<li><a title="'+titlex+'" href="'+I+'"><img alt="'+titlex+'" src="'+D[G].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'"/></a></li>'}w='<div class="thumbimgslide"><div class="slideximg"><ul class="imgslide">'+L+"</ul></div></div>";var C=e(this).attr("id");setTimeout(function(){e("#"+C+" .slideximg").flexslider({animation:"fade",selector:".imgslide > li",slideshowSpeed:i.slideSpeed})},20)}else{w='<a class="thumbimgx" title="'+titlex+'" href="'+I+'"><img class="post-thumbnail" src="'+D[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"></a>'}}}A=w+'<strong><a class="titlex" href="'+I+'">'+titlex+"</a></strong><p>"+B.substring(0,i.summaryLength)+"…</p>";e(this).html(A)});e("div.blog-posts").html(v);datenya({monthName:i.monthName});viewMode({viewmodedefault:i.viewmodedefault,cookielist:i.cookielist,cookiegrid:i.cookiegrid});d=p;c();if(window._gaq){window._gaq.push(["_trackPageview",i.olderPostsLink])}if(window.gapi&&window.gapi.plusone&&window.gapi.plusone.go){window.gapi.plusone.go()}if(window.disqus_shortname){r(window.disqus_shortname)}if(window.FB&&window.FB.XFBML&&window.FB.XFBML.parse){window.FB.XFBML.parse()}})}}})(jQuery)};
// Ajax JSON Search box by Taufik url https://plus.google.com/108949996304093815163/about modif by MKR:
function searchxx(a){(function(d){var f={blogURL:"",srcBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",findText:"Search results for keyword",NotfindText:"No result!",Showthumb:true,LoadingText:"Searching...",scrthumbSize:50,summaryLength:100};f=d.extend({},f,a);var b=d("#ajax-search-form"),e=b.find(":text");b.append('<div id="search-result"></div>');var c=d("#search-result");b.on("submit",function(){var g=e.val();c.show().html('<div class="load">'+f.LoadingText+"</div>");d.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?alt=json-in-script&q="+g+"&max-results=9999",function(x){var v=x.feed.entry,s,r,u,t,h,l,n="";if(v!==undefined){n="<h4>"+f.findText+" ""+g+""</h4>";n+='<a class="close" href="/">×</a><div class="box-wrap antiscroll-wrap"><div class="box"><div class="antiscroll-inner"><div class="box-inner"><ol>';for(var p=0,k=v.length;p<k;p++){var m=new RegExp(g,"ig"),u=v[p].title.$t.replace(m,"<mark>"+g+"</mark>");for(var o=0,w=v[p].link.length;o<w;o++){if(v[p].link[o].rel=="alternate"){t=v[p].link[o].href}}s=("content" in v[p]?v[p].content.$t:"summary" in v[p]?v[p].summary.$t:"");h=d("<div></div>").append(s.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,""));l=h.find("img");if("media$thumbnail" in v[p]){r=v[p].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.scrthumbSize+"-c")}else{if(l.length!=0){r=l[0].src}else{r=f.srcBlank}}s=s.replace(/<\S[^>]*>/g,"");if(s.length>f.summaryLength){s=s.substring(0,f.summaryLength)+"..."}s=s.replace(m,"<mark>"+g+"</mark>");n+='<li><a href="'+t+'" >'+(f.Showthumb===true?'<img style="width:'+f.scrthumbSize+"px;height:"+f.scrthumbSize+'px" width="'+f.scrthumbSize+'" height="'+f.scrthumbSize+'" src="'+r+'"/>':"")+"<strong>"+u+"</strong></a>"+(f.summaryLength>0?"<p>"+s+"</p>":"")+"</li>"}n+="</ol></div></div></div></div>";c.html(n);var q=d("#search-result .box-wrap").antiscroll().data("antiscroll");q.refresh()}else{c.html('<a class="close" href="/">×</a><strong>'+f.NotfindText+"</strong>")}},"jsonp");return false});b.on("click",".close",function(){c.fadeOut();return false})})(jQuery)};
//Ajax Recent Post Tag by MKR
(function(a){a.RecentPostbyTag=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.RecentPostbyTag.defaultOptions,b);d.$el.html('<div class="rcbytag '+d.options.postType+'"><ul class="rcentpost"></ul></div>').addClass(d.options.loadingClass);var e=function(F){var I,n,H,w,L,y,K,x,v,B,J,D,G,q="",k=(d.options.Random===true?shuffleArray(F.feed.entry):F.feed.entry);if(k!==undefined){var u=d.$el.find(".recntmore");var g=d.$el.find("ul li");var t=k.length;for(var E=0;E<t;E++){var A=k[E].link.length;for(var C=0;C<A;C++){if(k[E].link[C].rel=="alternate"){I=k[E].link[C].href;break}}for(var z=0;z<A;z++){if(k[E].link[z].rel=="replies"&&k[E].link[z].type=="text/html"){L=k[E].link[z].title.split(" ")[0];break}}H=("content" in k[E])?k[E].content.$t:("summary" in k[E])?k[E].summary.$t:"";var h=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;y=a("<div></div>").append(H.replace(h,""));K=y.find("img");if("media$thumbnail" in k[E]){x=k[E].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+d.options.ImageSize);if(k[E]===k[0]&&d.options.postType!=="s"){x=k[E].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+d.options.FirstImageSize)}else{if(k[E].media$thumbnail.url.indexOf("img.youtube.com")!=-1){x=k[E].media$thumbnail.url.replace("default","0")}}}else{if(K.length!=0){x=K[0].src}else{x=d.options.pBlank}}H=H.replace(/<\S[^>]*>/g,"");if(H.length>d.options.Summarylength){H=H.substring(0,d.options.Summarylength)+"..."}n=k[E].title.$t;G=k[E].published.$t.substring(0,10);v=G.substring(0,4);B=G.substring(5,7);J=G.substring(8,10);D=d.options.MonthNames[parseInt(B,10)-1];q+='<li class="a'+E+'"><div class="inner" ><a title="'+n+'" class="thumbxtag" href="'+I+'"><img src="'+x+'"/></a><strong><a href="'+I+'">'+n+'</a></strong><div class="info">'+(d.options.ShowDate===true?'<span class="date"><span class="dd">'+J+'</span> <span class="dm">'+D+'</span> <span class="dy">'+v+"</span></span>":"")+(d.options.ShowComment===true?'<span class="comnum"><a href="'+I+'#comment-form">'+L+"</a></span>":"")+"</div><p "+(d.options.ShowDesc===false?"":'style="display:block"')+">"+H+"</p></div></li>"+(k[E]===k[0]&&d.options.postType!=="s"&&!g.length?'<div class="recntright"><div class="box-wrap antiscroll-wrap"><div class="box"><div class="antiscroll-inner"><div class="box-inner"><ul>':"")+(k[E]===k[t+1]&&d.options.postType!=="s"&&!g.length?"</ul></div></div></div></div>"+s+"</div>":"")}if(u.length){d.$el.find(".recntright ul").append(q);d.$el.find(".box-wrap").antiscroll().data("antiscroll").refresh()}else{a("ul",d.$el).append(q)}if(d.options.postType==="s"){var r=a(c).parents(".widget");var M=r.children("h2");if(d.options.tagName!=false){M.wrapInner('<a href="/search/label/'+encodeURIComponent(d.options.tagName)+'"/>')}var p,m;var o=d.$el.width();if(o<300){m=1;p=o/m}else{if(o<450){m=2;p=o/m}else{if(o<700){m=3;p=o/m}else{m=4;p=o/m}}}a(".rcbytag",d.$el).flexslider({animation:"slide",selector:".rcentpost > li",animationLoop:true,itemWidth:p,minItems:1,move:m,mousewheel:true,maxItems:4})}else{var s=(d.options.tagName!==false?'<div class="morepostag"><a class="recntmore" title="'+d.options.MoreText+" "+d.options.tagName+'" href="/search/label/'+encodeURIComponent(d.options.tagName)+"?&max-results="+d.options.MoreNumPost+'">'+d.options.MoreText+" "+d.options.tagName+"</a></div>":'<div class="morepostag rect"><a class="recntmore" title="'+d.options.LoadMoreText+'" href="#">'+d.options.LoadMoreText+"</a></div>");if(!u.length){d.$el.find(".recntright").append(s);d.$el.find(".box-wrap").antiscroll().data("antiscroll");if(!d.options.AjaxLoad){a(".morepostag.rect").hide()}}if(g.length+d.options.MaxPost>=F.feed.openSearch$totalResults.$t){d.$el.find(".morepostag").hide()}d.$el.find(".morepostag a.recntmore").removeClass("loadingnya")}d.$el.removeClass(d.options.loadingClass)}else{d.$el.html("<span>No result! Or Error Loading Feed</span>")}};if(d.options.Random===true){a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results=0&orderby=published&alt=json-in-script",function(g){var h=(d.options.MaxPost>g.feed.openSearch$totalResults.$t)?1:getRandomInt(1,(g.feed.openSearch$totalResults.$t-d.options.MaxPost));a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+h+"&alt=json-in-script",e,"jsonp")},"jsonp")}else{var f=a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&alt=json-in-script",e,"jsonp");a.when(f).done(function(){if(d.options.AjaxLoad){d.$el.find(".morepostag a.recntmore").click(function(){d.$el.find(".morepostag a.recntmore").addClass("loadingnya");var h=d.$el.find("ul li");var g=h.length+1;a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+g+"&alt=json-in-script",e,"jsonp");return false})}})}};d.init()};a.RecentPostbyTag.defaultOptions={blogURL:"",MaxPost:5,FirstImageSize:"s220-p",ImageSize:"s80-p",ShowDesc:false,ShowDate:true,ShowComment:true,Random:false,Summarylength:100,MoreText:"View All About",LoadMoreText:"Load More Post",MoreNumPost:6,AjaxLoad:true,postType:"v",loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};a.fn.RecentPostbyTag=function(b){return this.each(function(){(new a.RecentPostbyTag(this,b))})}})(jQuery);
//Emoticon by MKR
window.emoticonx=(function(){var b=function(m){var j=m||{},l=j.emoRange||"#comments p, div.emoWrap",k=j.putEmoAbove||"iframe#comment-editor",h=j.topText||"Click to see the code!",a=j.emoMessage||"To insert emoticon you must added at least one space before the code.";$(k).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>'+h+"</b><br/>"+a+"</div>");var i=function(c,d,e){$(l).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(c," <img style='max-height:24px' src='"+d+"' class='emo delayLoad' alt='"+e+"' />"))})};i(/\s:\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SBvg-r3WI43L6rldH8jYb-kpAz2ewVW3fG3wvrPoU-9WsAV7NiUU6fZWh0OnFaaaVE0AcW9odC9LXC2UaLBikNfGWX_Q9IVHB_dvyeh34yRK_1Cb9113DrzzyXdTJK6A1C2MN_3zfjo/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgljdzhbUwiSaJgez-m3_xE7CnNvQxcZ_St7_cZ8nm6WUK9mcnWBDo9ffG70UTgb33401p6pVOp1zuYKlulyso3zAiYGq2zUxsuET1zeTBql02Im9MOaR0ROexqxaRgoGSthCtaMYpkWPU/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzMGeXxiWBq7dHLOF0DyyQdfkX6py-DElcacU6yURQkKKcQH3wyz8W8KT0D5yJMXxyr85HkC6NQpG0AxXeaX74F0lh1Yy6hKj600GCtIe2jow43ddjseDgk9A04M1dpfwnoCyvvRyXqgo/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZg-3D9sUitMKiW2UvP5UVnXyuLNF7oUPJDgOCCFhuEJHv_0jkwsTJLXjnBpNLUzayi3na5dthUTi0RJ3R41AuNRiKQVwkxz2j-4QC6D6PBtz8MmnS-h5J0rkhc7u2LwTh2QcgR8HEqI/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2cHeCkgaxleebSaQFEjDoW5S4rbacvxWZMmUzBMp2srNuFeEjQuejNmXkcl4mHIaH2kwsPJFpdDA91nsthVoOVEO9kxXkBp8P1lK3qdS8iMtQNe8idjP2LRHe1Z4uR7h8YHmVgSulUA/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbVteqiDIGqlWnvJtdOYxb_JPAgJneB2um_8cbf6s8HkHX9nESZCpoKsQbj50X9LpvbjOGfmAVRVZgReGTg8zAn4h2Ed8oekY8rO4LfupXCrGnV_t3klYcCZ-zfzb18h3t_DZAQs-igU/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ4Prc7f5xFsKoBhgWmJpLoOjRgWVAkgp_6xLcuL1tsNJBCLc-vNZy80IMCHAwj4N7dXWZUwS96iADfykr06u7udPOOg02uO-I0UIDCHlUmaNEoMxpb0LOai_TpmZ6w1D6gYRiCHZq-ps/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAYoOm-KGkQ19cJOgj4KxrjXXB7x_EHXx_nsr7Nb2veoNbe7NMjbvO79l1vdIOre-vbga8hLFQhX5RvvVMIFWYKmgeZeMNj9e67pPpKGfiWd9A96ptiNmV-mijkaXvuzV9jd1nekE1lro/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvK0vqUUkrlbM-yxUL9ku6kKIx7htPUyd2kJKvUbPo9fIX-9tEKMq-tU5dAxyJnVg6mMIKht-M7ycgDqC5uPeSDpitg3sgeebwmZdJ_H7M2V_XjmFF-p4rmVAmsCHvmCAd_bPh8rPIwQ/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtiZJRfLCxQujvFYa_XUFXiNqPoiXarfAnU_QIF6w6-f0shb4e9KDUD-PmVVyMUI-cpBX52fmpqKWaxUxiz8o4dW5QoR9EVX_mntNYi8__ikRV4q0a7wbeUo30F1RokBOdexcZ8SUISrI/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja1MkbsaqxCtw575Wwx3NDk3ZKtBAYzeRO8USpziIjOzlHcWt7BlZ0_ORfEM0bdwNNk9DCCT329fLgQls3vt0GKK9R1hidj10Aig8o3YykR_ottFRj9nk-HYGkHSIfIptQGAMZdKgaDq8/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4DvqorjHaT-riGoaRrd5FA6Iy-Qi_4WnijfCLsqiUUh8gKWqjYHywqxEYWNCsRk-MVtcwkWyjbKdmsuVU9fGHxl8KG2v4psl5GGy-_r65YpzxgSr-pDc-e8XyNoGJApiIExKyFctfzY8/s36/11.gif",":o");i(/\s:>\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxWIPsqOF8d88qKGYGu4k76QCuUXVLXR95EuWfKj878RYjdRII7dGWnYTC1JNQ9bdjll-zYxGocNjdM5ap0yIi8S7CTy6QOjsckraT4GsVfhFVRgJxMGKPltxQvL7e7ELMwmEzlUI7xQ/s36/12.gif",":>)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAcp9IJyTHseB1zVmD0qlOZLI7Tq88rDoSyW5la3QbsPJITEREGvC6CmoZL7owLLlzR1B2GLv1xuGuS8Sc1r2mHhwqVDIczJeehjIYettRgMDQj4GkfMAtJ-_FuWBDRcfuBQN4tC2LWY4/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RAKKogaDNlhOYThYoJZllIyF3ezcg2lfg67GHYq9Y_Ny5Ci8vifadLdS0qoFtrz2PksUV7IcH2hs-BOE3-LEg-G5x_-ZDO3Ob8aKDZDuc8EyMNsJKGMSdTh7-iJ9D1NqNiAhJk-eArk/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi98sIBWTZC01L4qnYpjAeqPdGL0xKszWJRmFYkjJdSq8whQPII7wKLzJ7waqKWsYW5JBL9n9z-koMNvU2gs1sas1P-bfKGKXQEo686ZzuqtulVXG7IWPVpQ2wMzQxS0aRI078ybpkt4tI/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIKcM19FqaOF_1qxJ6WW5kmQXXAz9i0qwoaqw-c4Uzjk1jH4fEr2Nz6VtPATDiJteUA7gOf7FhIc2U0wtkE-JCqqrQcbWbtq9awOqbIAGdFkAiNRhyphenhyphenZiwgi7PcAd6rMlRleTP_o1y_jM/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmjmiteo6JkCQ1LB-6-6J8Yk5DIrp1-fncxKRICFcqnitw9ZacZodcuIwpdh2vRaH41IuaW5g5QjEvtgpsUpzvQdjl3a9huDIV3AlOLrxFprwxZbGmA9mXBzYdjT7_Cz_1WdCNhU93IxU/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6huHbrRM6Pp8H7OG6cCjzh2H-Mn-WD5DqnGrMOst3FEdSAMonzQ9fefE2DxSupXBIVpzOa7wJ1jxGFq3iA-G6diRqFd33icGHK2bdLFBTZ4lhFB3R4tx8gXnq2IBsR-QcGxb2otDmhzg/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik5JkncHWhgzjU6J9fnHaw9DI5a9Hs20UFj5gOOvY5dMpU7qZ0UnWylwYRp1si2xSv9jxu2amQezKEwsZCi9A3mfBeiWnuNB6VFnFR1EWgWYtsbl-DSTQbPS2OSuqBp4eSUWoqGQyYT5w/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZTI8xpqaDvKSXoALK1m_sVsAKQBRs4SuiN4zcwgcE2f0xH6B3l1Hlm2xh8pqQ_qBEY2BgCaqqlz_4UWtn9Ki8dkv9uhVbp8vW4C-iC-ayb4PHODQ2tNminmZw5Mq55O8xNhm1bU6t10/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLzlC_Z__OnFw94E7NET5AF6M_MpV0aKcjS6FjXbJGsBH-Un0FrRcMh-CCHleQuMlakTa0yE6lzUXZIFUlfK0lysyZPF2ks_oqQ4kTTZu9XhI0oE8mTs2dZbwJIt9tZZ-WFJGZ4NCMHmI/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgN_ehP4qIrYzwgw-G1LbIvavZzMR2Z_pepqe0uYv5A0uBEYYZEL1NtY-fX22ikxKgETehIAFnwV8ur4GlK0k7O_a6mjEh-STmA3TVZnE9spKDAuzwK3w5STUdxZemvkY4hOFbDBtqfM4/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEu7d188g1Vj7yW6b_spWGmncJde5_yNJ14COUGhfA_JLPmmoE7vKE413_ewfcVV6zpmZ7y32g_ajWD2dJfFubVpbwzKiPgzBrhyFQDuNFju9XcMCbPTFpecsQyVsyumHkE2ZHlU3oQDY/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOmhww6BIcYvJ-eb__nn9ab4PHN3ZoNFgTiqj2KMGokZC8_Gm2un8ABjIdZeFdtgAR_Q4IcBb4Vk9ihXBwKFH9YE5rOulZ4bAn0H1DG9vA4blX1DInanA4_sD7nnwBFcC7AzJmVBmPo1A/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttshqmfmlMRzvjk07kqcilJ4Mq8zXTHYjuO3Vst_jcHPkUPDK-kts0GfknYF6HJyRm8I_d54VbKiWtYTcWXf_w_AMw8zB1WoVR-HWay4HN_MaY9_IjQ8a5HKn8IF9zjd4_7FyDkrKcPc/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBw7etEiGwkKIBGwCYvMbF4jnNYVzfU62E6cm74hEwnQhG9KjPoGftZOdpUqUzpVqOhSZT1wUE9Nv36A-UKjKW0gt5qGv-4DnZzCmJTqoMpW-Aw2lvhMGScrb-WGocJQEcwvBU9FN4tew/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZegPmvb241BjUfZcRj1Ur2LvJq_Y9nDNjBuspq7qHCWdP8ZewpD_jwLE41hWV96K4kT9tos5LTdF402XgDKcnPO8fAF-MI2w91frM8VqkCr4ax9vppQwlPR4P9MOtoizaXcB53xSVA80/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqO1WPMH0SQiVD9TyP6VKNnN3eE-c39ZcPR1rt0YsSsicZS9rvjIN77aaD636om-LNGycgRbn-vRL_s1jfDVazdod6QsVofmrm_sPQbnbnn3X_K2B-0Jt7xBcA4N5GvZX-MnXcxgdxB4k/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLSeIlnMuz3Q8LmV_oZ_AIBqIOIrzNJk68wzl5efqkVfsn-NkgaJKw6gZWiDVeIZN1mVC_thpjLZ_K6WA87EXnaBlQR2AG6yFFoEVyMpDH4c5EHJy2QzWWjnU9SVVJtXdMAyLw3LACeg/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKMI_KO8jQk0gkMcT4jPQUX2obzPEFxuzA0HZImvUfAWnEHIjnpz51eNneckJhJ-G_G_kheKCCnID0bED2Lt4Nr72VXSAb5WFCmHlPPUZsmYDguy2NjBCZybSm5cviDg6QyEFzKBS3-g8/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhis8Pw1486NMQNgeMcbU_xrCXv1ohsrTZhBW57UCJl029ShDZ76uvtpc8Ww-G3cp5_6hkfR-ZsG3nzBt7QXGy1tkCjka6_AupTSvrAkeOmZdU4T-UXOSllFTf1twpQtBJEIY9Rf7JSsbo/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht-QBfbCoY-baIEJgCQVEIOE6_b4NkULR3pJ1O_Mn5ajhGmCd1t-cApZ42orlxI8-oS4rp49jzlg5J4bNbL_vM5ZxBly78PRdcQvO0UxjE__LUXZLbFdbb03ELY0qzb6-Yadus799zzpA/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").on("click",function(c){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");c.stopPropagation()});$(".emoKey").on("click",function(){$(this).focus().select()});$(document).on("click",function(){$(".emoKey").remove()})};return function(a){b(a)}})();
//Ajax JSON Label by MKR
window.labelnyacx=(function(){var b=function(h){var g=h||{},i=g.url_blog||window.location.host,f=g.id_labelcontent||"#labelxnya";var a;$.get("http://"+i+"/feeds/posts/summary?max-results=0&alt=json-in-script",function(d){var k=d.feed.category,c="";if(k!==undefined){c='<span>+</span><div class="bknslabel"><div class="box-wrap antiscroll-wrap"><div class="box"><div class="antiscroll-inner"><div class="box-inner"><ul class="subnya-xitem">';for(var e=0;e<k.length;e++){c+='<li><a href="/search/label/'+encodeURIComponent(k[e].term)+'">'+k[e].term+"</a></li>"}c+="</ul></div></div></div></div></div>";$(f).html(c);a=$("#labelxnya .box-wrap").antiscroll().data("antiscroll");a.refresh()}else{$(f).html("<span>No Label!</span>")}},"jsonp");$(".xitem1 .liat").click(function(){$("#labelxnya").slideToggle("fast");$(this).toggleClass("active");a.refresh();return false})};return function(a){b(a)}})();
//Ajax JSON NewsTicker by MKR
function NewsTicker(a){(function(b){var c={blogURL:"",MaxPost:10,Speed:0.1,direction:"ltr",titleText:"Latest",displayType:"reveal",Container:"#newsticker",tagName:false,MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};c=b.extend({},c,a);b(c.Container).addClass("loading");b.get((c.blogURL===""?window.location.protocol+"//"+window.location.host:c.blogURL)+"/feeds/posts/summary"+(c.tagName===false?"":"/-/"+c.tagName)+"?max-results="+c.MaxPost+"&orderby=published&alt=json-in-script",function(t){var v,f,l,o,w,p,h,e,s,u,n,g="",d=t.feed.entry;if(d!==undefined){for(var r=0,k=d.length;r<k;r++){for(var q=0,m=d[r].link.length;q<m;q++){if(d[r].link[q].rel=="alternate"){v=d[r].link[q].href}}f=d[r].title.$t;u=d[r].published.$t.substring(0,10);l=u.substring(0,4);o=u.substring(5,7);w=u.substring(8,10);p=c.MonthNames[parseInt(o,10)-1];h=d[r].published.$t.substring(11,16);e=h.substring(0,2);s=h.substring(2,5);n=(e<12?"AM":"PM");if(e===0){e=12}if(e>12){e=e-12}g+='<li class="news-item"><span title="'+p+" "+w+", "+l+'" class="date">'+e+""+s+" "+n+'</span> <a class="title" href="'+v+'">'+f+"</a></li>"}b(c.Container).html('<ul class="js-hidden" id="newstick">'+g+"</ul>").removeClass("loading");b("#newstick").ticker({speed:c.Speed,direction:c.direction,titleText:c.titleText,displayType:c.displayType})}else{b(c.Container).html("<span>No result!</span>").removeClass("loading")}},"jsonp")})(jQuery)};
//Ajax JSON Related Post by MKR
function relatedPostsWidget(a){(function(e){var f={blogURL:"",maxPosts:5,maxTags:5,maxPostsPerTag:5,containerSelector:"#related_posts",tags:null,loadingText:"",loadingClass:"loadingxx",relevantTip:"",ShowComment:true,ShowDate:true,DateFloat:false,ShowDesc:true,rlt_summary:100,relatedTitle:"Related Posts",readMoretext:"Read more »",rlpBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",rlt_thumb:70,recentTitle:"Recent Posts",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],postScoreClass:"",onLoad:false};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="related_posts"></div>');f.containerSelector="#related_posts"}var c=function(A,v){k++;if(A.feed.entry){for(var z=0,o=A.feed.entry.length;z<o;z++){var D,q,H,s,t,G,F,B,p,w,E,y,n=A.feed.entry[z];var n=A.feed.entry[z];for(var x=0,r=n.link.length;x<r;x++){if(n.link[x].rel=="alternate"){D=n.link[x].href;break}}for(var u=0,C=n.link.length;u<C;u++){if(n.link[u].rel=="replies"&&n.link[u].type=="text/html"){G=n.link[u].title.split(" ")[0];break}}q=("content" in n)?n.content.$t:("summary" in n)?n.summary.$t:"";var m=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;t=e("<div></div>").append(q.replace(m,""));F=t.find("img");s=("media$thumbnail" in n)?n.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.rlt_thumb+"-c"):(F.length!=0)?F[0].src:f.rlpBlank;q=q.replace(/<\S[^>]*>/g,"");if(q.length>f.rlt_summary){q=q.substring(0,f.rlt_summary)+"..."}H=n.title.$t;B=n.published.$t.substring(0,10);p=B.substring(0,4);w=B.substring(5,7);E=B.substring(8,10);y=f.MonthNames[parseInt(w,10)-1];if(location.href.toLowerCase()!=D.toLowerCase()){i(D,H,s,q,p,E,y,G)}}}if(k>=f.tags.length){g.attr("class","");e("#related-posts-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(q,u,w,m,y,v,x,z){var r=e("li",g);for(var p=0,l=r.length;p<l;p++){var t=e("a",r.eq(p));var s=j(t);if(t.attr("href")==q){h(t,++s);for(var o=p-1;o>=0;o--){var n=e("a",r.eq(o));if(j(n)>s){if(p-o>1){r.eq(o).after(r.eq(p))}return}}if(p>0){r.eq(0).before(r.eq(p))}return}}g.append('<li><div class="inner"><a class="jdlunya" href="'+q+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'"><span class="gmbrrltd"><img style="width:'+f.rlt_thumb+"px;height:"+f.rlt_thumb+'px;display: block" alt="'+u+'" src="'+w+'"/></span><strong>'+u+'</strong></a><div class="info">'+(f.ShowDate===true?'<span class="date'+(f.DateFloat===true?" floatd":"")+'"><span class="dd">'+v+'</span> <span class="dm">'+x+'</span> <span class="dy">'+y+"</span></span>":"")+(f.ShowComment===true?'<span class="comnum"><a href="'+q+'#comment-form">'+z+"</a></span>":"")+"</div><p "+(f.ShowDesc===true?'style="display:block"':"")+">"+m+'<a title="'+u+'" href="'+q+'">'+f.readMoretext+"</a></p></div></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#related_posts"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="related_posts"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var n=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(n,f.tags)==-1){f.tags[f.tags.length]=n}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h4><span>"+f.recentTitle+"</span></h4>").appendTo(b)}else{if(f.relatedTitle){e("<h4><span>"+f.relatedTitle+"</span></h4>").appendTo(b)}}if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}else{for(var m=0;m<f.tags.length;m++){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default/-/"+f.tags[m]+"?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}}};d()})(jQuery)};
//Ajax JSON Auto Featured Post by MKR
(function(a){a.AutofeaturedPost=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.AutofeaturedPost.defaultOptions,b);d.$el.html('<div class="featuredpost"><ul class="featpost"></ul></div>').addClass(d.options.loadingClass);var e=function(v){var y,h,x,p,A,w,q,n,s,z,k="",g=(d.options.RandompostActive===true?shuffleArray(v.feed.entry):v.feed.entry);for(var u=0,m=g.length;u<m;u++){var o=g[u].link.length;for(var t=0;t<o;t++){if(g[u].link[t].rel=="alternate"){y=g[u].link[t].href;break}}for(var r=0;r<o;r++){if(g[u].link[r].rel=="replies"&&g[u].link[r].type=="text/html"){A=g[u].link[r].title.split(" ")[0];break}}x=("content" in g[u])?g[u].content.$t:("summary" in g[u])?g[u].summary.$t:"";var f=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;newdowm=a("<div></div>").append(x.replace(f,""));imgb=newdowm.find("img");if("media$thumbnail" in g[u]){q=g[u].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+d.options.ImageSize);if(g[u].media$thumbnail.url.indexOf("img.youtube.com")!=-1){q=g[u].media$thumbnail.url.replace("default","0")}}else{if(imgb.length!=0){q=imgb[0].src}else{q=d.options.pBlank}}x=x.replace(/<\S[^>]*>/g,"");if(x.length>d.options.Summarylength){x=x.substring(0,d.options.Summarylength)+"..."}h=g[u].title.$t;w=g[u].published.$t.substring(0,10);n=w.substring(0,4);s=w.substring(5,7);z=w.substring(8,10);nmbln=d.options.MonthNames[parseInt(s,10)-1];k+='<li><div class="inner" ><a title="'+h+'" class="feathumb" href="'+y+'"><img src="'+q+'"/></a><strong class="titlex"><a href="'+y+'">'+h+'</a></strong><div class="labeltext"><div class="infolabel">'+(d.options.ShowDate===true?'<span class="date">'+nmbln+" "+z+", "+n+"</span>":"")+(d.options.ShowComment===true?'<span class="comnum"><a href="'+y+'#comment-form">'+(A==="0"?d.options.NoCommentText:A==="1"?A+" "+d.options.OneCommentText:A+" "+d.options.CommentText)+"</a></span>":"")+"</span></div><p>"+x+"</p></div></div></li>"}d.$el.find("ul.featpost").append(k);d.$el.find(".featuredpost").flexslider({animation:d.options.animation,selector:".featpost > li",animationLoop:true,mousewheel:true,slideshowSpeed:d.options.slideSpeed,before:function(){d.$el.find(".labeltext").stop().animate({left:-600,opacity:0},1000);d.$el.find(".titlex").stop().animate({left:700,opacity:0},1000)},after:function(){d.$el.find(".labeltext").stop().animate({left:0,opacity:1},1000);d.$el.find(".titlex").stop().animate({left:10,opacity:1},1000)}});d.$el.removeClass(d.options.loadingClass)};if(d.options.RandompostActive===true){a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results=0&orderby=published&alt=json-in-script",function(f){var g=(d.options.MaxPost>f.feed.openSearch$totalResults.$t)?1:getRandomInt(1,(f.feed.openSearch$totalResults.$t-d.options.MaxPost));a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+g+"&alt=json-in-script",e,"jsonp")},"jsonp")}else{a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&alt=json-in-script",e,"jsonp")}};d.init()};a.AutofeaturedPost.defaultOptions={blogURL:"",MaxPost:4,ImageSize:500,Summarylength:150,slideSpeed:5000,ShowDate:true,ShowComment:true,animation:"slide",NoCommentText:"No Comment",OneCommentText:"Comment",CommentText:"Comments",RandompostActive:true,loadingClass:"loadingxx",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",tagName:false};a.fn.AutofeaturedPost=function(b){return this.each(function(){(new a.AutofeaturedPost(this,b))})}})(jQuery);
//Scroll Top by MKR
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>250){a("#top").removeAttr("href");a("#top").stop().animate({height:40,opacity:1},{duration:500,queue:false})}else{a("#top").stop().animate({height:0,opacity:0},{duration:500,queue:false})}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
//Ajax JSON Recent Commnet
function RecentComments(a){(function(b){var c={blogURL:"",numComments:4,characters:100,id_containrc:"#rcentcomnets",avatarSize:50,loadingClass:"loadingxx",Showimage:true,defaultAvatar:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGx-i_dFli5zSlhzSgM44r2hxZmC8V3sG-NyzV0izKX5ms3NlLHyOKS8wuoE-sikubvdm-Z1kyhv9sCoblV-HQXuQNkBNkWRuwnUV-T2mK7hXyDoqu4SVwOPnZKyxwi7gs-vBkfryq_AWi/s70/user-anonymous-icon.png",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],maxfeeds:50,adminBlog:""};c=b.extend({},c,a);b(c.id_containrc).addClass(c.loadingClass);b.get((c.blogURL===""?window.location.protocol+"//"+window.location.host:c.blogURL)+"/feeds/comments/default?alt=json-in-script&orderby=published",function(y){var e,d=y.feed.entry;if(d!==undefined){e="<ul class='rcomnetxx'>";ntotal=0;for(var x=0;x<c.maxfeeds;x++){var n,z,C,k,D,j,r;if(x==d.length){break}if(ntotal>=c.numComments){break}var g=d[x];for(var t=0;t<g.link.length;t++){if(g.link[t].rel=="alternate"){n=g.link[t].href}}for(var B=0;B<g.author.length;B++){z=g.author[B].name.$t;C=g.author[B].gd$image.src}if(z!=c.adminBlog&&ntotal<c.numComments){ntotal++;e+="<li>";if(C=="http://img1.blogblog.com/img/blank.gif"){k=c.defaultAvatar}else{k=C.replace(/\/s[0-9]+(\-c|\/)/,"/s"+c.avatarSize+"$1")}j=(g.author[0].uri)?g.author[0].uri.$t:"#nope";e+=(c.Showimage===true?'<a class="kmtimg" href="'+j+'"><img src="'+k+'" title="'+z+'" alt="'+z+'" style="width:'+c.avatarSize+"px;height:"+c.avatarSize+'px;display:block"/></a>':"");var q=n.lastIndexOf("/")+1,s=n.lastIndexOf("."),E=n.split("-").join(" ").substring(q,s)+"...";D=g.published.$t.substring(0,10);var p=D.substring(0,4),u=D.substring(5,7),A=D.substring(8,10),v=c.MonthNames[parseInt(u,10)-1],o=g.published.$t.substring(11,16),h=o.substring(0,2),w=o.substring(2,5);if(h<12){r="AM"}else{r="PM"}if(h===0){h=12}if(h>12){h=h-12}e+='<div class="ketkomt"><a target="_blank" rel="nofollow" href="'+j+'"><strong>'+z+'</strong></a> on <a class="judulx" href="'+n+'">'+E+'</a><div class="date"><span class="dd">'+A+'</span> <span class="dm">'+v+'</span> <span class="dy">'+p+'</span> <span class="timex">'+h+w+" "+r+"</span></div></div>";var m=g.content.$t;var f=m.replace(/(<([^>]+)>)/gi,"");if(f!==""&&f.length>c.characters){f=f.substring(0,c.characters);f+="..."}else{f=f}e+=(c.characters>0?"<p>"+f+"</p>":"");e+="</li>"}}e+="</ul>";b(c.id_containrc).html(e).removeClass(c.loadingClass)}else{b(c.id_containrc).html("<span>No result!</span>").removeClass(c.loadingClass)}},"jsonp")})(jQuery)};
//Manual Featured Post by MKR
function manualfeaturedPost(a){(function(d){var f={slideSpeed:5000,animation:"slide"};f=d.extend({},f,a);var b,e,c;b=d("#main-top-manualslide");e=b.children(".Image");c=e.length;if(c){b.append('<div class="bungkus"><div id="manualslidenya"><div class="featuredpost"><ul class="featpost"></ul></div></div></div>');e.each(function(){var k,j,i,g,h=d(this);k=h.find("h2").text();j=h.find(".widget-content img").attr("src");i=h.find(".widget-content a").attr("href");g=h.find(".caption").text();d("<li/>").append('<div class="inner" ><a title="'+k+'" class="feathumb" href="'+i+'"><img src="'+j+'"/></a><strong class="titlex"><a href="'+i+'">'+k+'</a></strong><div class="labeltext"><p>'+g+"</p></div></div>").appendTo("#main-top-manualslide ul.featpost");d(this).remove()});d("#main-top-manualslide .featuredpost").flexslider({animation:f.animation,selector:".featpost > li",animationLoop:true,mousewheel:true,slideshowSpeed:f.slideSpeed,before:function(){d("#main-top-manualslide").find(".labeltext").stop().animate({left:-600,opacity:0},1000);d("#main-top-manualslide").find(".titlex").stop().animate({left:700,opacity:0},1000)},after:function(){d("#main-top-manualslide").find(".labeltext").stop().animate({left:0,opacity:1},1000);d("#main-top-manualslide").find(".titlex").stop().animate({left:10,opacity:1},1000)}})}})(jQuery)};
//]]>
</script>
</head>
<body expr:class='data:blog.pageType' itemscope='' itemtype='http://schema.org/WebPage'>
<div id='outer-wrapper'>
<div id='topnav'>
<div class='wrapnya'>
<span class='tgltop'>
<span id='tglxnya'/>
<span id='clockx'/>
<script class='jshilang' type='text/javascript'>
datetime();
</script>
</span>
<a href='#' id='topmobilenav'>Menu</a>
<ul class='sf-menu' id='topmenunav'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>More</a>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
</ul>
<ul class='sociico' id='icon-socialmn'>
<li class='sotw'><a href='#' target='_blank'>twitter</a></li>
<li class='sofb'><a href='#' target='_blank'>facebook</a></li>
<li class='sogo'><a href='#' target='_blank'>google</a></li>
<li class='sorss'><a href='#' target='_blank'>rss</a></li>
<li class='solinkn'><a href='#' target='_blank'>linkedin</a></li>
<li class='sodrib'><a href='#' target='_blank'>dribbble</a></li>
<li class='sopint'><a href='#' target='_blank'>pinterest</a></li>
</ul>
</div>
</div>
<header id='header-wrapper'>
<div id='headisi'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Computer Tutor (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:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' 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>
<b:section class='header' id='adstop' maxwidgets='1' showaddelement='yes'/>
</div>
</header>
<nav class='navix' id='nav'>
<div class='wrap'>
<a href='#' id='mobilenav'>Menu</a>
<ul class='sf-menu' id='menunav'>
<li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li><a href='#'>With Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Error 404</a></li>
</ul>
<div id='searchnya'>
<form action='/search' id='ajax-search-form'>
<input name='q' onblur='if (this.value == "") {this.value = "Text to search...";}' onfocus='if (this.value == "Text to search...") {this.value = "";}' type='text' value='Text to search...'/>
<button title='Search' type='submit'>Search</button>
</form>
</div>
</div>
<div class='bgnya'/>
</nav>
<div id='content-wrapper'>
<div id='newsticker'/>
<script class='jshilang' type='text/javascript'>
menunav (jQuery);
NewsTicker();
</script>
<div id='main-atas'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='mainmtop-manualslide'>
<b:section class='sidebar' id='main-top-manualslide' preferred='yes'>
<b:widget id='Label13' locked='true' title='Kategori' type='Label'>
<b:includable id='main'>
Menu : <select class='postform' id='net' name='net' onchange='location=this.options[this.selectedIndex].value;'>
<option>Choose category</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
</b:includable>
</b:widget>
<b:widget id='PlusBadge1' locked='false' title='About Author' type='PlusBadge'>
<b:includable id='main'>
<script type='text/javascript'>
window.___gcfg = {
lang: '<data:language/>'
};
</script>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div data-rel='author' expr:class='"g-" + data:badgeType' expr:data-href='data:profileUrl' expr:data-layout='data:layout' expr:data-showcoverphoto='data:showCoverPhoto' expr:data-showtagline='data:showTagline' expr:data-theme='data:theme' expr:data-width='data:width'>
</div>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Wikipedia1' locked='false' title='Wikipedia' type='Wikipedia'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2> </b:if>
<div class='wikipedia-search-main-container'>
<form class='wikipedia-search-form' expr:id='data:widget.instanceId + "_wikipedia-search-form"' name='wikipedia'>
<div class='wikipedia-searchtable'>
<span>
<a class='wikipedia-search-wiki-link' href='http://wikipedia.org/wiki/' target='_blank'>
<img align='top' class='wikipedia-icon' src='//www.blogger.com/img/widgets/icon_wikipedia_w.png'/>
</a>
</span>
<span class='wikipedia-search-bar'>
<span class='wikipedia-input-box'>
<input class='wikipedia-search-input' expr:id='data:widget.instanceId + "_wikipedia-search-input"' type='text'/>
</span>
<span>
<input class='wikipedia-search-button' type='submit'/>
</span>
</span>
</div>
</form>
<div class='wikipedia-search-results-header' expr:id='data:widget.instanceId + "_wikipedia-search-results-header"'><data:searchResultsMsg/></div>
<div class='wikipedia-search-results' expr:id='data:widget.instanceId + "_wikipedia-search-results"'/>
<nobr>
<div expr:dir='data:blog.languageDirection' expr:id='data:widget.instanceId + "_wikipedia-search-more"'/>
</nobr>
</div>
</b:includable>
</b:widget>
<b:widget id='Text2' locked='false' title='More Text' type='Text'>
<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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList2' locked='false' title='Friends' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='Sample Text' type='Text'>
<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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='TextList1' locked='false' title='Links' type='TextList'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul>
<b:loop values='data:items' var='item'>
<li><data:item/></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PageList21' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label5' 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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label4' 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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Contributors' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label6' 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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://draft.blogger.com/navbar.g?targetBlogID\0753850106802724712542\46blogName\75Computer+Tutor\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75//urdusoftweb.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://urdusoftweb.blogspot.com/\46vt\0752901503261140150163',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'>
<b:includable id='main'>
<b:if cond='data:isPublic'>
<div style='white-space:nowrap'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:loop values='data:feeds' var='feed'>
<div expr:class='"subscribe-wrapper subscribe-type-" + data:feed.type'>
<div expr:class='"subscribe expanded subscribe-type-" + data:feed.type' expr:id='"SW_READER_LIST_" + data:widgetId + data:feed.type' style='display:none;'>
<div class='top'>
<span class='inner' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
<img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
<data:feed.title/>
</span>
<div class='feed-reader-links'>
<a class='feed-reader-link' expr:href='"http://www.google.com/ig/add?source=bstp&feedurl=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-google.png"'/>
</a>
<a class='feed-reader-link' expr:href='"http://www.netvibes.com/subscribe.php?url=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-netvibes.png"'/>
</a>
<a class='feed-reader-link' expr:href='"http://www.newsgator.com/ngs/subscriber/subext.aspx?url=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-newsgator.png"'/>
</a>
<a class='feed-reader-link' expr:href='"http://add.my.yahoo.com/content?url=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-yahoo.png"'/>
</a>
<a class='feed-reader-link' expr:href='data:feed.url' target='_blank'>
<img align='absmiddle' class='feed-icon' expr:src='data:feedIconImg'/>
Atom
</a>
</div>
</div>
<div class='bottom'/>
</div>
<div class='subscribe' expr:id='"SW_READER_LIST_CLOSED_" + data:widgetId +data:feed.type' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
<span expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
<img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
<data:feed.title/>
</span>
</span>
</div>
<div class='bottom'/>
</div>
</div>
</b:loop>
<div style='clear:both'/>
</div>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Followers2' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {'lang': '<data:language/>'};
</script>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='Stats1' locked='false' title='Total Visitors' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div expr:id='data:widget.instanceId + "_content"' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/>
</b:if>
<span expr:class='"counter-wrapper " + (data:showGraphicalCounter ? "graph-counter-wrapper" : "text-counter-wrapper")' expr:id='data:widget.instanceId + "_totalCount"'>
</span>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.disableAdSenseWidget != "true"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='Recent Posts Box 2' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:loop>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML12' locked='false' title='Social' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='More Links' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "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' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML9' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='Blogger templates' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Another Themes' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Become a Fan' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
<div class='widget-content'>
<ul class='menus menu-primary'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li id='currentpage'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts2' locked='false' title='Recent Articles' 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'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML111' locked='true' title='Featured Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='widget-content'><div class='puong'><b:if cond='data:title'><h3><data:title/></h3></b:if><script src='/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script></div></div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<script class='jshilang' type='text/javascript'>
manualfeaturedPost();
</script>
</div>
<div id='mainmtop'>
<b:section class='sidebar' id='main-top' preferred='yes'/>
</div>
</b:if>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != "error_page"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='menu-xitem'>
<div><div class='xitem1'><a class='liat' href='#'><b:if cond='data:blog.url == data:blog.homepageUrl'>
Latest Post
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<data:blog.searchQuery/>
<b:else/>
<b:if cond='data:blog.searchLabel'>
<data:blog.searchLabel/>
</b:if>
</b:if>
</b:if>
</b:if></a>
<div class='hidden' id='labelxnya'/>
</div>
<nav id='view'>
<a class='list' href='#' title='list mode'>List</a>
<a class='grid' href='#' title='grid mode'>Grid</a>
</nav>
</div>
</div>
<script class='jshilang' type='text/javascript'>
labelnyacx();
</script>
</b:if>
</b:if></b:if>
<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:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='breadcrumb'/>
</b:if>
<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:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
<b:if cond='data:blog.pageType == "error_page"'>
<b:include name='error_page_custom'/>
</b:if>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='loadingpost'/>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
datenya();
//]]>
</script>
</b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
»
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
<b:if cond='data:label.isLast != "true"'> » </b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</div>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h4><span>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</span></h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<b:if cond='data:post.numComments != 0'>
<div class='boxcommentnya'>
</b:if>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<div class='commentarea'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.author == data:post.author'><span title='Author' class='author-comment'></span></b:if>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
<a class='datecm' expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<b:include data='comment' name='commentDeleteIcon'/>
</dd>
</div>
</b:loop>
</dl>
<b:if cond='data:post.numComments != 0'>
</div>
</b:if>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='error_page_custom'>
<div class='error-custom'>
<h2>404 Not Found</h2>
<p class='error-body'>We're sorry but we could not find the page you are looking for.<br/>
This may happen if you have entered site url incorrectly or this page doesn't exist anymore.</p>
<p>You can try searching page again or go back to home</p>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = "";}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</div>
</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'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div id='googlePlusComment'>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
</div>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
(function($){
function scrwid() {
var wid = $('#googlePlusComment').width();
$('.cmt_iframe_holder').css('width',wid);
}
$(window).resize(scrwid);
})(jQuery);
//]]>
</script>
</b:if>
</b:includable>
<b:includable id='inline-adsevida'>
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<span>
<data:adCode/>
</span>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- 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'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- 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='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='nextprev-item'>
<div class='blog-pager' id='blog-pager'>
<div class='pager-isi'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><h6>Next</h6><h5><data:newerPageTitle/></h5></a>
<b:else/>
<span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><h6>Previous</h6><h5><data:olderPageTitle/></h5></a>
<b:else/>
<span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
</b:if>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
(function($){
var newerLink = $('a.blog-pager-newer-link');
var olderLink = $('a.blog-pager-older-link');
$.get(newerLink.attr('href'), function (data) {
newerLink.html('<h6>Next</h6><h5>'+$(data).find('.post h1.post-title').text()+'</h5>');
},"html");
$.get(olderLink.attr('href'), function (data2) {
olderLink.html('<h6>Previous</h6><h5>'+$(data2).find('.post h1.post-title').text()+'</h5>');
},"html");
})(jQuery);
//]]>
</script>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<textarea expr:id='"postData-" + data:post.id' style='display:none;'><data:post.body/></textarea>
<div class='post-summary' expr:id='"summaryContainer-" + data:post.id'>
<!-- for non/inactive JavaScript browsers -->
<b:if cond='data:post.thumbnailUrl'>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='72'/></a>
<b:else/>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' height='72' itemprop='image' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif' width='72'/></a>
</b:if>
<strong><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></strong>
<b:if cond='data:post.snippet'>
<p><data:post.snippet/></p>
</b:if>
<!-- end for non/inactive JavaScript browsers -->
</div>
<div class='post-more-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.jumpText + " " + data:post.title'>
<data:post.jumpText/>
</a>
</div> <script>createPostSummary("postData-<data:post.id/>","summaryContainer-<data:post.id/>","<data:post.url/>");</script>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<span class='datex hidex'>
<strong/>
<span/>
<small/>
</span>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<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>
</div>
<div 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 == 0'>No <data:top.commentLabelPlural/><b:else/> <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</div>
<div class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</div>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "archive"'>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
</b:if></b:if>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
</span>
<div 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 update' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</div>
<b:include data='post' name='postQuickEdit'/> <!-- quickedit pencil -->
</div>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</article>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='inline-adsevida'/>
<b:include name='nextprev-item'/>
<b:include name='relatedpost'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='relatedpost'>
<div id='related_posts'/>
<script class='jshilang' type='text/javascript'>
relatedPostsWidget();
</script>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div id='form-wrapper'>
<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%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<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%'/>
</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='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(document.getElementById('form-wrapper'), 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 threaded_commentsnya' id='comments'>
<h4><span>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</span></h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='mainmidatas'>
<b:section class='sidebar' id='middle-atas' preferred='yes'/>
</div>
<div id='mainmidtengah'>
<b:section class='sidebar' id='middle-tengah1' preferred='yes'/>
<b:section class='sidebar' id='middle-tengah2' preferred='yes'/>
</div>
<div id='mainmidbawah'>
<b:section class='sidebar' id='middle-bawah' preferred='yes'/>
</div>
<div id='mainmidtengah2'>
<b:section class='sidebar' id='middle-tengahx1' preferred='yes'/>
<b:section class='sidebar' id='middle-tengahx2' preferred='yes'/>
</div>
<div id='mainmidbawah2'>
<b:section class='sidebar' id='middle-bawah2' preferred='yes'/>
</div>
</b:if>
</div>
<aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>
<div id='sidebar-atas'>
<b:section class='sidebar' id='sidebar-atas1' preferred='yes'/>
</div>
<div id='sidebar-tengah'>
<ul class='navtab'>
<li class='nav-one'><a class='current' href='#populartab'>Populars</a></li>
<li class='nav-two'><a href='#commenttabs'>Comments</a></li>
<li class='nav-three'><a href='#archivetab'>Archive</a></li>
</ul>
<div class='list-tabwrap'>
<div class='sidebarmd-widget' id='populartab'>
<b:section class='sidebar tabct' id='sidebar-popularx1' preferred='yes'/>
</div>
<div class='hide sidebarmd-widget' id='commenttabs'>
<b:section class='sidebar tabct' id='sidebar-commentsx1' preferred='yes'/>
</div>
<div class='hide sidebarmd-widget' id='archivetab'>
<b:section class='sidebar tabct' id='sidebar-archivetab1' preferred='yes'/>
</div>
</div>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
jQuery("#sidebar-tengah").organicTabs();
//]]>
</script>
</div>
<div id='sidebar-bawah'>
<b:section class='sidebar' id='sidebar-bawah1' preferred='yes'/>
</div>
</aside>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
<div class='row'>
<div class='grid left'><b:section class='footer' id='footer1'/>
</div>
<div class='grid left'><b:section class='footer' id='footer2'/>
</div>
<div class='grid left'><b:section class='footer' id='footer3'/>
</div>
<div class='grid left'><b:section class='footer' id='footer4'/>
</div>
</div>
<div class='navix credit'>
<div class='left'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © 2016. All Rights Reserved.</div>
<div class='righ'>Powered by <a href='http://www.smashingdiary.com/' target='_blank'>SmashingDiary</a></div>
</div>
</footer>
<a href='#' id='top' title='Scroll to Top'>Top</a>
</div> <!-- end outer-wrapper -->
<script class='jshilang' type='text/javascript'>
//<![CDATA[
searchxx({
summaryLength:100,
scrthumbSize:50
});
jQuery('.sidebar h2, .footer h2').wrapInner('<span/>');
//]]>
</script>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
viewMode({
viewmodedefault:'list',
cookielist:'list1',
cookiegrid:'grid1'
});
loadMorePost({
viewmodedefault:'list',
cookielist:'list1',
cookiegrid:'grid1',
thumbnailSize:"s180-c",
summaryLength:200,
MoreText:"Load more posts"
});
//]]>
</script>
</b:if></b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
viewMode();
loadMorePost({
thumbnailSize:"s180-c",
summaryLength:200,
MoreText:"Load more posts"
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "error_page"'>
<b:if cond='data:blog.pageType != "archive"'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});
//]]>
</script>
</b:if></b:if></b:if>
<b:include data='blog' name='google-analytics'/>
</body>
<script id='meeoutnya' type='text/javascript'>
//<![CDATA[
jQuery("#meeoutnya, .jshilang").remove();
//]]>
</script>
</HTML>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'><head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<!--[if lt IE 9]>
<script src="http://mkr.googlecode.com/svn/JS/css3-mediaqueries.js"></script>
<![endif]-->
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Sevida
Version: 1.2
- Support Image from third party
- Support Video Thumbnail
Design by : Aamir Saleem Ansari
URL : http://www.smashingdiary.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Body Background Color"
type="color" default="#f7f5f5" value="#f7f5f5"/>
<Variable name="linkcolor" description="Link Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999"/>
<Variable name="imageborder" description="Image Border Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="headingfont" description="Heading Font"
type="font" default="normal normal 100% 'Open Sans', serif ,Sans-serif" value="normal normal 100% 'Open Sans', serif ,Sans-serif"/>
<Variable name="posttitlecolor" description="Post Title Color"
type="color" default="#141414" value="#141414"/>
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right"/>
<Group description="Header Title" selector="#header">
<Variable name="head.font.type" description="Blog Title"
type="font" default="normal normal 35px 'Open Sans', serif ,sans-serif" value="normal normal 35px 'Open Sans', serif ,sans-serif"/>
<Variable name="head.descfont.type" description="Blog Description"
type="font" default="normal normal 12px Verdana, Geneva, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif"/>
<Variable name="head.font.color" description="Blog Title Color"
type="color" default="#333333" value="#333333"/>
<Variable name="head.descfont.color" description="Blog Description Color"
type="color" default="#3D3D3D" value="#3D3D3D"/>
</Group>
<Group description="Top Navigation" selector="#topnav">
<Variable name="topnav.back.color" description="Background Color"
type="color" default="#1A1A1A" value="#1A1A1A"/>
<Variable name="topnav.text.color" description="Text Color"
type="color" default="#E2E2E2" value="#E2E2E2"/>
<Variable name="topnav.select.color" description="Selected Page Background Color"
type="color" default="#007ABE" value="#007ABE"/>
</Group>
<Group description="Middle Navigation 1" selector="#nav">
<Variable name="midnav.back.color" description="Background Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="midnav.shadow.color" description="Shadow Color"
type="color" default="#585858" value="#585858"/>
<Variable name="midnav.select.color" description="Current Link Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="midnav.button.color" description="Responsive Color"
type="color" default="#007ABE" value="#007ABE"/>
</Group>
<Group description="Middle Navigation 2" selector="#nav">
<Variable name="midnav.font.type" description="Font Type"
type="font"
default="normal normal 90% 'Open Sans', serif ,Sans-serif" value="normal normal 90% 'Open Sans', serif ,Sans-serif"/>
<Variable name="midnav.sub.color" description="Sub Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="midnav.subsub.color" description="Sub Sub Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="midnav.link.color" description="Link Color"
type="color" default="#E6E6E6" value="#E6E6E6"/>
</Group>
<Group description="Content Area" selector="#outer-wrapper">
<Variable name="cont.font.type" description="Font Type"
type="font" default="normal normal 12px Verdana, Geneva, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif"/>
<Variable name="cont.back.color" description="Background Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="cont.text.color" description="Text Color"
type="color" default="#333333" value="#333333"/>
<Variable name="cont.shadow.color" description="Area Shadow Color"
type="color" default="#D3D3D3" value="#D3D3D3"/>
</Group>
<Group description="News Ticker" selector="#newsticker">
<Variable name="news.border.color" description="Border Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="news.back.color" description="Latest Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="news.text.color" description="Latest Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Sidebar" selector=".sidebar">
<Variable name="side.border.color" description="Border Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="side.area.color" description="Background Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="side.text.color" description="Text Color"
type="color" default="#666666" value="#666666"/>
</Group>
<Group description="SideBar Tab" selector="ul.navtab">
<Variable name="tab.back.color" description="Tab Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="tab.selet.color" description="Tab Select Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="tab.text.color" description="Tab Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Main Area 1" selector="#main-atas">
<Variable name="main1.headfont.type" description="Heading Font Type"
type="font" default="normal normal 18px 'Open Sans', serif ,sans-serif" value="normal normal 18px 'Open Sans', serif ,sans-serif"/>
<Variable name="main1.postfont.type" description="Post Font Type"
type="font" default="normal normal 13px 'Open Sans', serif ,sans-serif" value="normal normal 13px 'Open Sans', serif ,sans-serif"/>
<Variable name="main1.headfont.color" description="Heading Font Color"
type="color" default="#000000" value="#000000"/>
<Variable name="main1.postfont.color" description="Post Text Color"
type="color" default="#0E0E0E" value="#0E0E0E"/>
</Group>
<Group description="Main Area 2" selector="#main-atas">
<Variable name="main2.date.color" description="Button/Date Title Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="main2.datehover.color" description="Button/Date Hover Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="main2.datetext.color" description="Button/Date Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Back Top Button" selector="#top">
<Variable name="backtop.back.color" description="Background Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="backtop.backhover.color" description="Background Hover Color"
type="color" default="#1D1D1D" value="#1D1D1D"/>
</Group>
<Group description="Footer Area 1" selector="#footer-wrapper">
<Variable name="foot.headfont.type" description="Heading Font Type"
type="font" default="normal normal 14px 'Open Sans', serif ,sans-serif" value="normal normal 14px 'Open Sans', serif ,sans-serif"/>
<Variable name="foot.text.color" description="Text Color"
type="color" default="#CACACA" value="#CACACA"/>
<Variable name="foot.headtext.color" description="Heading Text Color"
type="color" default="#FCFCFC" value="#FCFCFC"/>
</Group>
<Group description="Footer Area 2" selector="#footer-wrapper">
<Variable name="foot2.back.color" description="Background Color"
type="color" default="#2E2E2E" value="#2E2E2E"/>
<Variable name="foot2.bordertop.color" description="Top Border Color"
type="color" default="#007ABE" value="#007ABE"/>
</Group>
<Group description="Search Box" selector="#searchnya">
<Variable name="src.back.color" description="Box Color"
type="color" default="#494949" value="#494949"/>
<Variable name="src.text.color" description="Text Color"
type="color" default="#F0EDED" value="#F0EDED"/>
<Variable name="src.result.color" description="Box Result Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="src.resulttext.color" description="Result Text Color"
type="color" default="#585858" value="#585858"/>
</Group>
<Group description="Comment Area" selector="#comments">
<Variable name="comen.border.color" description="Border Color"
type="color" default="#E9E6E6" value="#E9E6E6"/>
<Variable name="comen.shadow.color" description="Reply Shadow Color"
type="color" default="#CACACA" value="#CACACA"/>
<Variable name="comen.reback.color" description="Reply Background Color"
type="color" default="#FAFAFA" value="#FAFAFA"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="posfoot.border.color" description="Border Top Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="posfoot.back.color" description="Background Color"
type="color" default="#FAFAFA" value="#FAFAFA"/>
</Group>
<Group description="SlideShow" selector="#featpost">
<Variable name="sli.font.type" description="SlideShow Title Font Type"
type="font" default="normal normal 16px 'Open Sans', serif, Sans-serif" value="normal normal 16px 'Open Sans', serif ,sans-serif"/>
<Variable name="sli.text.color" description="Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="sli.back.color" description="Title Bakcground Color"
type="color" default="#007ABE" value="#007ABE"/>
<Variable name="sli.desback.color" description="Description Bakcground Color"
type="color" default="#252525" value="#252525"/>
</Group>
*/
#navbar-iframe {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
/* Use this with templates/template-twocol.html */
body {
background-color:$bgcolor;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjOX7Uz6lktTPjNM4gHmbpZu4KDZyC7hvzrBqhtazhdKADTN_K1kHAPRfQQtYZnvI3WVCbKyYmE9iR0gQvme2rqymsE5JroTfvqcwlFxcNWnNgaN3ejtJR8jGZ7_M2Fxl-_ySN60CH8xE/s1600/bg.png);
margin:0;
padding:0;
color:$(cont.text.color);
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size:/**/small;
text-align:center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:#222;
text-decoration:underline;
}
a img {
border-width:0;
}
body#layout div.list-tabwrap {
padding: 0;
margin: 0;
}
/* Header
-----------------------------------------------
*/
#headisi {
overflow:hidden;
}
#header,
#adstop {
margin:0;
float:$startSide;
width:50%;
}
#adstop {
float:$endSide;
}
#adstop h2,
.index #blog-pager,
.archive #blog-pager {
display:none;
}
#adstop .widget-content {
margin:20px 0 15px;
max-width:470px;
}
#header h1,
#header p {
margin:15px 0 0;
padding:0;
color:$(head.font.color);
font:$(head.font.type);
}
#header a {
color:$(head.font.color);
text-decoration:none;
}
#header a:hover {
color:$(head.font.color);
}
#header .description {
margin:0 0 25px;
padding:0;
text-transform:capitalize;
color:$(head.descfont.color);
font:$(head.descfont.type);
}
#header img {
margin-$startSide:0;
margin-$endSide:auto;
}
/* Navigation
----------------------------------------------- */
/* = Top Nav = */
#topnav {
background:$(topnav.back.color);
padding:0;
height: 29px;
font-size:11px;
position: relative;
}
#topnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
margin:0 auto;
width:98%;
}
#topnav .tgltop {
float:$startSide;
color:$(topnav.text.color);
display:block;
line-height:20px;margin-top: 4px;
}
/* = Middle Nav = */
#nav {
height:50px;
position:relative;
z-index:1;
}
#nav .bgnya {
width:100%;
background-color:$(midnav.back.color);
height:42px;
position:absolute;
z-index:-1;
bottom:0;
left:0;
border-bottom:4px solid $(midnav.select.color);
-moz-box-shadow:0 1px 6px $(midnav.shadow.color);
-webkit-box-shadow:0 1px 6px $(midnav.shadow.color);
box-shadow:0 1px 6px $(midnav.shadow.color);
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:$startSide;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
#menunav > li > a {
font: $(midnav.font.type);
line-height: 50px;
text-transform: uppercase;
font-weight: 600;
height: 50px;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:$startSide;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:50px;
line-height:50px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
background-color:$(midnav.select.color);
text-indent:-9999px;
padding:0;
width:50px;
}
.sf-menu a {
color:$(midnav.link.color);
font-size:11px;
}
#topnav .sf-menu a {
color:$(topnav.select.color);
height: 29px;
line-height: 29px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:$(midnav.sub.color);
margin:1px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#topnav .sf-menu ul li, #topnav .sf-menu ul ul li {
background-color:$(topnav.back.color);
}
.sf-menu ul a {
font-weight:normal;
height:28px;
line-height:28px;
}
#topnav .sf-menu ul a {
height:25px;
line-height:25px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:$(midnav.subsub.color);
margin:0 0 1px 2px;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu > li > a.current {
background-color:$(midnav.select.color);
-moz-transition:none;
-webkit-transition:none;
transition:none;
color:$(midnav.link.color);
}
#topnav .sf-menu li:hover > a,
#topnav .sf-menu li.sfHover > a,
#topnav .sf-menu > li > a.current {
background-color:$(topnav.select.color);
color:$(topnav.text.color);
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.85em;
margin-top:-2px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows .sf-with-ul:after {
border-top-color:$(topnav.select.color);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows > li > .sf-with-ul:focus:after,
#topnav .sf-arrows > li:hover > .sf-with-ul:after,
#topnav .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(topnav.text.color);
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:$(midnav.link.color);
}
#topnav .sf-arrows ul .sf-with-ul:after {
border-left-color:$(topnav.select.color);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color:$(midnav.link.color);
}
#topnav .sf-arrows ul li > .sf-with-ul:focus:after,
#topnav .sf-arrows ul li:hover > .sf-with-ul:after,
#topnav .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:$(topnav.text.color);
}
.sf-menu li > i {
position:absolute;
top: 3px;
right: 3px;
width: 27px;
height: 22px;
cursor:pointer;
display:none;
background-color:$(midnav.select.color);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}
.sf-menu li > i:after {
content: '+';
color: #fff;
font-size: 19px;
position: absolute;
left: 5px;
top: -2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:39px;
top:-14px;
}
#topnav .sf-menu li > i {
width: 23px;
height: 19px;
top: 6px;
}
#topnav .sf-menu li > i:after {
top: -4px;
left: 3px;
}
#topnav .sf-menu li > i.active:after {
top: -13px;
font-size: 31px;
left: 4px;
}
.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.rcentpost .date:before,
.rcentpost .comnum:before,
.morepostag a:before,
#topmobilenav:before,
#mobilenav:before,
#related_posts .date:before,
#related_posts .comnum:before {
position: absolute;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.sf-menu a.home:before, #searchnya button:before, #view a:before, .breadcrumbs .homex:before {
text-indent: 0;
}
.sf-menu a.home:before {
width: 30px;
height: 30px;
}
.sf-menu a.home:before {
content: "\f015";
top: 0;
font-size: 29px;
left: 11px;
color: #FBFBFB;
}
#searchnya button:before {
content: "\f002";
top: 5px;
left: 11px;
color: $(midnav.link.color);
font-size: 18px;
}
#topmobilenav:before, #mobilenav:before {
content: "\f0c9";
top: 3px;
text-indent: 0;
left: 5px;
font-size: 29px;
}
#topmobilenav:before {
font-size: 21px;
top: 1px;
left: 3px;
}
#icon-socialmn {
margin: 0;
float: right;
}
#icon-socialmn li {
float: left;
}
#icon-socialmn a {
display: block;
text-indent: -9999px;
width: 26px;
height: 29px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2v8m8fpAwu3ossePr6qCx9OI4UMeaE4v6CwUNkyXIUHMCqh_x3Zo1Syv0k2Ld2oxLneqRLf1gn0pwgIPzyLOLabMvkXmpWMzgqpNtovWSUSsOjpxuYxVlZKxV7qhkxbyVdtxOY8c3p-dp/h25/team-social-icons.png);
background-repeat: no-repeat;
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;
}
#icon-socialmn .sotw a {
background-position: 1px 2px;
}
#icon-socialmn .sofb a {
background-position: -24px 2px;
}
#icon-socialmn .sogo a {
background-position: -49px 2px;
}
#icon-socialmn .sorss a {
background-position: -74px 2px;
}
#icon-socialmn .solinkn a {
background-position: -99px 2px;
}
#icon-socialmn .sodrib a {
background-position: -125px 2px;
}
#icon-socialmn .sopint a {
background-position: -150px 2px;
}
#icon-socialmn .sotw a:hover {
background-color: #2DAAE1;
}
#icon-socialmn .sofb a:hover {
background-color: #3C5B9B;
}
#icon-socialmn .sogo a:hover {
background-color: #F63E28;
}
#icon-socialmn .sorss a:hover {
background-color: #FA8C27;
}
#icon-socialmn .solinkn a:hover {
background-color: #0173B2;
}
#icon-socialmn .sodrib a:hover {
background-color: #F9538F;
}
#icon-socialmn .sopint a:hover {
background-color: #CB2027;
}
#topmobilenav, #mobilenav {
position: absolute;
width: 35px;
height: 35px;
bottom: 7px;
color: $(midnav.link.color);
text-decoration: none;
text-indent: -9999px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
outline:0;
background-color:$(midnav.button.color);
}
#topmobilenav {
width: 25px;
height: 25px;
bottom: 2px;
color:$(topnav.text.color);
}
#mobilenav.active {
color: $(midnav.back.color);
}
#topmobilenav.active {
color: $(topnav.back.color);
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:$(cont.back.color);
margin:0 auto;
padding:0;
text-align:$startSide;
font:$(cont.font.type);
-moz-box-shadow:0 0 5px $(cont.shadow.color);
-webkit-box-shadow:0 0 5px #$(cont.shadow.color);
box-shadow:0 0 5px $(cont.shadow.color);
}
#outer-wrapper,
#nav {
width:100%;
max-width:1080px;
}
#content-wrapper {
padding:15px 0;
}
#main-atas {
width:66%;
padding:0 1% 0 0.5%;
float:$startSide;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
overflow:hidden; /* fix for long non-text content breaking IE sidebar float */;
}
#sidebar-wrapper {
width:32%;
float:$endSide;
padding:0 0;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
overflow:hidden; /* fix for long non-text content breaking IE sidebar float */;
}
.sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
padding:5px 0;
margin:0 0 5px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiawa3jra4jJ_ZRFWL51kIunP2QtZAYd2VfOzmbpRpNeSKiM2XqgVlXg-9KxqPqvD-_TtD4tiqxIUrKiltV-uVHm52Vei3rYutluXzfP5_HaCfG4DJNvupY0Fmu4a6TUoUNaCbiuRPfW3I/s12/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
overflow:hidden;
font:$(main1.headfont.type);
text-transform:uppercase;
color:$(main1.headfont.color);
font-weight:600;
}
.sidebar .widget > h2 a {
text-decoration:none;
color:$(main1.headfont.color);
}
.sidebar .widget > h2 span,
#related_posts h4 span,
#comments > h4 span {
background-color:$(cont.back.color);
padding:0 5px 0 0;
}
.sidebar .widget-content, #manualslidenya {
padding:5px 10px;
margin:0;
border:1px solid $(side.border.color);
background-color:$(side.area.color);
border-radius:2px;
position:relative;
}
#mainmidtengah,
#mainmidtengah2 {
overflow:hidden;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:50%;
float:$startSide;
}
/* Layout
----------------------------------------------- */
body#layout #sidebar-tengah {
overflow:hidden;
}
body#layout #sidebar-tengah .sidebarmd-widget {
width:33.3%;
float:$startSide;
}
body#layout #icon-socialmn, body#layout ul.navtab {
display:none;
}
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font:$headingfont;
text-transform:none;
margin:0;
}
/* Posts
-----------------------------------------------
*/
.blog-posts.hfeed {
overflow:hidden;
}
.index .post-outer,
.archive .post-outer {
width:33.3%;
float:$startSide;
position:relative;
}
.index .post-outer .post,
.archive .post-outer .post {
margin:0 10px 10px;
height:190px;
position:relative;
z-index:0;
}
a.thumbimgx, .thumbimgslide {
display:block;
border:1px solid $(side.border.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:140px;
padding: 4px;
position:relative;
background-color:$(side.area.color);
}
a.thumbimgx:before,
a.thumbimgx:after,
.thumbimgslide:before,
.thumbimgslide:after,
#feedContainer .inner:before,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:before,
.rcbytag.s ul.rcentpost a.thumbxtag:before,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
a.thumbimgx:after,
.thumbimgslide:after,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
right:5px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
a.thumbimgx img, .slideximg img, ul.imgslide, ul.imgslide li {
height: 100%;
width: 100%;
}
.slideximg {
height: 100%;
overflow: hidden;
}
ul.imgslide, ul.imgslide li {
padding: 0;
margin: 0;
list-style: none;
}
ul.imgslide li {
display: none;
}
ul.imgslide li:first-child {
display: block;
}
.datex {
position:absolute;
z-index:10;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
padding:3px 0;
top:0;
left:15px;
display:block;
text-align:center;
}
.item .datex, .static_page .datex {
z-index: 0;
}
.post:hover .datex.show {
background-color:$(main2.datehover.color);
}
.datex.show strong,
.datex.show span,
.datex.show small {
display:block;
padding:0 2px;
}
.datex.show strong {
font-size:21px;
}
.datex.show span,
.datex.show small {
font-size:9px;
height:12px;
line-height:12px;
}
.post-summary p,
.post-more-link,
.post-footer {
display:none;
}
.post .titlex,
ul.rcentpost li strong a {
text-decoration:none;
font:$(main1.postfont.type);
font-weight:600;
line-height:1.4em;
color:$(main1.postfont.color);
display:block;
margin:5px 0 0;
max-height:36px;
overflow:hidden;
}
.menu-xitem {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiawa3jra4jJ_ZRFWL51kIunP2QtZAYd2VfOzmbpRpNeSKiM2XqgVlXg-9KxqPqvD-_TtD4tiqxIUrKiltV-uVHm52Vei3rYutluXzfP5_HaCfG4DJNvupY0Fmu4a6TUoUNaCbiuRPfW3I/s12/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
height:34px;
margin:0 0 5px;
}
.xitem1,
#view {
float:$startSide;
background-color:$(cont.back.color);
padding:5px;
position:relative;
}
#view {
float:$endSide;
}
.menu-xitem a {
text-decoration:none;
color:$(main1.headfont.color);
}
.xitem1 .liat {
font:$(main1.headfont.type);
text-transform:uppercase;
font-weight:600;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1_LKdwQElBrV1CaRTqIEZ-0GqJDGbRzKEUyjn5jaBFQWEwZZmf_m9HssvU_hyphenhyphen05BCVvV4fCC6YdB8aGKmJEAaiuRiQea127VYOAZvTsBEKUiz16R7tlCknc8aQ0xzNHbpKnSTrbsW20/s1600/ui-select.png);
background-repeat:no-repeat;
background-position:100% 70%;
display:inline-block;
padding-right:20px;
}
.index .post-outer.list,
.archive .post-outer.list {
width:100%;
float:none;
}
.index .post-outer.list .post,
.archive .post-outer.list .post {
height:auto;
margin:0 0 15px;
padding-bottom:10px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:200px;
float:$startSide;
margin:0 10px 0 5px;
}
.post-outer.list .post .titlex {
font-size:150%;
max-height:200px;
margin:0;
overflow:visible;
}
.post-outer.list .post-summary p {
display:block;
margin:10px 0 0;
}
.post-outer.list .post-more-link {
display:block;
position:absolute;
bottom:0;
float:$endSide;
right:0;
}
.post-outer.list .post-more-link a {
display:block;
text-decoration:none;
padding:4px 8px;
font-size:90%;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
}
.post-outer.list .post-more-link a:hover {
background-color:$(main2.datehover.color);
}
.post-body .left {
float:$startSide;
margin:0 5px 5px 0;
}
.post-body .right {
float:$endSide;
margin:0 0 5px 5px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.post-body .left span, .post-body .right span, .post-body .center span {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}
.post-body blockquote {
padding-left:40px;
margin:20px;
font-size:110%;
line-height:1.6em;
color:#777;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeCpd5caT-KZ9xN3hQbCQ0FOLSpOvcp85pkr7td1pLQWvNHGsPUV8dwOVaA-nEneVHFo14s0AV2x8kQURfomC2tw4HRDBYBTg9Z97L5fJ5OnXNjBQX6wRlU3x_QufQbQSXWIxQ5rnTXA9I/s1600/quotation-l.png) no-repeat left 5px;
}
.item .post-body img,
.static_page .post-body img {
padding:4px;
border:1px solid $imageborder;
}
.post-body h1 {
font-size:180%;
}
.post-body h2 {
font-size:160%;
}
.post-body h3 {
font-size:140%;
}
.post-body h4 {
font-size:130%;
}
.post-body h5 {
font-size:120%;
}
.post-body h6 {
font-size:110%;
}
.item .post,
.static_page .post,
.comments .comments-content,
#related_posts ul,
.boxcommentnya,
.error-custom,
.breadcrumbs,
#main-wrapper .inline-ad {
padding:10px;
border:1px solid $(side.border.color);
position:relative;
margin:0 0 10px;
background-color:$(side.area.color);
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.breadcrumbs {
padding:5px 10px;
margin:0 0 5px;
}
.error-custom {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimljWWBEB-GxWdps1-40KTN9n3mRT8cfSTDEnkZj6UMDg6e83mq0GaLIw09V9THvnMBIUawTA8cHFEcWJD3W71ENvZ40Yg-YTBiNG079Hjrg0DyfE_Q-xdozAaSyXl3iegLSSwbplL8pY/s500/Abstract+Floral+Vector+Illustration.png);
background-repeat:no-repeat;
background-position:right bottom;
padding-bottom:220px;
line-height:1.5em;
}
.post h1.post-title,
.post h2.post-title,
.error-custom h2 {
font-size:155%;
font-weight:600;
border-bottom:1px solid $(side.border.color);
padding:0 0 5px 50px;
color:$posttitlecolor;
margin-bottom:15px;
}
.post h2.post-title,
.error-custom h2 {
padding-left:0;
}
.post h1.post-title a,
.post h2.post-title a {
text-decoration:none;
display:block;
color:$posttitlecolor;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body iframe {
max-width: 100%;
}
.item .post-footer,
.static_page .post-footer {
display:block;
border-top:1px solid $(posfoot.border.color);
padding:8px;
margin:0 -10px -10px;
background-color:$(posfoot.back.color);
}
.item .post-body img,
.static_page .post-body img {
max-width:95%;
}
.post-timestamp {
display:none;
}
.post-author.vcard,
.post-labels {
margin-bottom:5px;
}
.tr-caption-container img {
border:none;
padding:0;
}
.post-footer .item-control.blog-admin.pid-1748668997 {
float:$endSide;
}
.post blockquote p {
margin:.75em 0;
}
.index .post h2.post-title,
.archive .post h2.post-title,
#topmobilenav,
#mobilenav,
#topmenunya h2 {
display:none;
}
.pager-isi {
overflow:hidden;
}
.pager-isi a,
.pager-isi .linkgrey {
width:50%;
display:block;
float:$startSide;
padding:10px 0;
font-size:120%;
text-decoration:none;
}
.pager-isi h6 {
color:#2C2C2C;
font-size:100%;
}
.pager-isi h5 {
font-size:90%;
}
a.blog-pager-newer-link {
text-align:left;
position:relative;
}
a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
padding-left:20px;
}
a.blog-pager-older-link {
text-align:right;
position:relative;
}
a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
padding-right:20px;
}
.pager-isi .linkgrey.left {
text-align:left;
}
.pager-isi .linkgrey.right {
text-align:right;
}
a.blog-pager-newer-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent #777676 transparent transparent;
position:absolute;
top:50%;
left:0;
margin-top:-8px;
}
a.blog-pager-older-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent transparent transparent #777676;
position:absolute;
top:50%;
right:0;
margin-top:-8px;
}
#main-wrapper .inline-ad {
text-align: center;
padding: 10px 0;
overflow: hidden;
}
.feed-links,
.error_page #blog-pager {
display:none;
}
/* Related Post
----------------------------------------------- */
#related_posts {
color:$(side.text.color);
}
#related_posts ul {
overflow:hidden;
list-style:none;
}
#related_posts li {
list-style:none;
float:$startSide;
position:relative;
width:50%;
padding:0;
min-height:120px;
margin:0 0 8px;
}
#related_posts .inner {
padding: 5px 3px;
}
#related_posts .gmbrrltd {
float:$startSide;
margin:0 5px 0 0;
padding:3px;
border:1px solid $imageborder;
width:70px;
height:70px;
display:block;
}
#related_posts a:hover {
text-decoration: none;
}
#related_posts strong {
line-height: 1.4em;
overflow: hidden;
max-height: 30px;
margin-bottom: 5px;
display: block;
}
#related_posts p {
margin:5px 0 0;
line-height:1.5em;
display:none;
}
#related_posts .date.floatd:before {display:none;}
#related_posts .date.floatd {
position:absolute;
top:0;
left:15px;
color:$(main2.datetext.color);
display:block;
background-color:$(main2.date.color);
text-align:center;
padding:4px 2px;
}
#related_posts li:hover .date.floatd {
background-color:$(main2.datehover.color);
}
#related_posts .date.floatd span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
#related_posts .date.floatd span.dd {
font-size:18px;
line-height:17px;
height:17px;
font-weight:bold;
}
/* Comments
----------------------------------------------- */
.comment-form {
max-width:100%;
padding:10px;
border:1px solid #C0C0C0;
margin:0 0 10px;
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.comments.threaded_commentsnya .comment-form {
display:none;
}
.comments .continue a,
.comments .comments-content .comment-thread ol .comment-replybox-thread {
-moz-box-shadow:inset 0 1px 5px $(comen.shadow.color);
-webkit-box-shadow:inset 0 1px 5px $(comen.shadow.color);
box-shadow:inset 0 1px 5px $(comen.shadow.color);
background-color:$(comen.reback.color);
}
.comments .comments-content .comment-thread ol .comment-replybox-thread #form-wrapper {
padding:5px 10px;
}
.comments .comments-content .comment-thread ol {
margin:0;
}
.comments .comments-content .inline-thread {
border:1px solid $(comen.border.color);
border-left:2px solid $(main2.date.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.comments .comments-content .comment:first-child {
padding-top:0;
}
.comments .comments-content .inline-thread .comment:first-child {
padding-top:12px;
}
.comments .comments-content .icon.blog-author,
.commentarea .author-comment {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigOS6H_WT__Nbu54Ccw7xsY20oVw31XzrJg_va-KLINg3JUVuS3DbEtw9r05CVtWMpIj7Zbs0ePpZ3mDfNDR3b2SI3H0I9Qo6nbzc8vnSUA0v_TRETe7XFaKnVdhbsBZtZKJAohDHSOmg/s17/48_edit.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
#comments-block .avatar-image-container img {
width:35px;
height:35px;
display:block;
}
#comments-block .avatar-image-container.avatar-stock img {
border-width:0;
padding:1px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGx-i_dFli5zSlhzSgM44r2hxZmC8V3sG-NyzV0izKX5ms3NlLHyOKS8wuoE-sikubvdm-Z1kyhv9sCoblV-HQXuQNkBNkWRuwnUV-T2mK7hXyDoqu4SVwOPnZKyxwi7gs-vBkfryq_AWi/s37/user-anonymous-icon.png);
}
.comments .comments-content .comment-content {
text-align:justify;
line-height:1.6em;
}
#comments-block.avatar-comment-indent dd.comment-body p {
margin:0;
line-height:1.6em;
}
#comments-block .avatar-image-container {
top:0;
}
.commentarea {
padding:8px;
border:1px solid $(comen.border.color);
border-left:2px solid $(main2.date.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:0 0 15px;
position:relative;
}
#comments-block.avatar-comment-indent dd.comment-body {
margin:10px 0;
}
#comments-block.avatar-comment-indent .commentarea .comment-footer {
margin-bottom:0;
text-align:right;
}
.commentarea .datecm {
font-size:90%;
float:$endSide;
}
.commentarea .author-comment {
display:inline-block;
height:18px;
margin:0 6px -4px 0;
width:18px;
}
#googlePlusComment,
.cmt_iframe_holder {
width:100% !important;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:$(side.text.color);
line-height:1.5em;
}
.sidebar ul,
.footer ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li,
.footer li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
line-height:1.5em;
}
.sidebar .widget,
.main .widget,
#sidebar-tengah,
.footer .widget {
margin:0 0 1.5em;
}
.sidebar .widget {
padding:0 10px;
}
.main .Blog {
border-bottom-width:0;
position: relative;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
overflow:hidden;
padding:20px 0 0;
border-top:5px solid $(foot2.bordertop.color);
background-color:$(foot2.back.color);
color:$(foot.text.color);
}
#footer-wrapper .row {
width:99%;
margin:0 auto;
overflow:hidden;
}
#footer-wrapper .grid {
width:25%;
float:$startSide;
}
.footer .widget {
padding:0 15px;
}
.footer .widget > h2 {
font:$(foot.headfont.type);
color:$(foot.headtext.color);
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHr6HsR2mdogtfl9T5mkBFM4AtBqB4Bg5H0-zW_4xUXJi3vxU3vzIkZiODM4SHLirHukf06xxz90eUzZ_XWivCbPJQdqqzpY3NolXwMO0tQnRjnuV38v7g3ZPLAgLJXOyEVJm00d_LnPk/s8/stripe.png);
background-position:0 50%;
background-repeat:repeat-x;
margin:0 0 10px;
padding:5px 0;
}
.footer .widget > h2 span {
background-color:$(foot2.back.color);
padding:0 5px 0 0;
}
.navix.credit {
overflow: hidden;
width: 98%;
padding: 5px 1%;
border-top: 1px solid #131313;
}
.navix.credit .left {
float: left;
}
.navix.credit .righ {
float: right;
}
/* Search Box
-----------------------------------------------
*/
#searchnya {
float:$endSide;
width:250px;
margin:10px 0 0;
}
#ajax-search-form {
position:relative;
font:normal normal 11px Arial,Sans-Serif;
width:230px;
float:$endSide;
}
#ajax-search-form input {
color:$(src.text.color);
margin:0 0;
background:$(src.back.color);
padding:8px 8px;
font-size:10px;
outline:0;
width:175px;
float:$startSide;
border:0;
}
#ajax-search-form input:focus {
color:#FFF;
}
#search-result {
color:$(src.resulttext.color);
border:1px solid #F3F3F3;
background-color:$(src.result.color);
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:10px;
z-index:99;
-webkit-box-shadow:0 1px 3px #999;
-moz-box-shadow:0 1px 3px #999;
box-shadow:0 1px 3px #999;
display:none;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
}
#search-result ol {
list-style:none;
overflow:hidden;
padding-right: 15px;
}
.box, .box .antiscroll-inner {
width: 100%;
height: 400px;
}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:black;
}
#search-result li {
padding:5px 0;
overflow: hidden;
}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:$startSide;
display:block;
margin:0 5px 0 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#searchnya button {
text-indent:-9999px;
overflow:hidden;
margin:0;
background: transparent;
width:35px;
height:29px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
position:relative;
cursor:pointer;
border:none !important;
outline:none;
}
/* Slider
-----------------------------------------------
*/
#main-top h2 {
display:none;
}
#main-top {
position:relative;
z-index:0;
}
#main-top .widget-content::after,
#main-top .widget-content::before,
#manualslidenya::before,
#manualslidenya::after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
#main-top .widget-content::after,
#manualslidenya::after {
right:5px;
left:auto;
-webkit-transform:rotate(1deg);
-moz-transform:rotate(1deg);
-ms-transform:rotate(1deg);
-o-transform:rotate(1deg);
transform:rotate(1deg);
}
ul.featpost,
ul.featpost li {
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
ul.featpost li {
height:280px;
display:none;
float:left;
}
ul.featpost li:first-child {
display:block;
}
ul.featpost,
.featuredpost {
height:280px;
}
.featuredpost {
overflow:hidden;
}
ul.featpost img {
width:100%;
height:100%;
}
#main-top .widget-content {
padding:5px;
}
ul.featpost .labeltext {
position:absolute;
bottom:35px;
left:0;
width:85%;
z-index:9;
background-color:$(sli.desback.color);
padding:7px 10px;
color:$(sli.text.color);
}
ul.featpost strong.titlex {
position:absolute;
bottom:95px;
display:block;
left:10px;
z-index:10;
background-color:$(sli.back.color);
padding:5px 8px;
max-height:22px;
overflow:hidden;
}
ul.featpost strong.titlex a {
font:$(sli.font.type);
color:$(sli.text.color);
text-decoration:none;
width:100%;
font-weight:bold;
text-transform:capitalize;
display:inline-block;
}
ul.featpost .labeltext .infolabel {
font-size:90%;text-align:right;
}
ul.featpost .labeltext .infolabel a {
color:$(sli.text.color);
}
ul.featpost .labeltext .date {
margin-right:5px;
}
ul.featpost .labeltext p {
margin:5px 0 0;
font-style:italic;
}
#main-top .flex-control-nav.flex-control-paging, #manualslidenya .flex-control-nav.flex-control-paging {
position:absolute;
width:100%;
bottom:15px;
z-index: 2;
}
#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
max-width:800px;
}
.featuredpost .flex-direction-nav a {
top:50%;
margin-top:-20px;
}
a.feathumb {
width:100%;
height:280px;
display:block;
}
#mainmtop-manualslide .widget > h2 {
display: none;
}
#mainmtop-manualslide .Image .widget-content {
padding: 0;
border: 0;
max-height: 280px;
overflow: hidden;
}
#mainmtop-manualslide .widget {
padding: 0;
margin-bottom: 40px;
}
#mainmtop-manualslide {
overflow: hidden;
max-height: 310px;
position: relative;
z-index: 0;
}
#manualslidenya {
padding: 5px;
max-height: 280px;
}
#main-top-manualslide .bungkus {
padding: 0 10px 15px;
}
#main-top-manualslide .Image img {
max-height: 280px;
}
/* Archive
-----------------------------------------------
*/
#table-outer table {
width:100%;
}
#orderFeedBy,
#labelSorter {
width:90%;
margin:5px 0;
}
#postSearcher input[type="text"] {
width:88%;
margin:5px 0;
padding:3px 1%;
}
#feedContainer,
#feedContainer li {
padding:0;
margin:0;
list-style:none;
}
#feedContainer {
overflow:hidden;
margin-top:20px;
}
#feedContainer li {
float:left;
width:50%;
margin-bottom:10px;
position:relative;
z-index: 0;
}
#feedContainer .inner {
padding:8px;
margin:0 5px;
position:relative;
background-color:#FFF;
border:1px solid #C0C0C0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
height:133px;
}
#feedContainer img {
float:left;
margin:0 8px 0 0;
}
#feedContainer .inner > strong {
display:none;
}
#feedContainer .date {
position:absolute;
top:8px;
left:15px;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
font-size:9px;
padding:3px 2px;
}
#feedContainer .inner:hover .date {
background-color:$(main2.datehover.color);
}
#feedContainer .date span {
display:block;
line-height:12px;
text-align:center;
}
#feedContainer .date .dd {
font-size:15px;
line-height:18px;
font-weight:bold;
}
#feedContainer .toc-title {
max-height:33px;
overflow:hidden;
}
#feedNav a, #feedNav span {
display:block;
text-align:center;
color:$(main2.datetext.color);
text-decoration:none;
background-color:$(main2.date.color);
padding:5px;
width:95%;
margin:0 auto;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#feedNav a:hover {
background-color:$(main2.datehover.color);
}
body#layout #mainmtop-manualslide {
overflow: hidden;
}
body#layout #mainmtop-manualslide .add_widget, body#layout #mainmtop-manualslide div.widget,body#layout #mainmtop-manualslide .dropregion {
float: left;
width: 25%;
}
/* Other
-----------------------------------------------
*/
img {
max-width:100%;
height:auto;
width:auto\9;
}
a img,
a.loadpost,
.datex.show,
ul.rcentpost .date,
.buttons a,
ul.navtab li a,
#related_posts .date,
.post-outer.list .post-more-link a,
#feedContainer .date,
.showpageNum a {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
a img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
a.loadpost {
display:block;
width:80%;
margin:0 auto;
line-height:30px;
height:30px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
text-decoration:none;
position:relative;
}
a.loadpost:hover {
background-color:$(main2.datehover.color);
}
a.loadpost:active {
top:1px;
}
.recntright .antiscroll-scrollbar-vertical {
right: 4px;
}
ul.rcentpost {
margin:-5px -10px;
}
.recntright .box, .recntright .box .antiscroll-inner {
height:270px;
}
ul.rcentpost li { padding: 0;
overflow:hidden;
position:relative;
z-index:0;
border-bottom:1px solid #F1F1F1;
}
ul.rcentpost .inner {
padding: 8px;
overflow: hidden;
}
ul.rcentpost .recntright .inner {
padding-right:12px;
}
ul.rcentpost p {
margin: 10px 0;
}
ul.rcentpost .recntright p, .rcbytag.s ul.rcentpost p {
display:none;
}
a.thumbxtag {
float:left;
width:60px;
height:60px;
display:block;
margin:0 8px 0 0;
padding:3px;
border:1px solid $imageborder;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:$(cont.back.color);
}
a.thumbxtag img {
display:block;
width:100%;
height:100%;
}
.morepostag {
text-align:center;
padding: 5px 0;
}
.recntright .info, #related_posts .info {
font-size: 80%;
}
.morepostag a {
display:block;
width:80%;
line-height:25px;
height:25px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
margin:5px auto;
color:$(main2.datetext.color);
background-color:$(main2.date.color);
text-decoration:none;
-webkit-transition:background-color .4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
}
.morepostag a.loadingnya {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfqUVg67dvfEADgMlj5vEgR2peHKH3gjmnSw0xEcpgifZ8NBieh4niaQCVxUmnUBrb1AYqDIpoIWCIQH_48pc77OwqMgehUt5aOxTsP5AcGHSMX3BmTX0pLCC9dnuO5UPUUuBTKbvSAY/s16/progress_ani.gif);
background-repeat: no-repeat;
background-position: center;
text-indent:-9999px;
}
.morepostag a:hover, .morepostag a.loadingnya {
background-color:$(main2.datehover.color);
}
ul.rcentpost > li.a0 a.thumbxtag, .rcbytag.s ul.rcentpost a.thumbxtag {
float:none;
width:auto;
padding:5px;
display:block;
height:170px;
position:relative;
margin: 0;
}
.rcbytag.s ul.rcentpost a.thumbxtag {
height:120px;
}
ul.rcentpost li strong a {
margin:0;
}
ul.rcentpost > li.a0 strong a {
margin:10px 0 0;
font-size:120%;
display:block;
}
ul.rcentpost > li.a0 .date, .rcbytag.s ul.rcentpost .date {
position:absolute;
top:8px;
left:20px;
background-color:$(main2.date.color);
color:$(main2.datetext.color);
display:block;
padding:3px;
text-align:center;
}
ul.rcentpost > li.a0 .date span, .rcbytag.s ul.rcentpost .date span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
ul.rcentpost > li.a0 .date span.dd, .rcbytag.s ul.rcentpost .date span.dd {
font-size:18px;
font-weight:bold;
line-height:20px;
height:20px;
}
ul.rcentpost > li.a0:hover .date, .rcbytag.s ul.rcentpost li:hover .date {
background-color:$(main2.datehover.color);
}
.rcbytag.s ul.rcentpost {
margin:10px 0;
overflow:hidden;
height:175px;
}
.rcbytag.s ul.rcentpost li {
padding:0;
width:33.3%;
float:$startSide;
height:175px;
}
.rcbytag.s ul.rcentpost .inner {
margin: 0;
padding: 0 8px;
}
.rcbytag.s ul.rcentpost .date {
top:0;
}
.rcbytag.s ul.rcentpost p {
display:none;
}
.rcbytag.h .rcentpost {
overflow: hidden;
}
.rcbytag.h ul.rcentpost > .a0 {
float: left;
width: 50%;
border-bottom: 0;
}
.rcbytag.h .recntright {
width: 50%;
float: left;
}
.recntright .date, .recntright .comnum, #related_posts .date, #related_posts .comnum {
padding-left: 15px;
display: inline-block;
position: relative;
}
.recntright .date:before, #related_posts .date:before {
content: "\f133";
left: 0px;
font-size: 11px;
}
.recntright .comnum:before, #related_posts .comnum:before {
content: "\f075";
left: 2px;
}
.recntright .comnum {
margin-left: 8px;
}
#related_posts .date {
margin-right: 8px;
}
.recntright .comnum a, #related_posts .comnum a {
color:$(side.text.color);
}
.flex-direction-nav a {
position:absolute;
display:block;
top:90px;
width:25px;
height:40px;
background-color:$(main2.date.color);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
outline:0;
text-indent:-9999px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGA2osZ_PbXnXPrzUt7Ez6q0Bw6rg8sP89O5iMPUcW38xygzyi3MbXOA5zOKw6Lo7iWVOZwVBEabjVaED61RzBjwBY5TcGctgRIt9gkqC2Pl0bhHQX8CTPXhHtFEe0S23bF6c2AWYl08Y/s1600/glyphicons-halflings-white.png);
background-repeat:no-repeat;
z-index: 2;
}
.widget-content:hover .flex-direction-nav a, #manualslidenya:hover .flex-direction-nav a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.flex-direction-nav a:hover {
background-color:$(main2.datehover.color);
}
.flex-direction-nav a.flex-prev {
right:0;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
background-position:-18px 7px;
}
.flex-direction-nav a.flex-next {
left:0;
-moz-border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
background-position:7px 7px;
}
.flex-control-nav.flex-control-paging,
.flex-control-nav.flex-control-paging li {
list-style:none;
padding:0;
text-align:center;
margin:0;
}
.flex-control-nav.flex-control-paging li {
display:inline-block;
}
.flex-control-nav.flex-control-paging a {
display:inline-block;
text-indent:-9999px;
margin:0 3px;
width:10px;
height:10px;
background-color:$(main2.datehover.color);
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.flex-control-nav.flex-control-paging a.flex-active {
background-color:$(main2.date.color);
}
.flex-viewport,
.rcbytag {
max-width:612px;
margin:0 auto;
}
.rcbytag.s ul.rcentpost strong a {
margin:5px 0 0;
font-size:13px;
}
#sidebar-tengah h2, ul.rcentpost > li.a0 .comnum, .rcbytag.s ul.rcentpost .comnum {
display:none;
}
ul.navtab,
ul.navtab li,
#icon-socialmn,
#icon-socialmn li {
list-style:none;
padding:0;
margin:0;
}
ul.navtab {
height:32px;
padding:0 8px;
margin:0 10px;
border-bottom:5px solid $(tab.selet.color);
}
ul.navtab li {
float:$startSide;
width:33.3%;
text-align:center;
}
ul.navtab li a {
display:block;
line-height:32px;
height:32px;
background-color:$(tab.back.color);
color:$(tab.text.color);
text-decoration:none;
}
ul.navtab li a.current,
ul.navtab li a:hover {
background-color:$(tab.selet.color);
}
ul.navtab {
height:32px;
padding:0 10px;
margin:0 10px;
}
#sidebar-tengah .widget-content,
#sidebar-tengah .widget {
border:0;
padding:0;
margin:0;
}
.list-tabwrap {
padding:8px 10px;
margin:0 10px;
border:1px solid $(side.border.color);
border-top:0;
background-color:$(side.area.color);
}
#view a {
display:inline-block;
text-indent:-9999px;
width:23px;
height:23px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgadr2kpb1MuAg-rT169Ga0KkeMfc_uJj4-oURMSihQHxu-AfZ0yedJm2dgSCSQUTo6n6DS8lyZVnBfd9E7QvIXTrrSbxPP7veRjXGA8CW-jt-zv4FiUinzhRR3CR2zaH52jvAE6ODMI/s1600/sprite1.png);
background-repeat:no-repeat;
float:$endSide;
outline:0;
}
#view a.list {
background-position:0 -102px;
}
#view a.list.active {
background-position:0 -68px;
}
#view a.grid {
background-position:0 -34px;
}
#view a.grid.active {
background-position:0 0;
}
#labelxnya {
position:absolute;
z-index:99;
top:100%;
left:0;
display:none;
}
#labelxnya .box, #labelxnya .box .antiscroll-inner {
height: 280px;
width:160px;
}
ul.subnya-xitem,
ul.subnya-xitem li {
padding:0;
list-style:none;
margin:0;
overflow: hidden;
width: 160px;
}
#labelxnya .bknslabel {
min-width: 160px;
padding:8px 5px;
background-color:#FFF;
border:1px solid #E2E2E2;
border-radius:3px;
overflow:hidden;
position:relative;
top:-12px;
-moz-box-shadow:0 0 10px #CFCECE;
-webkit-box-shadow:0 0 10px #CFCECE;
box-shadow:0 0 10px #CFCECE;
}
ul.subnya-xitem li {
margin:1px 0;
white-space: nowrap;
}
ul.subnya-xitem a {
line-height:25px;
display:block;
padding:0 10px;
}
ul.subnya-xitem a:hover {
background-color:#F5F5F5;
}
#labelxnya span {
position:relative;
display:inline-block;
text-indent:-9999px;
left:50px;
top:-7px;
width:0;
height:0;
border-width:10px 10px;
border-style:solid;
border-color:transparent transparent #868585 transparent;
}
.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
float:$startSide;
}
.ticker-wrapper.has-js {
height:28px;
overflow:hidden;
margin:0 0 15px;
line-height:28px;
border:1px solid $(news.border.color);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:$(side.area.color);
}
.ticker {
width:92%;
position:relative;
overflow:hidden;
}
.ticker-title {
background-color:$(news.back.color);
padding:0 10px;
color:$(news.text.color);
font-weight:bold;
}
.ticker-content {
margin:0;
position:absolute;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
line-height:26px;
padding:0 10px;
font-size:10px;
}
.ticker-content .date {
padding:0 5px 0 0;
border-right:1px solid #272727;
}
.ticker-swipe {
position:absolute;
top:0;
background-color:$(side.area.color);
display:block;
width:800px;
height:23px;
}
.ticker-swipe span {
margin-left:1px;
background-color:$(side.area.color);
border-bottom:1px solid #000;
height:18px;
width:7px;
display:block;
}
.ticker-controls {
padding:6px 0 0;
margin:0;
list-style-type:none;
float:$startSide;
}
.ticker-controls li {
padding:0;
margin-left:5px;
float:$startSide;
cursor:pointer;
height:16px;
width:16px;
display:block;
}
.ticker-controls li.jnt-play-pause {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
background-position:32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
background-position:32px 0;
}
.ticker-controls li.jnt-play-pause.paused {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
background-position:48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
background-position:48px 0;
}
.ticker-controls li.jnt-prev {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:0 16px;
}
.ticker-controls li.jnt-prev.over {
background-position:0 32px;
}
.ticker-controls li.jnt-prev.down {
background-position:0 0;
}
.ticker-controls li.jnt-next {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiDKHNTqpcIu_gEJRJR5vQKAUkHPY0pQOZT2tnehP63H6EF4z-_e7M77_Nednkune1013LIWy6ckKuR709luAzVcRx8OU1QOyNx16XOyoh5QZJXsP92Nq5oXeAayzOG_-iJxrcvQ4RfM/s1600/controls.png);
background-position:16px 16px;
}
.ticker-controls li.jnt-next.over {
background-position:16px 32px;
}
.ticker-controls li.jnt-next.down {
background-position:16px 0;
}
.js-hidden {
display:none;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background-color:$(main2.date.color);
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
font-size:12px;
padding:2px 0;
padding-left:5%;
width:95%;
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {
background-color:#202020;
border:1px solid #1B1B1B;
}
input[type="submit"] {
border-radius:2px;
background-color:$(main2.date.color);
outline:0;
border:0;
padding:5px 8px;
color:$(main2.datetext.color);
margin:2px 3px;
cursor:pointer;
}
input[type="submit"]:hover {
background-color:$(main2.datehover.color);
}
input[type="text"] {
padding:4px 5px;
border:1px solid #B6B6B6;
border-radius:2px;
color:#585858;
}
.Label li {
padding:3px 5px;
margin:0 3px 3px 0;
float:$startSide;
background-color:$(main2.date.color);
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
color:#D6D6D6;
}
.Label li a {
color:$(main2.datetext.color);
text-decoration:none;
}
.Label li:hover {
background-color:$(main2.datehover.color);
}
.footer .Label li:hover {
background-color:$(backtop.backhover.color);
}
#top {
position:fixed;
right:10px;
bottom:0;
text-indent:-9999px;
width:40px;
height:0;
background-color:$(backtop.back.color);
border-radius:2px 2px 0 0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDTTNPEj_bZ15UuO5b9VTNk6amjGr7QJ9Y6K-TmBaPy-F2bUkl2-_pe0_PUfJFFH0Kkl9QEmHh2dNYzf2XzJ5cF5LzQjnfezWcEMF7Wi6sIa_G7Jt-H1kfJuA-_6ixkMHbXqxG0IQokaY/s1600/up.png);
background-repeat:no-repeat;
background-position:50% 50%;
opacity:0;
cursor:pointer;
outline:0;
}
#top:hover {
background-color:$(backtop.backhover.color);
}
ul.rcomnetxx li {
padding:5px;
margin-bottom:8px;
overflow:hidden;
}
ul.rcomnetxx .kmtimg {
float:$startSide;
margin:0 5px 5px 0;
width:50px;
height:50px;
padding:3px;
border:1px solid $imageborder;
}
ul.rcomnetxx p {
margin:5px 0 0;
}
ul.rcomnetxx .date {
font-size:80%;
}
.PopularPosts li img {
padding:0;
width:65px;
height:65px;
display:block;
}
.PopularPosts .item-thumbnail {
padding:3px;
border:1px solid $imageborder;
width:65px;
height:65px;
}
.loadingxx {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfqUVg67dvfEADgMlj5vEgR2peHKH3gjmnSw0xEcpgifZ8NBieh4niaQCVxUmnUBrb1AYqDIpoIWCIQH_48pc77OwqMgehUt5aOxTsP5AcGHSMX3BmTX0pLCC9dnuO5UPUUuBTKbvSAY/s1600/progress_ani.gif);
background-repeat:no-repeat;
background-position:50% 50%;
min-height:150px;
}
#featpost.loadingxx {
height:280px;
}
.antiscroll-wrap {
display: block;
position: relative;
overflow: hidden;
}
.antiscroll-scrollbar {
background: gray;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
box-shadow: 0 0 1px #fff;
position: absolute;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition: linear 300ms opacity, linear 300ms width;
-moz-transition: linear 300ms opacity, linear 300ms width;
-o-transition: linear 300ms opacity, linear 300ms width;
transition: linear 300ms opacity, linear 300ms width;
}
.antiscroll-scrollbar-shown {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.antiscroll-scrollbar-horizontal {
height: 7px;
margin-left: 2px;
bottom: 2px;
left: 0;
}
.antiscroll-scrollbar-vertical {
width: 7px;
margin-top: 2px;
right: 2px;
top: 0;
}
.antiscroll-scrollbar-vertical:hover {
width: 9px;
}
.antiscroll-inner {
overflow: scroll;
}
.antiscroll-inner::-webkit-scrollbar {
width: 0;
height: 0;
}
.antiscroll-inner::scrollbar {
width: 0;
height: 0;
}
.index #blog-pager, .archive #blog-pager {
text-align: left;
margin: 10px 0 0;
padding: 5px;
}
.showpagePoint, .showpageNum a, .showpage a {
display: inline-block;
padding: 8px 9px;
margin-right: 2px;
color: $(cont.back.color);
background-color: $(main2.date.color);
border-radius: 3px;
position: relative;
text-decoration: none;
outline: 0;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
background-color: $(main2.datehover.color);
}
.showpageNum a:active, .showpage a:active {
top:1px;
}
.loadingpost {
position: absolute;
background-color: $(cont.back.color);
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-Avk4Md7EjBiu53oAgWhBznKbVgMqRdom2RP-YMIM9gZlIYk_CKcxgi5lkwYYWL9mfz7auuFNHvt0WGJ28-cZSZuJPYEsovBDzQVpmOArGsosj9TZrxhXx_inF8yZwZTLs4ul3oTyJgj/s32/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
top: 0;
left: 0;
bottom: 30px;
right: 0;display:none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
/* RESPONSIVE */
@media only screen and (max-width:1024px) {
#navinti a {padding:0 10px;}
#searchnya {width: 195px;}
#ajax-search-form {width: 191px;}
#ajax-search-form input {width: 140px;}
}
@media only screen and (max-width:979px) {
#outer-wrapper,
#nav {
width:768px;
}
#nav .wrap {
width: 99%;
}
#footer-wrapper .grid {
width:33.3%;
}
#topmenunav, #menunav, .sf-menu a.home:before, .sf-menu > li > a.home.current:before {display:none;}
#topmobilenav, #mobilenav {
display:block;
}
#menunav, #topmenunav {
position: absolute;
top: 100%;
float: none;
left: 5px;
}
#menunav {
background-color: $(midnav.back.color);
right: 5px;
}
#topmenunav {
width: 300px;
background-color: $(topnav.back.color);z-index: 99;
}
.sf-menu > li {
float: none;
}
.sf-menu ul {
position: static;
}
.sf-menu ul ul li {
margin: 1px 0;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
text-indent: 0;
width: auto;
padding: 0 10px;
}
#menunav > li > a {
height: 30px;
line-height: 30px;
}
#topnav .tgltop {
margin-left: 35px;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display:none;
}
#main-atas {
width:58%;
}
#sidebar-wrapper {
width:40%;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:100%;
float:none;
}
.index .post-outer,
.archive .post-outer,
ul.rcentpost.sliderq li {
width:50%;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:150px;
height:120px;
}
.ticker {
width:90%;
}
ul.featpost,
.featuredpost,
ul.featpost li,
a.feathumb {
height:240px;
}
.featuredpost {
font-size:11px;
}
#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
width:100%;
}
ul.featpost strong.titlex {
max-width:250px;
max-height:55px;
bottom:110px;
}
.post-body .left,
.post-body .right {
float:none;
display:block;
text-align:center;
margin:10px 0 15px;
}
#related_posts strong {
max-height:auto;
}
#related_posts li {
width:100%;
float:none;
height:auto;
overflow:hidden;
}
.comments .comments-content .comment-replies {
margin-left:10px;
}
#header {
width:100%;
float:none;
}
#adstop {
display:none;
}
#feedContainer li {
float:none;
width:100%;
}
#feedContainer .inner {
height:auto;
}
.rcbytag.h ul.rcentpost > .a0, .rcbytag.h .recntright {
width: auto;
float: none;
}
.rcbytag.h ul.rcentpost > .a0 {
border-bottom: 1px solid #F1F1F1;
}
}
@media only screen and (max-width:767px) {
#outer-wrapper,
#nav {
width:480px;
}
#footer-wrapper .grid {
width:50%;
}
#main-atas,
#sidebar-wrapper {
width:98%;
float:none;
padding:0 1%;
}
.flex-viewport,
.rcbytag {
width:407px;
}
#newsticker {
display:none;
}
#header {
text-align:center;
}
#header img {
margin:0 auto;
}
.navix.credit .left, .navix.credit .righ {
float: none;
text-align: center;
}
#topmenunav {
right: 5px;
width: auto;
}
}
@media only screen and (max-width:479px) {
#outer-wrapper,
#nav {
width:320px;
}
#footer-wrapper .grid {
width:100%;
}
a.thumbimgx, .thumbimgslide {
padding:3px;
height:110px;
}
.index .post-outer .post,
.archive .post-outer .post {
height:160px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:100px;
height:90px;
}
ul.rcentpost.sliderq a.thumbxtag,
ul.rcentpost.sliderq li:first-child a.thumbxtag {
width:97%;
height:90px;
}
ul.rcentpost.sliderq,
ul.rcentpost.sliderq li {
height:150px;
}
.post-outer.list .post .titlex {
font-size:130%;
}
.separator a, table.tr-caption-container {
float:none !important;
margin:0 auto 15px !important;
}
table.tr-caption-container {
padding:0;
}
.flex-viewport,
.rcbytag {
width:100%;
}
ul.featpost strong.titlex {
max-width:190px;
bottom:95px;
}
ul.featpost .labeltext p {
height:50px;
overflow:hidden;
}
ul.featpost .labeltext .date {
display:none;
}
ul.featpost,
.featuredpost,
ul.featpost li,
a.feathumb {
height:200px;
}
#search-result, .box, .box .antiscroll-inner {
width:272px;
}
#topnav .tgltop {
display: none;
}
}
@media only screen and (max-width:319px) {
#outer-wrapper,
#nav {
width:100%;
}
.index .post-outer,
.archive .post-outer,
ul.rcentpost.sliderq li {
width:100%;
float:none;
}
#search-result, .box, .box .antiscroll-inner {
width:250px;
}
}
]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script class='jshilang' type='text/javascript'>
// Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurrohman modif by MKR
// URL: https://plus.google.com/108949996304093815163/about
//<![CDATA[
var configSummary = {
thumbnailSize: "s180-c", // Define the post thumbnail size
summaryLength: 200, // Define the summary length
slideffect: true, // Define to make image slide
maxImage:5, // Define Maximal Image to image slide
slideSpeed: 3000, // Define Slideshow Speed in milisecond
BackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif' // Backup image if post don't have image
};
//]]>
</script>
</b:if></b:if>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
// Mousewheel v3.0.6 - jQuery Scroll Mouse Wheel
// Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
(function(d){var b=["DOMMouseScroll","mousewheel"];if(d.event.fixHooks){for(var a=b.length;a;){d.event.fixHooks[b[--a]]=d.event.mouseHooks}}d.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var e=b.length;e;){this.addEventListener(b[--e],c,false)}}else{this.onmousewheel=c}},teardown:function(){if(this.removeEventListener){for(var e=b.length;e;){this.removeEventListener(b[--e],c,false)}}else{this.onmousewheel=null}}};d.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}});function c(j){var h=j||window.event,g=[].slice.call(arguments,1),k=0,i=true,f=0,e=0;j=d.event.fix(h);j.type="mousewheel";if(h.wheelDelta){k=h.wheelDelta/120}if(h.detail){k=-h.detail/3}e=k;if(h.axis!==undefined&&h.axis===h.HORIZONTAL_AXIS){e=0;f=-1*k}if(h.wheelDeltaY!==undefined){e=h.wheelDeltaY/120}if(h.wheelDeltaX!==undefined){f=-1*h.wheelDeltaX/120}g.unshift(j,k,f,e);return(d.event.dispatch||d.event.handle).apply(this,g)}})(jQuery);
// jQuery FlexSlider v2.2.0 Copyright 2012 WooThemes Author: Tyler Smith
(function(e){e.flexslider=function(t,n){var r=e(t);r.vars=e.extend({},e.flexslider.defaults,n);var i=r.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,o=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&r.vars.touch,u="click touchend MSPointerUp",a="",f,l=r.vars.direction==="vertical",c=r.vars.reverse,h=r.vars.itemWidth>0,p=r.vars.animation==="fade",d=r.vars.asNavFor!=="",v={},m=!0;e.data(t,"flexslider",r);v={init:function(){r.animating=!1;r.currentSlide=parseInt(r.vars.startAt?r.vars.startAt:0);isNaN(r.currentSlide)&&(r.currentSlide=0);r.animatingTo=r.currentSlide;r.atEnd=r.currentSlide===0||r.currentSlide===r.last;r.containerSelector=r.vars.selector.substr(0,r.vars.selector.search(" "));r.slides=e(r.vars.selector,r);r.container=e(r.containerSelector,r);r.count=r.slides.length;r.syncExists=e(r.vars.sync).length>0;r.vars.animation==="slide"&&(r.vars.animation="swing");r.prop=l?"top":"marginLeft";r.args={};r.manualPause=!1;r.stopped=!1;r.started=!1;r.startTimeout=null;r.transitions=!r.vars.video&&!p&&r.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var n in t)if(e.style[t[n]]!==undefined){r.pfx=t[n].replace("Perspective","").toLowerCase();r.prop="-"+r.pfx+"-transform";return!0}return!1}();r.vars.controlsContainer!==""&&(r.controlsContainer=e(r.vars.controlsContainer).length>0&&e(r.vars.controlsContainer));r.vars.manualControls!==""&&(r.manualControls=e(r.vars.manualControls).length>0&&e(r.vars.manualControls));if(r.vars.randomize){r.slides.sort(function(){return Math.round(Math.random())-.5});r.container.empty().append(r.slides)}r.doMath();r.setup("init");r.vars.controlNav&&v.controlNav.setup();r.vars.directionNav&&v.directionNav.setup();r.vars.keyboard&&(e(r.containerSelector).length===1||r.vars.multipleKeyboard)&&e(document).bind("keyup",function(e){var t=e.keyCode;if(!r.animating&&(t===39||t===37)){var n=t===39?r.getTarget("next"):t===37?r.getTarget("prev"):!1;r.flexAnimate(n,r.vars.pauseOnAction)}});r.vars.mousewheel&&r.bind("mousewheel",function(e,t,n,i){e.preventDefault();var s=t<0?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(s,r.vars.pauseOnAction)});r.vars.pausePlay&&v.pausePlay.setup();r.vars.slideshow&&r.vars.pauseInvisible&&v.pauseInvisible.init();if(r.vars.slideshow){r.vars.pauseOnHover&&r.hover(function(){!r.manualPlay&&!r.manualPause&&r.pause()},function(){!r.manualPause&&!r.manualPlay&&!r.stopped&&r.play()});if(!r.vars.pauseInvisible||!v.pauseInvisible.isHidden())r.vars.initDelay>0?r.startTimeout=setTimeout(r.play,r.vars.initDelay):r.play()}d&&v.asNav.setup();o&&r.vars.touch&&v.touch();(!p||p&&r.vars.smoothHeight)&&e(window).bind("resize orientationchange focus",v.resize);r.find("img").attr("draggable","false");setTimeout(function(){r.vars.start(r)},200)},asNav:{setup:function(){r.asNav=!0;r.animatingTo=Math.floor(r.currentSlide/r.move);r.currentItem=r.currentSlide;r.slides.removeClass(i+"active-slide").eq(r.currentItem).addClass(i+"active-slide");if(!s)r.slides.click(function(t){t.preventDefault();var n=e(this),s=n.index(),o=n.offset().left-e(r).scrollLeft();if(o<=0&&n.hasClass(i+"active-slide"))r.flexAnimate(r.getTarget("prev"),!0);else if(!e(r.vars.asNavFor).data("flexslider").animating&&!n.hasClass(i+"active-slide")){r.direction=r.currentItem<s?"next":"prev";r.flexAnimate(s,r.vars.pauseOnAction,!1,!0,!0)}});else{t._slider=r;r.slides.each(function(){var t=this;t._gesture=new MSGesture;t._gesture.target=t;t.addEventListener("MSPointerDown",function(e){e.preventDefault();e.currentTarget._gesture&&e.currentTarget._gesture.addPointer(e.pointerId)},!1);t.addEventListener("MSGestureTap",function(t){t.preventDefault();var n=e(this),i=n.index();if(!e(r.vars.asNavFor).data("flexslider").animating&&!n.hasClass("active")){r.direction=r.currentItem<i?"next":"prev";r.flexAnimate(i,r.vars.pauseOnAction,!1,!0,!0)}})})}}},controlNav:{setup:function(){r.manualControls?v.controlNav.setupManual():v.controlNav.setupPaging()},setupPaging:function(){var t=r.vars.controlNav==="thumbnails"?"control-thumbs":"control-paging",n=1,s,o;r.controlNavScaffold=e('<ol class="'+i+"control-nav "+i+t+'"></ol>');if(r.pagingCount>1)for(var f=0;f<r.pagingCount;f++){o=r.slides.eq(f);s=r.vars.controlNav==="thumbnails"?'<img src="'+o.attr("data-thumb")+'"/>':"<a>"+n+"</a>";if("thumbnails"===r.vars.controlNav&&!0===r.vars.thumbCaptions){var l=o.attr("data-thumbcaption");""!=l&&undefined!=l&&(s+='<span class="'+i+'caption">'+l+"</span>")}r.controlNavScaffold.append("<li>"+s+"</li>");n++}r.controlsContainer?e(r.controlsContainer).append(r.controlNavScaffold):r.append(r.controlNavScaffold);v.controlNav.set();v.controlNav.active();r.controlNavScaffold.delegate("a, img",u,function(t){t.preventDefault();if(a===""||a===t.type){var n=e(this),s=r.controlNav.index(n);if(!n.hasClass(i+"active")){r.direction=s>r.currentSlide?"next":"prev";r.flexAnimate(s,r.vars.pauseOnAction)}}a===""&&(a=t.type);v.setToClearWatchedEvent()})},setupManual:function(){r.controlNav=r.manualControls;v.controlNav.active();r.controlNav.bind(u,function(t){t.preventDefault();if(a===""||a===t.type){var n=e(this),s=r.controlNav.index(n);if(!n.hasClass(i+"active")){s>r.currentSlide?r.direction="next":r.direction="prev";r.flexAnimate(s,r.vars.pauseOnAction)}}a===""&&(a=t.type);v.setToClearWatchedEvent()})},set:function(){var t=r.vars.controlNav==="thumbnails"?"img":"a";r.controlNav=e("."+i+"control-nav li "+t,r.controlsContainer?r.controlsContainer:r)},active:function(){r.controlNav.removeClass(i+"active").eq(r.animatingTo).addClass(i+"active")},update:function(t,n){r.pagingCount>1&&t==="add"?r.controlNavScaffold.append(e("<li><a>"+r.count+"</a></li>")):r.pagingCount===1?r.controlNavScaffold.find("li").remove():r.controlNav.eq(n).closest("li").remove();v.controlNav.set();r.pagingCount>1&&r.pagingCount!==r.controlNav.length?r.update(n,t):v.controlNav.active()}},directionNav:{setup:function(){var t=e('<ul class="'+i+'direction-nav"><li><a class="'+i+'prev" href="#">'+r.vars.prevText+'</a></li><li><a class="'+i+'next" href="#">'+r.vars.nextText+"</a></li></ul>");if(r.controlsContainer){e(r.controlsContainer).append(t);r.directionNav=e("."+i+"direction-nav li a",r.controlsContainer)}else{r.append(t);r.directionNav=e("."+i+"direction-nav li a",r)}v.directionNav.update();r.directionNav.bind(u,function(t){t.preventDefault();var n;if(a===""||a===t.type){n=e(this).hasClass(i+"next")?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(n,r.vars.pauseOnAction)}a===""&&(a=t.type);v.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";r.pagingCount===1?r.directionNav.addClass(e).attr("tabindex","-1"):r.vars.animationLoop?r.directionNav.removeClass(e).removeAttr("tabindex"):r.animatingTo===0?r.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1"):r.animatingTo===r.last?r.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1"):r.directionNav.removeClass(e).removeAttr("tabindex")}},pausePlay:{setup:function(){var t=e('<div class="'+i+'pauseplay"><a></a></div>');if(r.controlsContainer){r.controlsContainer.append(t);r.pausePlay=e("."+i+"pauseplay a",r.controlsContainer)}else{r.append(t);r.pausePlay=e("."+i+"pauseplay a",r)}v.pausePlay.update(r.vars.slideshow?i+"pause":i+"play");r.pausePlay.bind(u,function(t){t.preventDefault();if(a===""||a===t.type)if(e(this).hasClass(i+"pause")){r.manualPause=!0;r.manualPlay=!1;r.pause()}else{r.manualPause=!1;r.manualPlay=!0;r.play()}a===""&&(a=t.type);v.setToClearWatchedEvent()})},update:function(e){e==="play"?r.pausePlay.removeClass(i+"pause").addClass(i+"play").html(r.vars.playText):r.pausePlay.removeClass(i+"play").addClass(i+"pause").html(r.vars.pauseText)}},touch:function(){var e,n,i,o,u,a,f=!1,d=0,v=0,m=0;if(!s){t.addEventListener("touchstart",g,!1);function g(s){if(r.animating)s.preventDefault();else if(window.navigator.msPointerEnabled||s.touches.length===1){r.pause();o=l?r.h:r.w;a=Number(new Date);d=s.touches[0].pageX;v=s.touches[0].pageY;i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o;e=l?v:d;n=l?d:v;t.addEventListener("touchmove",y,!1);t.addEventListener("touchend",b,!1)}}function y(t){d=t.touches[0].pageX;v=t.touches[0].pageY;u=l?e-v:e-d;f=l?Math.abs(u)<Math.abs(d-n):Math.abs(u)<Math.abs(v-n);var s=500;if(!f||Number(new Date)-a>s){t.preventDefault();if(!p&&r.transitions){r.vars.animationLoop||(u/=r.currentSlide===0&&u<0||r.currentSlide===r.last&&u>0?Math.abs(u)/o+2:1);r.setProps(i+u,"setTouch")}}}function b(s){t.removeEventListener("touchmove",y,!1);if(r.animatingTo===r.currentSlide&&!f&&u!==null){var l=c?-u:u,h=l>0?r.getTarget("next"):r.getTarget("prev");r.canAdvance(h)&&(Number(new Date)-a<550&&Math.abs(l)>50||Math.abs(l)>o/2)?r.flexAnimate(h,r.vars.pauseOnAction):p||r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,!0)}t.removeEventListener("touchend",b,!1);e=null;n=null;u=null;i=null}}else{t.style.msTouchAction="none";t._gesture=new MSGesture;t._gesture.target=t;t.addEventListener("MSPointerDown",w,!1);t._slider=r;t.addEventListener("MSGestureChange",E,!1);t.addEventListener("MSGestureEnd",S,!1);function w(e){e.stopPropagation();if(r.animating)e.preventDefault();else{r.pause();t._gesture.addPointer(e.pointerId);m=0;o=l?r.h:r.w;a=Number(new Date);i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o}}function E(e){e.stopPropagation();var n=e.target._slider;if(!n)return;var r=-e.translationX,s=-e.translationY;m+=l?s:r;u=m;f=l?Math.abs(m)<Math.abs(-r):Math.abs(m)<Math.abs(-s);if(e.detail===e.MSGESTURE_FLAG_INERTIA){setImmediate(function(){t._gesture.stop()});return}if(!f||Number(new Date)-a>500){e.preventDefault();if(!p&&n.transitions){n.vars.animationLoop||(u=m/(n.currentSlide===0&&m<0||n.currentSlide===n.last&&m>0?Math.abs(m)/o+2:1));n.setProps(i+u,"setTouch")}}}function S(t){t.stopPropagation();var r=t.target._slider;if(!r)return;if(r.animatingTo===r.currentSlide&&!f&&u!==null){var s=c?-u:u,l=s>0?r.getTarget("next"):r.getTarget("prev");r.canAdvance(l)&&(Number(new Date)-a<550&&Math.abs(s)>50||Math.abs(s)>o/2)?r.flexAnimate(l,r.vars.pauseOnAction):p||r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,!0)}e=null;n=null;u=null;i=null;m=0}}},resize:function(){if(!r.animating&&r.is(":visible")){h||r.doMath();if(p)v.smoothHeight();else if(h){r.slides.width(r.computedW);r.update(r.pagingCount);r.setProps()}else if(l){r.viewport.height(r.h);r.setProps(r.h,"setTotal")}else{r.vars.smoothHeight&&v.smoothHeight();r.newSlides.width(r.computedW);r.setProps(r.computedW,"setTotal")}}},smoothHeight:function(e){if(!l||p){var t=p?r:r.viewport;e?t.animate({height:r.slides.eq(r.animatingTo).height()},e):t.height(r.slides.eq(r.animatingTo).height())}},sync:function(t){var n=e(r.vars.sync).data("flexslider"),i=r.animatingTo;switch(t){case"animate":n.flexAnimate(i,r.vars.pauseOnAction,!1,!0);break;case"play":!n.playing&&!n.asNav&&n.play();break;case"pause":n.pause()}},pauseInvisible:{visProp:null,init:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t<e.length;t++)e[t]+"Hidden"in document&&(v.pauseInvisible.visProp=e[t]+"Hidden");if(v.pauseInvisible.visProp){var n=v.pauseInvisible.visProp.replace(/[H|h]idden/,"")+"visibilitychange";document.addEventListener(n,function(){v.pauseInvisible.isHidden()?r.startTimeout?clearTimeout(r.startTimeout):r.pause():r.started?r.play():r.vars.initDelay>0?setTimeout(r.play,r.vars.initDelay):r.play()})}},isHidden:function(){return document[v.pauseInvisible.visProp]||!1}},setToClearWatchedEvent:function(){clearTimeout(f);f=setTimeout(function(){a=""},3e3)}};r.flexAnimate=function(t,n,s,u,a){!r.vars.animationLoop&&t!==r.currentSlide&&(r.direction=t>r.currentSlide?"next":"prev");d&&r.pagingCount===1&&(r.direction=r.currentItem<t?"next":"prev");if(!r.animating&&(r.canAdvance(t,a)||s)&&r.is(":visible")){if(d&&u){var f=e(r.vars.asNavFor).data("flexslider");r.atEnd=t===0||t===r.count-1;f.flexAnimate(t,!0,!1,!0,a);r.direction=r.currentItem<t?"next":"prev";f.direction=r.direction;if(Math.ceil((t+1)/r.visible)-1===r.currentSlide||t===0){r.currentItem=t;r.slides.removeClass(i+"active-slide").eq(t).addClass(i+"active-slide");return!1}r.currentItem=t;r.slides.removeClass(i+"active-slide").eq(t).addClass(i+"active-slide");t=Math.floor(t/r.visible)}r.animating=!0;r.animatingTo=t;n&&r.pause();r.vars.before(r);r.syncExists&&!a&&v.sync("animate");r.vars.controlNav&&v.controlNav.active();h||r.slides.removeClass(i+"active-slide").eq(t).addClass(i+"active-slide");r.atEnd=t===0||t===r.last;r.vars.directionNav&&v.directionNav.update();if(t===r.last){r.vars.end(r);r.vars.animationLoop||r.pause()}if(!p){var m=l?r.slides.filter(":first").height():r.computedW,g,y,b;if(h){g=r.vars.itemMargin;b=(r.itemW+g)*r.move*r.animatingTo;y=b>r.limit&&r.visible!==1?r.limit:b}else r.currentSlide===0&&t===r.count-1&&r.vars.animationLoop&&r.direction!=="next"?y=c?(r.count+r.cloneOffset)*m:0:r.currentSlide===r.last&&t===0&&r.vars.animationLoop&&r.direction!=="prev"?y=c?0:(r.count+1)*m:y=c?(r.count-1-t+r.cloneOffset)*m:(t+r.cloneOffset)*m;r.setProps(y,"",r.vars.animationSpeed);if(r.transitions){if(!r.vars.animationLoop||!r.atEnd){r.animating=!1;r.currentSlide=r.animatingTo}r.container.unbind("webkitTransitionEnd transitionend");r.container.bind("webkitTransitionEnd transitionend",function(){r.wrapup(m)})}else r.container.animate(r.args,r.vars.animationSpeed,r.vars.easing,function(){r.wrapup(m)})}else if(!o){r.slides.eq(r.currentSlide).css({zIndex:1}).animate({opacity:0},r.vars.animationSpeed,r.vars.easing);r.slides.eq(t).css({zIndex:2}).animate({opacity:1},r.vars.animationSpeed,r.vars.easing,r.wrapup)}else{r.slides.eq(r.currentSlide).css({opacity:0,zIndex:1});r.slides.eq(t).css({opacity:1,zIndex:2});r.wrapup(m)}r.vars.smoothHeight&&v.smoothHeight(r.vars.animationSpeed)}};r.wrapup=function(e){!p&&!h&&(r.currentSlide===0&&r.animatingTo===r.last&&r.vars.animationLoop?r.setProps(e,"jumpEnd"):r.currentSlide===r.last&&r.animatingTo===0&&r.vars.animationLoop&&r.setProps(e,"jumpStart"));r.animating=!1;r.currentSlide=r.animatingTo;r.vars.after(r)};r.animateSlides=function(){!r.animating&&m&&r.flexAnimate(r.getTarget("next"))};r.pause=function(){clearInterval(r.animatedSlides);r.animatedSlides=null;r.playing=!1;r.vars.pausePlay&&v.pausePlay.update("play");r.syncExists&&v.sync("pause")};r.play=function(){r.playing&&clearInterval(r.animatedSlides);r.animatedSlides=r.animatedSlides||setInterval(r.animateSlides,r.vars.slideshowSpeed);r.started=r.playing=!0;r.vars.pausePlay&&v.pausePlay.update("pause");r.syncExists&&v.sync("play")};r.stop=function(){r.pause();r.stopped=!0};r.canAdvance=function(e,t){var n=d?r.pagingCount-1:r.last;return t?!0:d&&r.currentItem===r.count-1&&e===0&&r.direction==="prev"?!0:d&&r.currentItem===0&&e===r.pagingCount-1&&r.direction!=="next"?!1:e===r.currentSlide&&!d?!1:r.vars.animationLoop?!0:r.atEnd&&r.currentSlide===0&&e===n&&r.direction!=="next"?!1:r.atEnd&&r.currentSlide===n&&e===0&&r.direction==="next"?!1:!0};r.getTarget=function(e){r.direction=e;return e==="next"?r.currentSlide===r.last?0:r.currentSlide+1:r.currentSlide===0?r.last:r.currentSlide-1};r.setProps=function(e,t,n){var i=function(){var n=e?e:(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo,i=function(){if(h)return t==="setTouch"?e:c&&r.animatingTo===r.last?0:c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:r.animatingTo===r.last?r.limit:n;switch(t){case"setTotal":return c?(r.count-1-r.currentSlide+r.cloneOffset)*e:(r.currentSlide+r.cloneOffset)*e;case"setTouch":return c?e:e;case"jumpEnd":return c?e:r.count*e;case"jumpStart":return c?r.count*e:e;default:return e}}();return i*-1+"px"}();if(r.transitions){i=l?"translate3d(0,"+i+",0)":"translate3d("+i+",0,0)";n=n!==undefined?n/1e3+"s":"0s";r.container.css("-"+r.pfx+"-transition-duration",n)}r.args[r.prop]=i;(r.transitions||n===undefined)&&r.container.css(r.args)};r.setup=function(t){if(!p){var n,s;if(t==="init"){r.viewport=e('<div class="'+i+'viewport"></div>').css({overflow:"hidden",position:"relative"}).appendTo(r).append(r.container);r.cloneCount=0;r.cloneOffset=0;if(c){s=e.makeArray(r.slides).reverse();r.slides=e(s);r.container.empty().append(r.slides)}}if(r.vars.animationLoop&&!h){r.cloneCount=2;r.cloneOffset=1;t!=="init"&&r.container.find(".clone").remove();r.container.append(r.slides.first().clone().addClass("clone").attr("aria-hidden","true")).prepend(r.slides.last().clone().addClass("clone").attr("aria-hidden","true"))}r.newSlides=e(r.vars.selector,r);n=c?r.count-1-r.currentSlide+r.cloneOffset:r.currentSlide+r.cloneOffset;if(l&&!h){r.container.height((r.count+r.cloneCount)*200+"%").css("position","absolute").width("100%");setTimeout(function(){r.newSlides.css({display:"block"});r.doMath();r.viewport.height(r.h);r.setProps(n*r.h,"init")},t==="init"?100:0)}else{r.container.width((r.count+r.cloneCount)*200+"%");r.setProps(n*r.computedW,"init");setTimeout(function(){r.doMath();r.newSlides.css({width:r.computedW,"float":"left",display:"block"});r.vars.smoothHeight&&v.smoothHeight()},t==="init"?100:0)}}else{r.slides.css({width:"100%","float":"left",marginRight:"-100%",position:"relative"});t==="init"&&(o?r.slides.css({opacity:0,display:"block",webkitTransition:"opacity "+r.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(r.currentSlide).css({opacity:1,zIndex:2}):r.slides.css({opacity:0,display:"block",zIndex:1}).eq(r.currentSlide).css({zIndex:2}).animate({opacity:1},r.vars.animationSpeed,r.vars.easing));r.vars.smoothHeight&&v.smoothHeight()}h||r.slides.removeClass(i+"active-slide").eq(r.currentSlide).addClass(i+"active-slide")};r.doMath=function(){var e=r.slides.first(),t=r.vars.itemMargin,n=r.vars.minItems,i=r.vars.maxItems;r.w=r.viewport===undefined?r.width():r.viewport.width();r.h=e.height();r.boxPadding=e.outerWidth()-e.width();if(h){r.itemT=r.vars.itemWidth+t;r.minW=n?n*r.itemT:r.w;r.maxW=i?i*r.itemT-t:r.w;r.itemW=r.minW>r.w?(r.w-t*(n-1))/n:r.maxW<r.w?(r.w-t*(i-1))/i:r.vars.itemWidth>r.w?r.w:r.vars.itemWidth;r.visible=Math.floor(r.w/r.itemW);r.move=r.vars.move>0&&r.vars.move<r.visible?r.vars.move:r.visible;r.pagingCount=Math.ceil((r.count-r.visible)/r.move+1);r.last=r.pagingCount-1;r.limit=r.pagingCount===1?0:r.vars.itemWidth>r.w?r.itemW*(r.count-1)+t*(r.count-1):(r.itemW+t)*r.count-r.w-t}else{r.itemW=r.w;r.pagingCount=r.count;r.last=r.count-1}r.computedW=r.itemW-r.boxPadding};r.update=function(e,t){r.doMath();if(!h){e<r.currentSlide?r.currentSlide+=1:e<=r.currentSlide&&e!==0&&(r.currentSlide-=1);r.animatingTo=r.currentSlide}if(r.vars.controlNav&&!r.manualControls)if(t==="add"&&!h||r.pagingCount>r.controlNav.length)v.controlNav.update("add");else if(t==="remove"&&!h||r.pagingCount<r.controlNav.length){if(h&&r.currentSlide>r.last){r.currentSlide-=1;r.animatingTo-=1}v.controlNav.update("remove",r.last)}r.vars.directionNav&&v.directionNav.update()};r.addSlide=function(t,n){var i=e(t);r.count+=1;r.last=r.count-1;l&&c?n!==undefined?r.slides.eq(r.count-n).after(i):r.container.prepend(i):n!==undefined?r.slides.eq(n).before(i):r.container.append(i);r.update(n,"add");r.slides=e(r.vars.selector+":not(.clone)",r);r.setup();r.vars.added(r)};r.removeSlide=function(t){var n=isNaN(t)?r.slides.index(e(t)):t;r.count-=1;r.last=r.count-1;isNaN(t)?e(t,r.slides).remove():l&&c?r.slides.eq(r.last).remove():r.slides.eq(t).remove();r.doMath();r.update(n,"remove");r.slides=e(r.vars.selector+":not(.clone)",r);r.setup();r.vars.removed(r)};v.init()};e(window).blur(function(e){focused=!1}).focus(function(e){focused=!0});e.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:!1,thumbCaptions:!1,pauseOnAction:!0,pauseOnHover:!1,pauseInvisible:!0,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:!0,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){}};e.fn.flexslider=function(t){t===undefined&&(t={});if(typeof t=="object")return this.each(function(){var n=e(this),r=t.selector?t.selector:".slides > li",i=n.find(r);if(i.length===1&&t.allowOneSlide===!0||i.length===0){i.fadeIn(400);t.start&&t.start(n)}else n.data("flexslider")===undefined&&new e.flexslider(this,t)});var n=e(this).data("flexslider");switch(t){case"play":n.play();break;case"pause":n.pause();break;case"stop":n.stop();break;case"next":n.flexAnimate(n.getTarget("next"),!0);break;case"prev":case"previous":n.flexAnimate(n.getTarget("prev"),!0);break;default:typeof t=="number"&&n.flexAnimate(t,!0)}}})(jQuery);
var shuffleArray=function(a){var d=a.length,c,b;if(d===0){return false}while(--d){c=Math.floor(Math.random()*(d+1));b=a[d];a[d]=a[c];a[c]=b}return a};
var getRandomInt=function(b,a){return Math.floor(Math.random()*(a-b+1))+b};
// Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurrohman modif by MKR
// URL: https://plus.google.com/108949996304093815163/about
function createPostSummary(p,o,m){var i,t,x,c,u,g,l="",v=document,n=configSummary,e=v.getElementById(p).value,s=v.getElementById(o),w=m,j=jQuery("#"+p).parents(".post"),k=j.find(".post-title.entry-title a").text();s.innerHTML=e;x=s.getElementsByTagName("img");g=s.getElementsByTagName("iframe");if(x.length===0&&g.length===0){t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+n.BackupImage+'" alt="'+k+'"></a>'}else{if(x.length===0&&g.length>0){c=g[0].src;if(c.indexOf("youtube.com")!=-1||c.indexOf("youtu.be")!=-1){u=c.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+u[2]+'/0.jpg" alt="'+k+'"></a>'}else{t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+n.BackupImage+'" alt="'+k+'"></a>'}}else{if(n.slideffect===true&&x.length>1){var r=(n.maxImage>x.length?x.length:n.maxImage);for(var h=0,q=r;h<q;h++){l+='<li><a title="'+k+'" href="'+w+'"><img alt="'+k+'" src="'+x[h].src.replace(/\/s[0-9]+(\-c)?\//,"/"+n.thumbnailSize+"/")+'"/></a></li>'}t='<div class="thumbimgslide"><div class="slideximg"><ul class="imgslide">'+l+"</ul></div></div>";setTimeout(function(){jQuery("#"+o+" .slideximg").flexslider({animation:"fade",selector:".imgslide > li",slideshowSpeed:n.slideSpeed})},20)}else{t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+x[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+n.thumbnailSize+"/")+'" alt="'+k+'"></a>'}}}i=e.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");s.innerHTML=t+'<strong><a class="titlex" href="'+w+'">'+k+"</a></strong><p>"+i.substring(0,n.summaryLength)+"…</p>"};
// JQuery easing 1.3
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
// hoverIntent r7 // 2013.03.11 // jQuery 1.9.1+
// @author Brian Cherne <brian(at)cherne(dot)net>
(function(a){a.fn.hoverIntent=function(m,d,h){var j={interval:100,sensitivity:7,timeout:0};if(typeof m==="object"){j=a.extend(j,m)}else{if(a.isFunction(d)){j=a.extend(j,{over:m,out:d,selector:h})}else{j=a.extend(j,{over:m,out:m,selector:d})}}var l,k,g,f;var e=function(n){l=n.pageX;k=n.pageY};var c=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);if((Math.abs(g-l)+Math.abs(f-k))<j.sensitivity){a(n).off("mousemove.hoverIntent",e);n.hoverIntent_s=1;return j.over.apply(n,[o])}else{g=l;f=k;n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}};var i=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);n.hoverIntent_s=0;return j.out.apply(n,[o])};var b=function(p){var o=jQuery.extend({},p);var n=this;if(n.hoverIntent_t){n.hoverIntent_t=clearTimeout(n.hoverIntent_t)}if(p.type=="mouseenter"){g=o.pageX;f=o.pageY;a(n).on("mousemove.hoverIntent",e);if(n.hoverIntent_s!=1){n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}}else{a(n).off("mousemove.hoverIntent",e);if(n.hoverIntent_s==1){n.hoverIntent_t=setTimeout(function(){i(o,n)},j.timeout)}}};return this.on({"mouseenter.hoverIntent":b,"mouseleave.hoverIntent":b},j.selector)}})(jQuery);
// Superfish v1.7.2 - jQuery menu widget
// Copyright (c) 2013 Joel Birch
(function(b){var a=(function(){var p={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},f=/iPhone|iPad|iPod/i.test(navigator.userAgent),k=(function(){var c=document.documentElement.style;return("behavior" in c&&"fill" in c&&/iemobile/i.test(navigator.userAgent))})(),d=(function(){if(f){b(window).load(function(){b("body").children().on("click",b.noop)})}})(),m=function(s,t){var c=p.menuClass;if(t.cssArrows){c+=" "+p.menuArrowClass}s.toggleClass(c)},r=function(c,s){return c.find("li."+s.pathClass).slice(0,s.pathLevels).addClass(s.hoverClass+" "+p.bcClass).filter(function(){return(b(this).children("ul").hide().show().length)}).removeClass(s.pathClass)},n=function(c){c.children("a").toggleClass(p.anchorClass)},g=function(c){var s=c.css("ms-touch-action");s=(s==="pan-y")?"auto":"pan-y";c.css("ms-touch-action",s)},j=function(t,u){var c="li:has(ul)";if(b.fn.hoverIntent&&!u.disableHI){t.hoverIntent(l,h,c)}else{t.on("mouseenter.superfish",c,l).on("mouseleave.superfish",c,h)}var s="MSPointerDown.superfish";if(!f){s+=" touchend.superfish"}if(k){s+=" mousedown.superfish"}t.on("focusin.superfish","li",l).on("focusout.superfish","li",h).on(s,"a",i)},i=function(t){var s=b(this),c=s.siblings("ul");if(c.length>0&&c.is(":hidden")){s.one("click.superfish",false);if(t.type==="MSPointerDown"){s.trigger("focus")}else{b.proxy(l,s.parent("li"))()}}},l=function(){var c=b(this),s=o(c);clearTimeout(s.sfTimer);c.siblings().superfish("hide").end().superfish("show")},h=function(){var c=b(this),s=o(c);if(f){b.proxy(q,c,s)()}else{clearTimeout(s.sfTimer);s.sfTimer=setTimeout(b.proxy(q,c,s),s.delay)}},q=function(c){c.retainPath=(b.inArray(this[0],c.$path)>-1);this.superfish("hide");if(!this.parents("."+c.hoverClass).length){c.onIdle.call(e(this));if(c.$path.length){b.proxy(l,c.$path)()}}},e=function(c){return c.closest("."+p.menuClass)},o=function(c){return e(c).data("sf-options")};return{hide:function(s){if(this.length){var v=this,w=o(v);if(!w){return this}var t=(w.retainPath===true)?w.$path:"",c=v.find("li."+w.hoverClass).add(this).not(t).removeClass(w.hoverClass).children("ul"),u=w.speedOut;if(s){c.show();u=0}w.retainPath=false;w.onBeforeHide.call(c);c.stop(true,true).animate(w.animationOut,u,function(){var x=b(this);w.onHide.call(x)})}return this},show:function(){var t=o(this);if(!t){return this}var s=this.addClass(t.hoverClass),c=s.children("ul");t.onBeforeShow.call(c);c.stop(true,true).animate(t.animation,t.speed,function(){t.onShow.call(c)});return this},destroy:function(){return this.each(function(){var s=b(this),t=s.data("sf-options"),c=s.find("li:has(ul)");if(!t){return false}clearTimeout(t.sfTimer);m(s,t);n(c);g(s);s.off(".superfish").off(".hoverIntent");c.children("ul").attr("style",function(u,v){return v.replace(/display[^;]+;?/g,"")});t.$path.removeClass(t.hoverClass+" "+p.bcClass).addClass(t.pathClass);s.find("."+t.hoverClass).removeClass(t.hoverClass);t.onDestroy.call(s);s.removeData("sf-options")})},init:function(c){return this.each(function(){var t=b(this);if(t.data("sf-options")){return false}var u=b.extend({},b.fn.superfish.defaults,c),s=t.find("li:has(ul)");u.$path=r(t,u);t.data("sf-options",u);m(t,u);n(s);g(t);j(t,u);s.not("."+p.bcClass).superfish("hide",true);u.onInit.call(this)})}}})();b.fn.superfish=function(d,c){if(a[d]){return a[d].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof d==="object"||!d){return a.init.apply(this,arguments)}else{return b.error("Method "+d+" does not exist on jQuery.fn.superfish")}}};b.fn.superfish.defaults={hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:true,disableHI:false,onInit:b.noop,onBeforeShow:b.noop,onShow:b.noop,onBeforeHide:b.noop,onHide:b.noop,onIdle:b.noop,onDestroy:b.noop};b.fn.extend({hideSuperfishUl:a.hide,showSuperfishUl:a.show})})(jQuery);
// JQUERY NEWS TICKER by Rhodimus
// http://github.com/rhodimus/jQuery-News-Ticker
(function(a){a.fn.ticker=function(c){var e=a.extend({},a.fn.ticker.defaults,c);if(a(this).length==0){if(window.console&&window.console.log){window.console.log("Element does not exist in DOM!")}else{alert("Element does not exist in DOM!")}return false}var b="#"+a(this).attr("id");var d=a(this).get(0).tagName;return this.each(function(){var g=o();var i={position:0,time:0,distance:0,newsArr:{},play:true,paused:false,contentLoaded:false,dom:{contentID:"#ticker-content-"+g,titleID:"#ticker-title-"+g,titleElem:"#ticker-title-"+g+" SPAN",tickerID:"#ticker-"+g,wrapperID:"#ticker-wrapper-"+g,revealID:"#ticker-swipe-"+g,revealElem:"#ticker-swipe-"+g+" SPAN",controlsID:"#ticker-controls-"+g,prevID:"#prev-"+g,nextID:"#next-"+g,playPauseID:"#play-pause-"+g}};if(d!="UL"&&d!="OL"&&e.htmlFeed===true){q("Cannot use <"+d.toLowerCase()+"> type of element for this plugin - must of type <ul> or <ol>");return false}e.direction=="rtl"?e.direction="right":e.direction="left";f();function l(u){var t=0,s;for(s in u){if(u.hasOwnProperty(s)){t++}}return t}function o(){var s=new Date;return s.getTime()}function q(s){if(e.debugMode){if(window.console&&window.console.log){window.console.log(s)}else{alert(s)}}}function f(){m();a(b).wrap('<div id="'+i.dom.wrapperID.replace("#","")+'"></div>');a(i.dom.wrapperID).children().remove();a(i.dom.wrapperID).append('<div id="'+i.dom.tickerID.replace("#","")+'" class="ticker"><div id="'+i.dom.titleID.replace("#","")+'" class="ticker-title"><span><!-- --></span></div><p id="'+i.dom.contentID.replace("#","")+'" class="ticker-content"></p><div id="'+i.dom.revealID.replace("#","")+'" class="ticker-swipe"><span><!-- --></span></div></div>');a(i.dom.wrapperID).removeClass("no-js").addClass("ticker-wrapper has-js "+e.direction);a(i.dom.tickerElem+","+i.dom.contentID).hide();if(e.controls){a(i.dom.controlsID).live("click mouseover mousedown mouseout mouseup",function(t){var s=t.target.id;if(t.type=="click"){switch(s){case i.dom.prevID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("prev");break;case i.dom.nextID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("next");break;case i.dom.playPauseID.replace("#",""):if(i.play==true){i.paused=true;a(i.dom.playPauseID).addClass("paused");j()}else{i.paused=false;a(i.dom.playPauseID).removeClass("paused");p()}break}}else{if(t.type=="mouseover"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("over")}else{if(t.type=="mousedown"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("down")}else{if(t.type=="mouseup"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("down")}else{if(t.type=="mouseout"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("over")}}}}}});a(i.dom.wrapperID).append('<ul id="'+i.dom.controlsID.replace("#","")+'" class="ticker-controls"><li id="'+i.dom.playPauseID.replace("#","")+'" class="jnt-play-pause controls"><a href=""><!-- --></a></li><li id="'+i.dom.prevID.replace("#","")+'" class="jnt-prev controls"><a href=""><!-- --></a></li><li id="'+i.dom.nextID.replace("#","")+'" class="jnt-next controls"><a href=""><!-- --></a></li></ul>')}if(e.displayType!="fade"){a(i.dom.contentID).mouseover(function(){if(i.paused==false){j()}}).mouseout(function(){if(i.paused==false){p()}})}if(!e.ajaxFeed){r()}}function m(){if(i.contentLoaded==false){if(e.ajaxFeed){if(e.feedType=="xml"){a.ajax({url:e.feedUrl,cache:false,dataType:e.feedType,async:true,success:function(w){count=0;for(var t=0;t<w.childNodes.length;t++){if(w.childNodes[t].nodeName=="rss"){xmlContent=w.childNodes[t]}}for(var u=0;u<xmlContent.childNodes.length;u++){if(xmlContent.childNodes[u].nodeName=="channel"){xmlChannel=xmlContent.childNodes[u]}}for(var s=0;s<xmlChannel.childNodes.length;s++){if(xmlChannel.childNodes[s].nodeName=="item"){xmlItems=xmlChannel.childNodes[s];var z,v=false;for(var A=0;A<xmlItems.childNodes.length;A++){if(xmlItems.childNodes[A].nodeName=="title"){z=xmlItems.childNodes[A].lastChild.nodeValue}else{if(xmlItems.childNodes[A].nodeName=="link"){v=xmlItems.childNodes[A].lastChild.nodeValue}}if((z!==false&&z!="")&&v!==false){i.newsArr["item-"+count]={type:e.titleText,content:'<a href="'+v+'">'+z+"</a>"};count++;z=false;v=false}}}}if(l(i.newsArr<1)){q("Couldn't find any content from the XML feed for the ticker to use!");return false}i.contentLoaded=true;r()}})}else{q("Code Me!")}}else{if(e.htmlFeed){if(a(b+" LI").length>0){a(b+" LI").each(function(s){i.newsArr["item-"+s]={type:e.titleText,content:a(this).html()}})}else{q("Couldn't find HTML any content for the ticker to use!");return false}}else{q("The ticker is set to not use any types of content! Check the settings for the ticker.");return false}}}}function r(){i.contentLoaded=true;a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}distance=a(i.dom.contentID).width();time=distance/e.speed;h()}function h(){a(i.dom.contentID).css("opacity","1");if(i.play){var s=a(i.dom.titleID).width()+20;a(i.dom.revealID).css(e.direction,s+"px");if(e.displayType=="fade"){a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).css(e.direction,s+"px").fadeIn(e.fadeInSpeed,k)})}else{if(e.displayType=="scroll"){}else{a(i.dom.revealElem).show(0,function(){a(i.dom.contentID).css(e.direction,s+"px").show();animationAction=e.direction=="right"?{marginRight:distance+"px"}:{marginLeft:distance+"px"};a(i.dom.revealID).css("margin-"+e.direction,"0px").delay(20).animate(animationAction,time,"linear",k)})}}}else{return false}}function k(){if(i.play){a(i.dom.contentID).delay(e.pauseOnItems).fadeOut(e.fadeOutSpeed);if(e.displayType=="fade"){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})}else{a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})})}}else{a(i.dom.revealElem).hide()}}function j(){i.play=false;a(i.dom.tickerID+","+i.dom.revealID+","+i.dom.titleID+","+i.dom.titleElem+","+i.dom.revealElem+","+i.dom.contentID).stop(true,true);a(i.dom.revealID+","+i.dom.revealElem).hide();a(i.dom.wrapperID).find(i.dom.titleID+","+i.dom.titleElem).show().end().find(i.dom.contentID).show()}function p(){i.play=true;i.paused=false;k()}function n(s){j();switch(s){case"prev":if(i.position==0){i.position=l(i.newsArr)-2}else{if(i.position==1){i.position=l(i.newsArr)-1}else{i.position=i.position-2}}a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break;case"next":a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break}if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}}})};a.fn.ticker.defaults={speed:0.1,ajaxFeed:false,feedUrl:"",feedType:"xml",displayType:"reveal",htmlFeed:true,debugMode:true,controls:true,titleText:"Latest",direction:"ltr",pauseOnItems:3000,fadeInSpeed:600,fadeOutSpeed:300}})(jQuery);
//JS Cookie
function createCookie(c,d,e){if(e){var b=new Date();b.setTime(b.getTime()+(e*24*60*60*1000));var a="; expires="+b.toGMTString()}else{var a=""}document.cookie=c+"="+d+a+"; path=/"}function readCookie(b){var e=b+"=";var a=document.cookie.split(";");for(var d=0;d<a.length;d++){var f=a[d];while(f.charAt(0)==" "){f=f.substring(1,f.length)}if(f.indexOf(e)==0){return f.substring(e.length,f.length)}}return null}function eraseCookie(a){createCookie(a,"",-1)};
//Antiscroll by Guillermo Rauch guillermo@learnboost.com
(function(d){d.fn.antiscroll=function(g){return this.each(function(){if(d(this).data("antiscroll")){d(this).data("antiscroll").destroy()}d(this).data("antiscroll",new d.Antiscroll(this,g))})};d.Antiscroll=a;function a(g,h){this.el=d(g);this.options=h||{};this.x=(false!==this.options.x)||this.options.forceHorizontal;this.y=(false!==this.options.y)||this.options.forceVertical;this.autoHide=false!==this.options.autoHide;this.padding=undefined==this.options.padding?2:this.options.padding;this.inner=this.el.find(".antiscroll-inner");this.inner.css({width:"+="+(this.y?c():0),height:"+="+(this.x?c():0)});this.refresh()}a.prototype.refresh=function(){var h=this.inner.get(0).scrollWidth>this.el.width()+(this.y?c():0),g=this.inner.get(0).scrollHeight>this.el.height()+(this.x?c():0);if(this.x){if(!this.horizontal&&h){this.horizontal=new f.Horizontal(this)}else{if(this.horizontal&&!h){this.horizontal.destroy();this.horizontal=null}else{if(this.horizontal){this.horizontal.update()}}}}if(this.y){if(!this.vertical&&g){this.vertical=new f.Vertical(this)}else{if(this.vertical&&!g){this.vertical.destroy();this.vertical=null}else{if(this.vertical){this.vertical.update()}}}}};a.prototype.destroy=function(){if(this.horizontal){this.horizontal.destroy();this.horizontal=null}if(this.vertical){this.vertical.destroy();this.vertical=null}return this};a.prototype.rebuild=function(){this.destroy();this.inner.attr("style","");a.call(this,this.el,this.options);return this};function f(h){this.pane=h;this.pane.el.append(this.el);this.innerEl=this.pane.inner.get(0);this.dragging=false;this.enter=false;this.shown=false;this.pane.el.mouseenter(d.proxy(this,"mouseenter"));this.pane.el.mouseleave(d.proxy(this,"mouseleave"));this.el.mousedown(d.proxy(this,"mousedown"));this.innerPaneScrollListener=d.proxy(this,"scroll");this.pane.inner.scroll(this.innerPaneScrollListener);this.innerPaneMouseWheelListener=d.proxy(this,"mousewheel");this.pane.inner.bind("mousewheel",this.innerPaneMouseWheelListener);var g=this.pane.options.initialDisplay;if(g!==false){this.show();if(this.pane.autoHide){this.hiding=setTimeout(d.proxy(this,"hide"),parseInt(g,10)||3000)}}}f.prototype.destroy=function(){this.el.remove();this.pane.inner.unbind("scroll",this.innerPaneScrollListener);this.pane.inner.unbind("mousewheel",this.innerPaneMouseWheelListener);return this};f.prototype.mouseenter=function(){this.enter=true;this.show()};f.prototype.mouseleave=function(){this.enter=false;if(!this.dragging){if(this.pane.autoHide){this.hide()}}};f.prototype.scroll=function(){if(!this.shown){this.show();if(!this.enter&&!this.dragging){if(this.pane.autoHide){this.hiding=setTimeout(d.proxy(this,"hide"),1500)}}}this.update()};f.prototype.mousedown=function(i){i.preventDefault();this.dragging=true;this.startPageY=i.pageY-parseInt(this.el.css("top"),10);this.startPageX=i.pageX-parseInt(this.el.css("left"),10);this.el[0].ownerDocument.onselectstart=function(){return false};var j=this.pane,g=d.proxy(this,"mousemove"),h=this;d(this.el[0].ownerDocument).mousemove(g).mouseup(function(){h.dragging=false;this.onselectstart=null;d(this).unbind("mousemove",g);if(!h.enter){h.hide()}})};f.prototype.show=function(g){if(!this.shown&&this.update()){this.el.addClass("antiscroll-scrollbar-shown");if(this.hiding){clearTimeout(this.hiding);this.hiding=null}this.shown=true}};f.prototype.hide=function(){if(this.pane.autoHide!==false&&this.shown){this.el.removeClass("antiscroll-scrollbar-shown");this.shown=false}};f.Horizontal=function(g){this.el=d('<div class="antiscroll-scrollbar antiscroll-scrollbar-horizontal">',g.el);f.call(this,g)};e(f.Horizontal,f);f.Horizontal.prototype.update=function(){var g=this.pane.el.width(),h=g-this.pane.padding*2,i=this.pane.inner.get(0);this.el.css("width",h*g/i.scrollWidth).css("left",h*i.scrollLeft/i.scrollWidth);return g<i.scrollWidth};f.Horizontal.prototype.mousemove=function(i){var g=this.pane.el.width()-this.pane.padding*2,l=i.pageX-this.startPageX,h=this.el.width(),j=this.pane.inner.get(0);var k=Math.min(Math.max(l,0),g-h);j.scrollLeft=(j.scrollWidth-this.pane.el.width())*k/(g-h)};f.Horizontal.prototype.mousewheel=function(h,j,g,i){if((g<0&&0==this.pane.inner.get(0).scrollLeft)||(g>0&&(this.innerEl.scrollLeft+Math.ceil(this.pane.el.width())==this.innerEl.scrollWidth))){h.preventDefault();return false}};f.Vertical=function(g){this.el=d('<div class="antiscroll-scrollbar antiscroll-scrollbar-vertical">',g.el);f.call(this,g)};e(f.Vertical,f);f.Vertical.prototype.update=function(){var h=this.pane.el.height(),i=h-this.pane.padding*2,k=this.innerEl;var l=i*h/k.scrollHeight;l=l<20?20:l;var g=i*k.scrollTop/k.scrollHeight;if((g+l)>i){var j=(g+l)-i;g=g-j-3}this.el.css("height",l).css("top",g);return h<k.scrollHeight};f.Vertical.prototype.mousemove=function(i){var g=this.pane.el.height(),h=g-this.pane.padding*2,m=i.pageY-this.startPageY,k=this.el.height(),j=this.innerEl;var l=Math.min(Math.max(m,0),h-k);j.scrollTop=(j.scrollHeight-g)*l/(h-k)};f.Vertical.prototype.mousewheel=function(h,j,g,i){if((i>0&&0==this.innerEl.scrollTop)||(i<0&&(this.innerEl.scrollTop+Math.ceil(this.pane.el.height())==this.innerEl.scrollHeight))){h.preventDefault();return false}};function e(i,h){function g(){}g.prototype=h.prototype;i.prototype=new g}var b;function c(){if(b===undefined){var i=d('<div class="antiscroll-inner" style="width:50px;height:50px;overflow-y:scroll;position:absolute;top:-200px;left:-200px;"><div style="height:100px;width:100%"></div>');d("body").append(i);var h=d(i).innerWidth();var g=d("div",i).innerWidth();d(i).remove();b=h-g}return b}})(jQuery);
//View Mode by MKR
window.viewMode=(function(){var a=function(d){var f=d||{},b=f.viewmodedefault||"grid",e=f.cookielist||"list",c=f.cookiegrid||"grid";(function(){var g=$(".blog-posts.hfeed").find(".post-outer"),i=$("#view .grid"),j=$("#view .list");function h(){g.addClass("grid").removeClass("list");i.addClass("active");j.removeClass("active");createCookie(c,null,10000);eraseCookie(e);return false}function k(){g.removeClass("grid").addClass("list");i.removeClass("active");j.addClass("active");createCookie(e,null,10000);eraseCookie(c);return false}if(readCookie(e)&&b!="grid"){k();eraseCookie(e)}else{if(readCookie(c)&&b!="grid"){h();eraseCookie(c)}else{if(readCookie(e)){k();eraseCookie(e)}else{if(readCookie(c)){h();eraseCookie(c)}else{if(b!="grid"){k();eraseCookie(e)}else{h();eraseCookie(c)}}}}}i.click(h);j.click(k)})()};return function(b){a(b)}})();
//Digital Time and Date by MKR
function datetime(a){(function(c){var d={months:["January","February","March","April","May","June","July","August","September","October","November","December"],dateplace:"tglxnya",timeplace:"clockx"};d=c.extend({},d,a);var b=new Date();var i=b.getDate();var e=b.getMonth();var f=b.getYear();var g=(f<1000)?f+1900:f;document.getElementById(d.dateplace).innerHTML=d.months[e]+" "+i+", "+g;var h=function(k){if(k<10){k="0"+k}return k};var j=function(){var m="";var k=new Date();var o=k.getHours();var n=k.getMinutes();var l=k.getSeconds();if(o<12){m="AM"}else{m="PM"}if(o==0){o=12}if(o>12){o=o-12}o=h(o);n=h(n);l=h(l);document.getElementById(d.timeplace).innerHTML=o+":"+n+":"+l+" "+m};setInterval(j,500)})(jQuery)};
//Navigation Call by MKR
function menunav(c){c("#mobilenav").click(function(){c("#menunav").slideToggle();c(this).toggleClass("active");return false});c("#topmobilenav").click(function(){c("#topmenunav").slideToggle();c(this).toggleClass("active");return false});c(".sf-menu ul").each(function(){var e=c(this).parent("li");e.append("<i></i>")});var b=function(){var e=c(window).width();if(e>979){c("#menunav").css("display","block");c("#menunav").superfish({animation:{height:"show"},animationOut:{height:"hide"}});c(".sf-menu i").css("display","none")}else{if(e<=979&&c("#mobilenav").attr("class")==="active"){c("#menunav").css("display","block");c("#menunav").superfish("destroy");c(".sf-menu i").css("display","block")}else{if(e<=979&&c("#mobilenav").attr("class")!=="active"){c("#menunav").css("display","none");c("#menunav").superfish("destroy");c(".sf-menu i").css("display","block")}}}};var a=function(){var e=c(window).width();if(e>979){c("#topmenunav").css("display","block");c("#topmenunav").superfish({animation:{height:"show"},animationOut:{height:"hide"}});c(".sf-menu i").css("display","none")}else{if(e<=979&&c("#topmobilenav").attr("class")==="active"){c("#topmenunav").css("display","block");c("#topmenunav").superfish("destroy");c(".sf-menu i").css("display","block")}else{if(e<=979&&c("#topmobilenav").attr("class")!=="active"){c("#topmenunav").css("display","none");c("#topmenunav").superfish("destroy");c(".sf-menu i").css("display","block")}}}};b();a();c(window).resize(b);c(window).resize(a);c(".sf-menu i").click(function(){var e=c(this).parent("li");var f=e.children("ul");f.slideToggle();c(this).toggleClass("active");return false});var d=window.location.href;c("#menunav a, #topmenunav a").each(function(){if(this.href===d){var e=c(this).parents("li").children("a").addClass("current")}})};
//Organic tab by CSStrick
(function(a){a.organicTabs=function(c,b){var d=this;d.$el=a(c);d.$nav=d.$el.find(".navtab");d.init=function(){d.options=a.extend({},a.organicTabs.defaultOptions,b);a(".hide").css({position:"relative",top:0,left:0,display:"none"});d.$nav.delegate("li > a","click",function(){var g=d.$el.find("a.current").attr("href").substring(1),f=a(this),e=f.attr("href").substring(1),h=d.$el.find(".list-tabwrap"),i=h.height();h.height(i);if((e!=g)&&(d.$el.find(":animated").length==0)){d.$el.find("#"+g).fadeOut(d.options.speed,function(){d.$el.find("#"+e).fadeIn(d.options.speed);var j=d.$el.find("#"+e).height();h.animate({height:j});d.$el.find(".navtab li a").removeClass("current");f.addClass("current")})}return false});if(a(".sidebarmd-widget .BlogArchive .toggle").length){a(".sidebarmd-widget .BlogArchive .toggle").click(function(){var h=a(this).parents(".BlogArchive");var g=a(this).parent("li");var e=g.children("ul");var f=function(){var i=h.height();a(".list-tabwrap").animate({height:i})};if(a(this).children().is(".toggle-open")){setTimeout(f,500)}else{if(e.length>0){setTimeout(f,500)}else{setTimeout(f,3000)}}})}};d.init()};a.organicTabs.defaultOptions={speed:300};a.fn.organicTabs=function(b){return this.each(function(){(new a.organicTabs(this,b))})}})(jQuery);
//Date Format by MKR
function datenya(a){(function(b){var c={monthName:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};c=b.extend({},c,a);b(".timestamp-link abbr.published").each(function(){var h,e,f=b(this).attr("title");if(f!=""){var j=f.substring(0,10),k=j.substring(0,4),i=j.substring(5,7),g=j.substring(8,10),d=c.monthName[parseInt(i,10)-1]}h=b(this).parents(".post");e=h.children(".datex");e.removeClass("hidex").addClass("show");b("strong",e).html(g);b("small",e).html(k);b("span",e).html(d)})})(jQuery)};
//Ajax Loadmore by MKR
function loadMorePost(a){(function(d){var i={loadingGif:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-Avk4Md7EjBiu53oAgWhBznKbVgMqRdom2RP-YMIM9gZlIYk_CKcxgi5lkwYYWL9mfz7auuFNHvt0WGJ28-cZSZuJPYEsovBDzQVpmOArGsosj9TZrxhXx_inF8yZwZTLs4ul3oTyJgj/s32/ajax-loader.gif",olderPostsLink:"",loadMoreDiv:null,thumbnailSize:"s180-c",summaryLength:200,postContainerSelector:"div.blog-posts",MoreText:"Load more posts",viewmodedefault:"grid",cookielist:"list",cookiegrid:"grid",monthName:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],slideffect:true,maxImage:5,slideSpeed:5000,BackupImage:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",loading:false};i=d.extend({},i,a);var g=d(window);var f=d(document);var c=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;function b(j){d.getScript("http://"+j+".disqus.com/blogger_index.js")}function e(){if(i.loading){return}i.loading=true;if(!i.olderPostsLink){i.loadMoreDiv.hide();return}i.loadMoreDiv.find("a").hide();i.loadMoreDiv.find("img").show();d.get(i.olderPostsLink,"html").done(function(l){var j=d("<div></div>").append(l.replace(c,""));var k=j.find("a.blog-pager-older-link");if(k){i.olderPostsLink=k.attr("href")}else{i.olderPostsLink="";i.loadMoreDiv.hide()}var m=j.find(i.postContainerSelector).children(".date-outer");m.find(".post-summary").each(function(){var n,B,o,t,u,y,r,C="",q="";B=d(this).parent(".post-body");o=B.children("textarea").val();r=o.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");u=d("<div></div>").append(o.replace(c,""));t=u.find("img");iframex=u.find("iframe");parens=d(this).parents(".post");y=parens.find(".post-title.entry-title a").attr("href");titlex=parens.find(".post-title.entry-title a").text();if(t.length===0&&iframex.length===0){n='<a title="'+titlex+'" class="thumbimgx" href="'+y+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}else{if(t.length===0&&iframex.length>0){var v=iframex[0].src;if(v.indexOf("youtube.com")!=-1||v.indexOf("youtu.be")!=-1){var x=v.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);n='<a class="thumbimgx" title="'+titlex+'" href="'+y+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+x[2]+'/0.jpg" alt="'+titlex+'"/></a>'}else{n='<a class="thumbimgx" title="'+titlex+'" href="'+y+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}}else{if(i.slideffect===true&&t.length>1){var p=(i.maxImage>t.length?t.length:i.maxImage);for(var w=0,A=p;w<A;w++){C+='<li><a title="'+titlex+'" href="'+y+'"><img alt="'+titlex+'" src="'+t[w].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'"/></a></li>'}n='<div class="thumbimgslide"><div class="slideximg"><ul class="imgslide">'+C+"</ul></div></div>";var s=d(this).attr("id");setTimeout(function(){d("#"+s+" .slideximg").flexslider({animation:"fade",selector:".imgslide > li",slideshowSpeed:i.slideSpeed})},20)}else{n='<a class="thumbimgx" title="'+titlex+'" href="'+y+'"><img class="post-thumbnail" src="'+t[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"></a>'}}}q=n+'<strong><a class="titlex" href="'+y+'">'+titlex+"</a></strong><p>"+r.substring(0,i.summaryLength)+"…</p>";d(this).html(q)});d(i.postContainerSelector).append(m);datenya({monthName:i.monthName});viewMode({viewmodedefault:i.viewmodedefault,cookielist:i.cookielist,cookiegrid:i.cookiegrid});if(window._gaq){window._gaq.push(["_trackPageview",i.olderPostsLink])}if(window.gapi&&window.gapi.plusone&&window.gapi.plusone.go){window.gapi.plusone.go()}if(window.disqus_shortname){b(window.disqus_shortname)}if(window.FB&&window.FB.XFBML&&window.FB.XFBML.parse){window.FB.XFBML.parse()}i.loadMoreDiv.find("img").hide();i.loadMoreDiv.find("a").show();i.loading=false});return false}function h(){if(_WidgetManager._GetAllData().blog.pageType=="item"){return}i.olderPostsLink=d("a.blog-pager-older-link").attr("href");if(!i.olderPostsLink){return}var k=d('<a class="loadpost" href="javascript:;">'+i.MoreText+"</a>");k.click(e);var j=d('<img class="imgload" src="'+i.loadingGif+'" style="display: none;">');i.loadMoreDiv=d('<div style="text-align: center; font-size: 120%;"></div>');i.loadMoreDiv.append(k);i.loadMoreDiv.append(j);i.loadMoreDiv.insertBefore(d("#blog-pager"));d("#blog-pager").hide()}f.ready(h)})(jQuery)};
// Ajax Page Navigation by MKR
function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:3,previous:"«",next:"»",loadAjax:true,thumbnailSize:"s180-c",summaryLength:200,viewmodedefault:"grid",cookielist:"list",cookiegrid:"grid",monthName:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],slideffect:true,maxImage:5,slideSpeed:5000,BackupImage:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif"};i=e.extend({},i,a);var g="/";var d=location.href;var k;var l;var j;var f;var m=function(n){var s="";nomerkiri=parseInt(i.numshowpage/2);if(nomerkiri==i.numshowpage-nomerkiri){i.numshowpage=nomerkiri*2+1}mulai=j-nomerkiri;if(mulai<1){mulai=1}maksimal=parseInt(n/i.postperpage)+1;if(maksimal-1==n/i.postperpage){maksimal=maksimal-1}akhir=mulai+i.numshowpage-1;if(akhir>maksimal){akhir=maksimal}var u=parseInt(j)-1;if(j>1){if(j==2){if(l=="page"){s+='<span class="showpage"><a href="'+g+'">'+i.previous+"</a></span>"}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">'+i.previous+"</a></span>"}}else{if(l=="page"){s+='<span class="showpageNum"><a class="xpagex" href="#" alt="'+u+'">'+i.previous+"</a></span>"}else{s+='<span class="showpageNum"><a class="xlabelx" href="#" alt="'+u+'">'+i.previous+"</a></span>"}}}if(mulai>1){if(l=="page"){s+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}if(mulai>2){s+='<span class="dotxpage"> ... </span>'}for(var t=mulai;t<=akhir;t++){if(j==t){s+='<span class="showpagePoint">'+t+"</span>"}else{if(t==1){if(l=="page"){s+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{s+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}else{if(l=="page"){s+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+t+'">'+t+"</a></span>"}else{s+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+t+'">'+t+"</a></span>"}}}}if(akhir<maksimal-1){s+='<span class="dotxpage"> ... </span>'}if(akhir<maksimal){if(l=="page"){s+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+maksimal+'">'+maksimal+"</a></span>"}else{s+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+maksimal+'">'+maksimal+"</a></span>"}}var q=parseInt(j)+1;if(j<maksimal){if(l=="page"){s+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+q+'">'+i.next+"</a></span>"}else{s+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+q+'">'+i.next+"</a></span>"}}var r=document.getElementsByName("pageArea");var o=document.getElementById("blog-pager");for(var v=0;v<r.length;v++){r[v].innerHTML=s}if(r&&r.length>0){s=""}if(o){o.innerHTML=s}e("#blog-pager").css("display","block");e("#blog-pager a.xpagex, #blog-pager a.xlabelx").click(function(){if(i.loadAjax){e(".loadingpost").show()}var p=e(this).attr("alt");jsonstart=(p-1)*i.postperpage;k=p;if(l=="page"){e.get(g+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}else{e.get(g+"feeds/posts/summary/-/"+f+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}return false});e(".loadingpost").hide()};var b=function(n){var p=n.feed;var o=parseInt(p.openSearch$totalResults.$t,10);m(o)};var c=function(){var n=d;if(n.indexOf("/search/label/")!=-1){if(n.indexOf("?updated-max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?updated-max"))}else{if(n.indexOf("?&max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?&max"))}else{f=n.substr(n.lastIndexOf("/"))}}}if(n.indexOf("?q=")==-1&&n.indexOf(".html")==-1){if(n.indexOf("/search/label/")==-1){l="page";if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary?max-results=1&alt=json-in-script",b,"jsonp")}else{l="label";if(n.indexOf("&max-results=")==-1){i.postperpage=20}if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary/-/"+f+"?max-results=1&alt=json-in-script",b,"jsonp")}}};c();var h=function(o){post=o.feed.entry[0];var n=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var s=encodeURIComponent(n);if(l=="page"){var p="/search?updated-max="+s+"&max-results="+i.postperpage+"#PageNo="+k}else{var p="/search/label/"+f+"?updated-max="+s+"&max-results="+i.postperpage+"#PageNo="+k}if(!i.loadAjax){location.href=p}else{var r=function(t){e.getScript("http://"+t+".disqus.com/blogger_index.js")};var q=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;e.get(p,"html").done(function(u){var t=e("<div></div>").append(u.replace(q,""));var v=t.find("div.blog-posts").children(".date-outer");v.find(".post-summary").each(function(){var w,K,x,D,E,I,B,L="",A="";K=e(this).parent(".post-body");x=K.children("textarea").val();B=x.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");E=e("<div></div>").append(x.replace(q,""));D=E.find("img");iframex=E.find("iframe");parens=e(this).parents(".post");I=parens.find(".post-title.entry-title a").attr("href");titlex=parens.find(".post-title.entry-title a").text();if(D.length===0&&iframex.length===0){w='<a title="'+titlex+'" class="thumbimgx" href="'+I+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}else{if(D.length===0&&iframex.length>0){var F=iframex[0].src;if(F.indexOf("youtube.com")!=-1||F.indexOf("youtu.be")!=-1){var H=F.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);w='<a class="thumbimgx" title="'+titlex+'" href="'+I+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+H[2]+'/0.jpg" alt="'+titlex+'"/></a>'}else{w='<a class="thumbimgx" title="'+titlex+'" href="'+I+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}}else{if(i.slideffect===true&&D.length>1){var y=(i.maxImage>D.length?D.length:i.maxImage);for(var G=0,J=y;G<J;G++){L+='<li><a title="'+titlex+'" href="'+I+'"><img alt="'+titlex+'" src="'+D[G].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'"/></a></li>'}w='<div class="thumbimgslide"><div class="slideximg"><ul class="imgslide">'+L+"</ul></div></div>";var C=e(this).attr("id");setTimeout(function(){e("#"+C+" .slideximg").flexslider({animation:"fade",selector:".imgslide > li",slideshowSpeed:i.slideSpeed})},20)}else{w='<a class="thumbimgx" title="'+titlex+'" href="'+I+'"><img class="post-thumbnail" src="'+D[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"></a>'}}}A=w+'<strong><a class="titlex" href="'+I+'">'+titlex+"</a></strong><p>"+B.substring(0,i.summaryLength)+"…</p>";e(this).html(A)});e("div.blog-posts").html(v);datenya({monthName:i.monthName});viewMode({viewmodedefault:i.viewmodedefault,cookielist:i.cookielist,cookiegrid:i.cookiegrid});d=p;c();if(window._gaq){window._gaq.push(["_trackPageview",i.olderPostsLink])}if(window.gapi&&window.gapi.plusone&&window.gapi.plusone.go){window.gapi.plusone.go()}if(window.disqus_shortname){r(window.disqus_shortname)}if(window.FB&&window.FB.XFBML&&window.FB.XFBML.parse){window.FB.XFBML.parse()}})}}})(jQuery)};
// Ajax JSON Search box by Taufik url https://plus.google.com/108949996304093815163/about modif by MKR:
function searchxx(a){(function(d){var f={blogURL:"",srcBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",findText:"Search results for keyword",NotfindText:"No result!",Showthumb:true,LoadingText:"Searching...",scrthumbSize:50,summaryLength:100};f=d.extend({},f,a);var b=d("#ajax-search-form"),e=b.find(":text");b.append('<div id="search-result"></div>');var c=d("#search-result");b.on("submit",function(){var g=e.val();c.show().html('<div class="load">'+f.LoadingText+"</div>");d.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?alt=json-in-script&q="+g+"&max-results=9999",function(x){var v=x.feed.entry,s,r,u,t,h,l,n="";if(v!==undefined){n="<h4>"+f.findText+" ""+g+""</h4>";n+='<a class="close" href="/">×</a><div class="box-wrap antiscroll-wrap"><div class="box"><div class="antiscroll-inner"><div class="box-inner"><ol>';for(var p=0,k=v.length;p<k;p++){var m=new RegExp(g,"ig"),u=v[p].title.$t.replace(m,"<mark>"+g+"</mark>");for(var o=0,w=v[p].link.length;o<w;o++){if(v[p].link[o].rel=="alternate"){t=v[p].link[o].href}}s=("content" in v[p]?v[p].content.$t:"summary" in v[p]?v[p].summary.$t:"");h=d("<div></div>").append(s.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,""));l=h.find("img");if("media$thumbnail" in v[p]){r=v[p].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.scrthumbSize+"-c")}else{if(l.length!=0){r=l[0].src}else{r=f.srcBlank}}s=s.replace(/<\S[^>]*>/g,"");if(s.length>f.summaryLength){s=s.substring(0,f.summaryLength)+"..."}s=s.replace(m,"<mark>"+g+"</mark>");n+='<li><a href="'+t+'" >'+(f.Showthumb===true?'<img style="width:'+f.scrthumbSize+"px;height:"+f.scrthumbSize+'px" width="'+f.scrthumbSize+'" height="'+f.scrthumbSize+'" src="'+r+'"/>':"")+"<strong>"+u+"</strong></a>"+(f.summaryLength>0?"<p>"+s+"</p>":"")+"</li>"}n+="</ol></div></div></div></div>";c.html(n);var q=d("#search-result .box-wrap").antiscroll().data("antiscroll");q.refresh()}else{c.html('<a class="close" href="/">×</a><strong>'+f.NotfindText+"</strong>")}},"jsonp");return false});b.on("click",".close",function(){c.fadeOut();return false})})(jQuery)};
//Ajax Recent Post Tag by MKR
(function(a){a.RecentPostbyTag=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.RecentPostbyTag.defaultOptions,b);d.$el.html('<div class="rcbytag '+d.options.postType+'"><ul class="rcentpost"></ul></div>').addClass(d.options.loadingClass);var e=function(F){var I,n,H,w,L,y,K,x,v,B,J,D,G,q="",k=(d.options.Random===true?shuffleArray(F.feed.entry):F.feed.entry);if(k!==undefined){var u=d.$el.find(".recntmore");var g=d.$el.find("ul li");var t=k.length;for(var E=0;E<t;E++){var A=k[E].link.length;for(var C=0;C<A;C++){if(k[E].link[C].rel=="alternate"){I=k[E].link[C].href;break}}for(var z=0;z<A;z++){if(k[E].link[z].rel=="replies"&&k[E].link[z].type=="text/html"){L=k[E].link[z].title.split(" ")[0];break}}H=("content" in k[E])?k[E].content.$t:("summary" in k[E])?k[E].summary.$t:"";var h=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;y=a("<div></div>").append(H.replace(h,""));K=y.find("img");if("media$thumbnail" in k[E]){x=k[E].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+d.options.ImageSize);if(k[E]===k[0]&&d.options.postType!=="s"){x=k[E].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+d.options.FirstImageSize)}else{if(k[E].media$thumbnail.url.indexOf("img.youtube.com")!=-1){x=k[E].media$thumbnail.url.replace("default","0")}}}else{if(K.length!=0){x=K[0].src}else{x=d.options.pBlank}}H=H.replace(/<\S[^>]*>/g,"");if(H.length>d.options.Summarylength){H=H.substring(0,d.options.Summarylength)+"..."}n=k[E].title.$t;G=k[E].published.$t.substring(0,10);v=G.substring(0,4);B=G.substring(5,7);J=G.substring(8,10);D=d.options.MonthNames[parseInt(B,10)-1];q+='<li class="a'+E+'"><div class="inner" ><a title="'+n+'" class="thumbxtag" href="'+I+'"><img src="'+x+'"/></a><strong><a href="'+I+'">'+n+'</a></strong><div class="info">'+(d.options.ShowDate===true?'<span class="date"><span class="dd">'+J+'</span> <span class="dm">'+D+'</span> <span class="dy">'+v+"</span></span>":"")+(d.options.ShowComment===true?'<span class="comnum"><a href="'+I+'#comment-form">'+L+"</a></span>":"")+"</div><p "+(d.options.ShowDesc===false?"":'style="display:block"')+">"+H+"</p></div></li>"+(k[E]===k[0]&&d.options.postType!=="s"&&!g.length?'<div class="recntright"><div class="box-wrap antiscroll-wrap"><div class="box"><div class="antiscroll-inner"><div class="box-inner"><ul>':"")+(k[E]===k[t+1]&&d.options.postType!=="s"&&!g.length?"</ul></div></div></div></div>"+s+"</div>":"")}if(u.length){d.$el.find(".recntright ul").append(q);d.$el.find(".box-wrap").antiscroll().data("antiscroll").refresh()}else{a("ul",d.$el).append(q)}if(d.options.postType==="s"){var r=a(c).parents(".widget");var M=r.children("h2");if(d.options.tagName!=false){M.wrapInner('<a href="/search/label/'+encodeURIComponent(d.options.tagName)+'"/>')}var p,m;var o=d.$el.width();if(o<300){m=1;p=o/m}else{if(o<450){m=2;p=o/m}else{if(o<700){m=3;p=o/m}else{m=4;p=o/m}}}a(".rcbytag",d.$el).flexslider({animation:"slide",selector:".rcentpost > li",animationLoop:true,itemWidth:p,minItems:1,move:m,mousewheel:true,maxItems:4})}else{var s=(d.options.tagName!==false?'<div class="morepostag"><a class="recntmore" title="'+d.options.MoreText+" "+d.options.tagName+'" href="/search/label/'+encodeURIComponent(d.options.tagName)+"?&max-results="+d.options.MoreNumPost+'">'+d.options.MoreText+" "+d.options.tagName+"</a></div>":'<div class="morepostag rect"><a class="recntmore" title="'+d.options.LoadMoreText+'" href="#">'+d.options.LoadMoreText+"</a></div>");if(!u.length){d.$el.find(".recntright").append(s);d.$el.find(".box-wrap").antiscroll().data("antiscroll");if(!d.options.AjaxLoad){a(".morepostag.rect").hide()}}if(g.length+d.options.MaxPost>=F.feed.openSearch$totalResults.$t){d.$el.find(".morepostag").hide()}d.$el.find(".morepostag a.recntmore").removeClass("loadingnya")}d.$el.removeClass(d.options.loadingClass)}else{d.$el.html("<span>No result! Or Error Loading Feed</span>")}};if(d.options.Random===true){a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results=0&orderby=published&alt=json-in-script",function(g){var h=(d.options.MaxPost>g.feed.openSearch$totalResults.$t)?1:getRandomInt(1,(g.feed.openSearch$totalResults.$t-d.options.MaxPost));a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+h+"&alt=json-in-script",e,"jsonp")},"jsonp")}else{var f=a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&alt=json-in-script",e,"jsonp");a.when(f).done(function(){if(d.options.AjaxLoad){d.$el.find(".morepostag a.recntmore").click(function(){d.$el.find(".morepostag a.recntmore").addClass("loadingnya");var h=d.$el.find("ul li");var g=h.length+1;a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+g+"&alt=json-in-script",e,"jsonp");return false})}})}};d.init()};a.RecentPostbyTag.defaultOptions={blogURL:"",MaxPost:5,FirstImageSize:"s220-p",ImageSize:"s80-p",ShowDesc:false,ShowDate:true,ShowComment:true,Random:false,Summarylength:100,MoreText:"View All About",LoadMoreText:"Load More Post",MoreNumPost:6,AjaxLoad:true,postType:"v",loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};a.fn.RecentPostbyTag=function(b){return this.each(function(){(new a.RecentPostbyTag(this,b))})}})(jQuery);
//Emoticon by MKR
window.emoticonx=(function(){var b=function(m){var j=m||{},l=j.emoRange||"#comments p, div.emoWrap",k=j.putEmoAbove||"iframe#comment-editor",h=j.topText||"Click to see the code!",a=j.emoMessage||"To insert emoticon you must added at least one space before the code.";$(k).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>'+h+"</b><br/>"+a+"</div>");var i=function(c,d,e){$(l).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(c," <img style='max-height:24px' src='"+d+"' class='emo delayLoad' alt='"+e+"' />"))})};i(/\s:\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SBvg-r3WI43L6rldH8jYb-kpAz2ewVW3fG3wvrPoU-9WsAV7NiUU6fZWh0OnFaaaVE0AcW9odC9LXC2UaLBikNfGWX_Q9IVHB_dvyeh34yRK_1Cb9113DrzzyXdTJK6A1C2MN_3zfjo/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgljdzhbUwiSaJgez-m3_xE7CnNvQxcZ_St7_cZ8nm6WUK9mcnWBDo9ffG70UTgb33401p6pVOp1zuYKlulyso3zAiYGq2zUxsuET1zeTBql02Im9MOaR0ROexqxaRgoGSthCtaMYpkWPU/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzMGeXxiWBq7dHLOF0DyyQdfkX6py-DElcacU6yURQkKKcQH3wyz8W8KT0D5yJMXxyr85HkC6NQpG0AxXeaX74F0lh1Yy6hKj600GCtIe2jow43ddjseDgk9A04M1dpfwnoCyvvRyXqgo/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZg-3D9sUitMKiW2UvP5UVnXyuLNF7oUPJDgOCCFhuEJHv_0jkwsTJLXjnBpNLUzayi3na5dthUTi0RJ3R41AuNRiKQVwkxz2j-4QC6D6PBtz8MmnS-h5J0rkhc7u2LwTh2QcgR8HEqI/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2cHeCkgaxleebSaQFEjDoW5S4rbacvxWZMmUzBMp2srNuFeEjQuejNmXkcl4mHIaH2kwsPJFpdDA91nsthVoOVEO9kxXkBp8P1lK3qdS8iMtQNe8idjP2LRHe1Z4uR7h8YHmVgSulUA/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbVteqiDIGqlWnvJtdOYxb_JPAgJneB2um_8cbf6s8HkHX9nESZCpoKsQbj50X9LpvbjOGfmAVRVZgReGTg8zAn4h2Ed8oekY8rO4LfupXCrGnV_t3klYcCZ-zfzb18h3t_DZAQs-igU/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ4Prc7f5xFsKoBhgWmJpLoOjRgWVAkgp_6xLcuL1tsNJBCLc-vNZy80IMCHAwj4N7dXWZUwS96iADfykr06u7udPOOg02uO-I0UIDCHlUmaNEoMxpb0LOai_TpmZ6w1D6gYRiCHZq-ps/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAYoOm-KGkQ19cJOgj4KxrjXXB7x_EHXx_nsr7Nb2veoNbe7NMjbvO79l1vdIOre-vbga8hLFQhX5RvvVMIFWYKmgeZeMNj9e67pPpKGfiWd9A96ptiNmV-mijkaXvuzV9jd1nekE1lro/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvK0vqUUkrlbM-yxUL9ku6kKIx7htPUyd2kJKvUbPo9fIX-9tEKMq-tU5dAxyJnVg6mMIKht-M7ycgDqC5uPeSDpitg3sgeebwmZdJ_H7M2V_XjmFF-p4rmVAmsCHvmCAd_bPh8rPIwQ/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtiZJRfLCxQujvFYa_XUFXiNqPoiXarfAnU_QIF6w6-f0shb4e9KDUD-PmVVyMUI-cpBX52fmpqKWaxUxiz8o4dW5QoR9EVX_mntNYi8__ikRV4q0a7wbeUo30F1RokBOdexcZ8SUISrI/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja1MkbsaqxCtw575Wwx3NDk3ZKtBAYzeRO8USpziIjOzlHcWt7BlZ0_ORfEM0bdwNNk9DCCT329fLgQls3vt0GKK9R1hidj10Aig8o3YykR_ottFRj9nk-HYGkHSIfIptQGAMZdKgaDq8/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4DvqorjHaT-riGoaRrd5FA6Iy-Qi_4WnijfCLsqiUUh8gKWqjYHywqxEYWNCsRk-MVtcwkWyjbKdmsuVU9fGHxl8KG2v4psl5GGy-_r65YpzxgSr-pDc-e8XyNoGJApiIExKyFctfzY8/s36/11.gif",":o");i(/\s:>\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxWIPsqOF8d88qKGYGu4k76QCuUXVLXR95EuWfKj878RYjdRII7dGWnYTC1JNQ9bdjll-zYxGocNjdM5ap0yIi8S7CTy6QOjsckraT4GsVfhFVRgJxMGKPltxQvL7e7ELMwmEzlUI7xQ/s36/12.gif",":>)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAcp9IJyTHseB1zVmD0qlOZLI7Tq88rDoSyW5la3QbsPJITEREGvC6CmoZL7owLLlzR1B2GLv1xuGuS8Sc1r2mHhwqVDIczJeehjIYettRgMDQj4GkfMAtJ-_FuWBDRcfuBQN4tC2LWY4/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RAKKogaDNlhOYThYoJZllIyF3ezcg2lfg67GHYq9Y_Ny5Ci8vifadLdS0qoFtrz2PksUV7IcH2hs-BOE3-LEg-G5x_-ZDO3Ob8aKDZDuc8EyMNsJKGMSdTh7-iJ9D1NqNiAhJk-eArk/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi98sIBWTZC01L4qnYpjAeqPdGL0xKszWJRmFYkjJdSq8whQPII7wKLzJ7waqKWsYW5JBL9n9z-koMNvU2gs1sas1P-bfKGKXQEo686ZzuqtulVXG7IWPVpQ2wMzQxS0aRI078ybpkt4tI/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIKcM19FqaOF_1qxJ6WW5kmQXXAz9i0qwoaqw-c4Uzjk1jH4fEr2Nz6VtPATDiJteUA7gOf7FhIc2U0wtkE-JCqqrQcbWbtq9awOqbIAGdFkAiNRhyphenhyphenZiwgi7PcAd6rMlRleTP_o1y_jM/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmjmiteo6JkCQ1LB-6-6J8Yk5DIrp1-fncxKRICFcqnitw9ZacZodcuIwpdh2vRaH41IuaW5g5QjEvtgpsUpzvQdjl3a9huDIV3AlOLrxFprwxZbGmA9mXBzYdjT7_Cz_1WdCNhU93IxU/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6huHbrRM6Pp8H7OG6cCjzh2H-Mn-WD5DqnGrMOst3FEdSAMonzQ9fefE2DxSupXBIVpzOa7wJ1jxGFq3iA-G6diRqFd33icGHK2bdLFBTZ4lhFB3R4tx8gXnq2IBsR-QcGxb2otDmhzg/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik5JkncHWhgzjU6J9fnHaw9DI5a9Hs20UFj5gOOvY5dMpU7qZ0UnWylwYRp1si2xSv9jxu2amQezKEwsZCi9A3mfBeiWnuNB6VFnFR1EWgWYtsbl-DSTQbPS2OSuqBp4eSUWoqGQyYT5w/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZTI8xpqaDvKSXoALK1m_sVsAKQBRs4SuiN4zcwgcE2f0xH6B3l1Hlm2xh8pqQ_qBEY2BgCaqqlz_4UWtn9Ki8dkv9uhVbp8vW4C-iC-ayb4PHODQ2tNminmZw5Mq55O8xNhm1bU6t10/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLzlC_Z__OnFw94E7NET5AF6M_MpV0aKcjS6FjXbJGsBH-Un0FrRcMh-CCHleQuMlakTa0yE6lzUXZIFUlfK0lysyZPF2ks_oqQ4kTTZu9XhI0oE8mTs2dZbwJIt9tZZ-WFJGZ4NCMHmI/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgN_ehP4qIrYzwgw-G1LbIvavZzMR2Z_pepqe0uYv5A0uBEYYZEL1NtY-fX22ikxKgETehIAFnwV8ur4GlK0k7O_a6mjEh-STmA3TVZnE9spKDAuzwK3w5STUdxZemvkY4hOFbDBtqfM4/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEu7d188g1Vj7yW6b_spWGmncJde5_yNJ14COUGhfA_JLPmmoE7vKE413_ewfcVV6zpmZ7y32g_ajWD2dJfFubVpbwzKiPgzBrhyFQDuNFju9XcMCbPTFpecsQyVsyumHkE2ZHlU3oQDY/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOmhww6BIcYvJ-eb__nn9ab4PHN3ZoNFgTiqj2KMGokZC8_Gm2un8ABjIdZeFdtgAR_Q4IcBb4Vk9ihXBwKFH9YE5rOulZ4bAn0H1DG9vA4blX1DInanA4_sD7nnwBFcC7AzJmVBmPo1A/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttshqmfmlMRzvjk07kqcilJ4Mq8zXTHYjuO3Vst_jcHPkUPDK-kts0GfknYF6HJyRm8I_d54VbKiWtYTcWXf_w_AMw8zB1WoVR-HWay4HN_MaY9_IjQ8a5HKn8IF9zjd4_7FyDkrKcPc/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBw7etEiGwkKIBGwCYvMbF4jnNYVzfU62E6cm74hEwnQhG9KjPoGftZOdpUqUzpVqOhSZT1wUE9Nv36A-UKjKW0gt5qGv-4DnZzCmJTqoMpW-Aw2lvhMGScrb-WGocJQEcwvBU9FN4tew/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZegPmvb241BjUfZcRj1Ur2LvJq_Y9nDNjBuspq7qHCWdP8ZewpD_jwLE41hWV96K4kT9tos5LTdF402XgDKcnPO8fAF-MI2w91frM8VqkCr4ax9vppQwlPR4P9MOtoizaXcB53xSVA80/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqO1WPMH0SQiVD9TyP6VKNnN3eE-c39ZcPR1rt0YsSsicZS9rvjIN77aaD636om-LNGycgRbn-vRL_s1jfDVazdod6QsVofmrm_sPQbnbnn3X_K2B-0Jt7xBcA4N5GvZX-MnXcxgdxB4k/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLSeIlnMuz3Q8LmV_oZ_AIBqIOIrzNJk68wzl5efqkVfsn-NkgaJKw6gZWiDVeIZN1mVC_thpjLZ_K6WA87EXnaBlQR2AG6yFFoEVyMpDH4c5EHJy2QzWWjnU9SVVJtXdMAyLw3LACeg/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKMI_KO8jQk0gkMcT4jPQUX2obzPEFxuzA0HZImvUfAWnEHIjnpz51eNneckJhJ-G_G_kheKCCnID0bED2Lt4Nr72VXSAb5WFCmHlPPUZsmYDguy2NjBCZybSm5cviDg6QyEFzKBS3-g8/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhis8Pw1486NMQNgeMcbU_xrCXv1ohsrTZhBW57UCJl029ShDZ76uvtpc8Ww-G3cp5_6hkfR-ZsG3nzBt7QXGy1tkCjka6_AupTSvrAkeOmZdU4T-UXOSllFTf1twpQtBJEIY9Rf7JSsbo/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht-QBfbCoY-baIEJgCQVEIOE6_b4NkULR3pJ1O_Mn5ajhGmCd1t-cApZ42orlxI8-oS4rp49jzlg5J4bNbL_vM5ZxBly78PRdcQvO0UxjE__LUXZLbFdbb03ELY0qzb6-Yadus799zzpA/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").on("click",function(c){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");c.stopPropagation()});$(".emoKey").on("click",function(){$(this).focus().select()});$(document).on("click",function(){$(".emoKey").remove()})};return function(a){b(a)}})();
//Ajax JSON Label by MKR
window.labelnyacx=(function(){var b=function(h){var g=h||{},i=g.url_blog||window.location.host,f=g.id_labelcontent||"#labelxnya";var a;$.get("http://"+i+"/feeds/posts/summary?max-results=0&alt=json-in-script",function(d){var k=d.feed.category,c="";if(k!==undefined){c='<span>+</span><div class="bknslabel"><div class="box-wrap antiscroll-wrap"><div class="box"><div class="antiscroll-inner"><div class="box-inner"><ul class="subnya-xitem">';for(var e=0;e<k.length;e++){c+='<li><a href="/search/label/'+encodeURIComponent(k[e].term)+'">'+k[e].term+"</a></li>"}c+="</ul></div></div></div></div></div>";$(f).html(c);a=$("#labelxnya .box-wrap").antiscroll().data("antiscroll");a.refresh()}else{$(f).html("<span>No Label!</span>")}},"jsonp");$(".xitem1 .liat").click(function(){$("#labelxnya").slideToggle("fast");$(this).toggleClass("active");a.refresh();return false})};return function(a){b(a)}})();
//Ajax JSON NewsTicker by MKR
function NewsTicker(a){(function(b){var c={blogURL:"",MaxPost:10,Speed:0.1,direction:"ltr",titleText:"Latest",displayType:"reveal",Container:"#newsticker",tagName:false,MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};c=b.extend({},c,a);b(c.Container).addClass("loading");b.get((c.blogURL===""?window.location.protocol+"//"+window.location.host:c.blogURL)+"/feeds/posts/summary"+(c.tagName===false?"":"/-/"+c.tagName)+"?max-results="+c.MaxPost+"&orderby=published&alt=json-in-script",function(t){var v,f,l,o,w,p,h,e,s,u,n,g="",d=t.feed.entry;if(d!==undefined){for(var r=0,k=d.length;r<k;r++){for(var q=0,m=d[r].link.length;q<m;q++){if(d[r].link[q].rel=="alternate"){v=d[r].link[q].href}}f=d[r].title.$t;u=d[r].published.$t.substring(0,10);l=u.substring(0,4);o=u.substring(5,7);w=u.substring(8,10);p=c.MonthNames[parseInt(o,10)-1];h=d[r].published.$t.substring(11,16);e=h.substring(0,2);s=h.substring(2,5);n=(e<12?"AM":"PM");if(e===0){e=12}if(e>12){e=e-12}g+='<li class="news-item"><span title="'+p+" "+w+", "+l+'" class="date">'+e+""+s+" "+n+'</span> <a class="title" href="'+v+'">'+f+"</a></li>"}b(c.Container).html('<ul class="js-hidden" id="newstick">'+g+"</ul>").removeClass("loading");b("#newstick").ticker({speed:c.Speed,direction:c.direction,titleText:c.titleText,displayType:c.displayType})}else{b(c.Container).html("<span>No result!</span>").removeClass("loading")}},"jsonp")})(jQuery)};
//Ajax JSON Related Post by MKR
function relatedPostsWidget(a){(function(e){var f={blogURL:"",maxPosts:5,maxTags:5,maxPostsPerTag:5,containerSelector:"#related_posts",tags:null,loadingText:"",loadingClass:"loadingxx",relevantTip:"",ShowComment:true,ShowDate:true,DateFloat:false,ShowDesc:true,rlt_summary:100,relatedTitle:"Related Posts",readMoretext:"Read more »",rlpBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",rlt_thumb:70,recentTitle:"Recent Posts",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],postScoreClass:"",onLoad:false};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="related_posts"></div>');f.containerSelector="#related_posts"}var c=function(A,v){k++;if(A.feed.entry){for(var z=0,o=A.feed.entry.length;z<o;z++){var D,q,H,s,t,G,F,B,p,w,E,y,n=A.feed.entry[z];var n=A.feed.entry[z];for(var x=0,r=n.link.length;x<r;x++){if(n.link[x].rel=="alternate"){D=n.link[x].href;break}}for(var u=0,C=n.link.length;u<C;u++){if(n.link[u].rel=="replies"&&n.link[u].type=="text/html"){G=n.link[u].title.split(" ")[0];break}}q=("content" in n)?n.content.$t:("summary" in n)?n.summary.$t:"";var m=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;t=e("<div></div>").append(q.replace(m,""));F=t.find("img");s=("media$thumbnail" in n)?n.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.rlt_thumb+"-c"):(F.length!=0)?F[0].src:f.rlpBlank;q=q.replace(/<\S[^>]*>/g,"");if(q.length>f.rlt_summary){q=q.substring(0,f.rlt_summary)+"..."}H=n.title.$t;B=n.published.$t.substring(0,10);p=B.substring(0,4);w=B.substring(5,7);E=B.substring(8,10);y=f.MonthNames[parseInt(w,10)-1];if(location.href.toLowerCase()!=D.toLowerCase()){i(D,H,s,q,p,E,y,G)}}}if(k>=f.tags.length){g.attr("class","");e("#related-posts-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(q,u,w,m,y,v,x,z){var r=e("li",g);for(var p=0,l=r.length;p<l;p++){var t=e("a",r.eq(p));var s=j(t);if(t.attr("href")==q){h(t,++s);for(var o=p-1;o>=0;o--){var n=e("a",r.eq(o));if(j(n)>s){if(p-o>1){r.eq(o).after(r.eq(p))}return}}if(p>0){r.eq(0).before(r.eq(p))}return}}g.append('<li><div class="inner"><a class="jdlunya" href="'+q+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'"><span class="gmbrrltd"><img style="width:'+f.rlt_thumb+"px;height:"+f.rlt_thumb+'px;display: block" alt="'+u+'" src="'+w+'"/></span><strong>'+u+'</strong></a><div class="info">'+(f.ShowDate===true?'<span class="date'+(f.DateFloat===true?" floatd":"")+'"><span class="dd">'+v+'</span> <span class="dm">'+x+'</span> <span class="dy">'+y+"</span></span>":"")+(f.ShowComment===true?'<span class="comnum"><a href="'+q+'#comment-form">'+z+"</a></span>":"")+"</div><p "+(f.ShowDesc===true?'style="display:block"':"")+">"+m+'<a title="'+u+'" href="'+q+'">'+f.readMoretext+"</a></p></div></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#related_posts"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="related_posts"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var n=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(n,f.tags)==-1){f.tags[f.tags.length]=n}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h4><span>"+f.recentTitle+"</span></h4>").appendTo(b)}else{if(f.relatedTitle){e("<h4><span>"+f.relatedTitle+"</span></h4>").appendTo(b)}}if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}else{for(var m=0;m<f.tags.length;m++){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default/-/"+f.tags[m]+"?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}}};d()})(jQuery)};
//Ajax JSON Auto Featured Post by MKR
(function(a){a.AutofeaturedPost=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.AutofeaturedPost.defaultOptions,b);d.$el.html('<div class="featuredpost"><ul class="featpost"></ul></div>').addClass(d.options.loadingClass);var e=function(v){var y,h,x,p,A,w,q,n,s,z,k="",g=(d.options.RandompostActive===true?shuffleArray(v.feed.entry):v.feed.entry);for(var u=0,m=g.length;u<m;u++){var o=g[u].link.length;for(var t=0;t<o;t++){if(g[u].link[t].rel=="alternate"){y=g[u].link[t].href;break}}for(var r=0;r<o;r++){if(g[u].link[r].rel=="replies"&&g[u].link[r].type=="text/html"){A=g[u].link[r].title.split(" ")[0];break}}x=("content" in g[u])?g[u].content.$t:("summary" in g[u])?g[u].summary.$t:"";var f=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;newdowm=a("<div></div>").append(x.replace(f,""));imgb=newdowm.find("img");if("media$thumbnail" in g[u]){q=g[u].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+d.options.ImageSize);if(g[u].media$thumbnail.url.indexOf("img.youtube.com")!=-1){q=g[u].media$thumbnail.url.replace("default","0")}}else{if(imgb.length!=0){q=imgb[0].src}else{q=d.options.pBlank}}x=x.replace(/<\S[^>]*>/g,"");if(x.length>d.options.Summarylength){x=x.substring(0,d.options.Summarylength)+"..."}h=g[u].title.$t;w=g[u].published.$t.substring(0,10);n=w.substring(0,4);s=w.substring(5,7);z=w.substring(8,10);nmbln=d.options.MonthNames[parseInt(s,10)-1];k+='<li><div class="inner" ><a title="'+h+'" class="feathumb" href="'+y+'"><img src="'+q+'"/></a><strong class="titlex"><a href="'+y+'">'+h+'</a></strong><div class="labeltext"><div class="infolabel">'+(d.options.ShowDate===true?'<span class="date">'+nmbln+" "+z+", "+n+"</span>":"")+(d.options.ShowComment===true?'<span class="comnum"><a href="'+y+'#comment-form">'+(A==="0"?d.options.NoCommentText:A==="1"?A+" "+d.options.OneCommentText:A+" "+d.options.CommentText)+"</a></span>":"")+"</span></div><p>"+x+"</p></div></div></li>"}d.$el.find("ul.featpost").append(k);d.$el.find(".featuredpost").flexslider({animation:d.options.animation,selector:".featpost > li",animationLoop:true,mousewheel:true,slideshowSpeed:d.options.slideSpeed,before:function(){d.$el.find(".labeltext").stop().animate({left:-600,opacity:0},1000);d.$el.find(".titlex").stop().animate({left:700,opacity:0},1000)},after:function(){d.$el.find(".labeltext").stop().animate({left:0,opacity:1},1000);d.$el.find(".titlex").stop().animate({left:10,opacity:1},1000)}});d.$el.removeClass(d.options.loadingClass)};if(d.options.RandompostActive===true){a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results=0&orderby=published&alt=json-in-script",function(f){var g=(d.options.MaxPost>f.feed.openSearch$totalResults.$t)?1:getRandomInt(1,(f.feed.openSearch$totalResults.$t-d.options.MaxPost));a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+g+"&alt=json-in-script",e,"jsonp")},"jsonp")}else{a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&alt=json-in-script",e,"jsonp")}};d.init()};a.AutofeaturedPost.defaultOptions={blogURL:"",MaxPost:4,ImageSize:500,Summarylength:150,slideSpeed:5000,ShowDate:true,ShowComment:true,animation:"slide",NoCommentText:"No Comment",OneCommentText:"Comment",CommentText:"Comments",RandompostActive:true,loadingClass:"loadingxx",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",tagName:false};a.fn.AutofeaturedPost=function(b){return this.each(function(){(new a.AutofeaturedPost(this,b))})}})(jQuery);
//Scroll Top by MKR
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>250){a("#top").removeAttr("href");a("#top").stop().animate({height:40,opacity:1},{duration:500,queue:false})}else{a("#top").stop().animate({height:0,opacity:0},{duration:500,queue:false})}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
//Ajax JSON Recent Commnet
function RecentComments(a){(function(b){var c={blogURL:"",numComments:4,characters:100,id_containrc:"#rcentcomnets",avatarSize:50,loadingClass:"loadingxx",Showimage:true,defaultAvatar:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGx-i_dFli5zSlhzSgM44r2hxZmC8V3sG-NyzV0izKX5ms3NlLHyOKS8wuoE-sikubvdm-Z1kyhv9sCoblV-HQXuQNkBNkWRuwnUV-T2mK7hXyDoqu4SVwOPnZKyxwi7gs-vBkfryq_AWi/s70/user-anonymous-icon.png",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],maxfeeds:50,adminBlog:""};c=b.extend({},c,a);b(c.id_containrc).addClass(c.loadingClass);b.get((c.blogURL===""?window.location.protocol+"//"+window.location.host:c.blogURL)+"/feeds/comments/default?alt=json-in-script&orderby=published",function(y){var e,d=y.feed.entry;if(d!==undefined){e="<ul class='rcomnetxx'>";ntotal=0;for(var x=0;x<c.maxfeeds;x++){var n,z,C,k,D,j,r;if(x==d.length){break}if(ntotal>=c.numComments){break}var g=d[x];for(var t=0;t<g.link.length;t++){if(g.link[t].rel=="alternate"){n=g.link[t].href}}for(var B=0;B<g.author.length;B++){z=g.author[B].name.$t;C=g.author[B].gd$image.src}if(z!=c.adminBlog&&ntotal<c.numComments){ntotal++;e+="<li>";if(C=="http://img1.blogblog.com/img/blank.gif"){k=c.defaultAvatar}else{k=C.replace(/\/s[0-9]+(\-c|\/)/,"/s"+c.avatarSize+"$1")}j=(g.author[0].uri)?g.author[0].uri.$t:"#nope";e+=(c.Showimage===true?'<a class="kmtimg" href="'+j+'"><img src="'+k+'" title="'+z+'" alt="'+z+'" style="width:'+c.avatarSize+"px;height:"+c.avatarSize+'px;display:block"/></a>':"");var q=n.lastIndexOf("/")+1,s=n.lastIndexOf("."),E=n.split("-").join(" ").substring(q,s)+"...";D=g.published.$t.substring(0,10);var p=D.substring(0,4),u=D.substring(5,7),A=D.substring(8,10),v=c.MonthNames[parseInt(u,10)-1],o=g.published.$t.substring(11,16),h=o.substring(0,2),w=o.substring(2,5);if(h<12){r="AM"}else{r="PM"}if(h===0){h=12}if(h>12){h=h-12}e+='<div class="ketkomt"><a target="_blank" rel="nofollow" href="'+j+'"><strong>'+z+'</strong></a> on <a class="judulx" href="'+n+'">'+E+'</a><div class="date"><span class="dd">'+A+'</span> <span class="dm">'+v+'</span> <span class="dy">'+p+'</span> <span class="timex">'+h+w+" "+r+"</span></div></div>";var m=g.content.$t;var f=m.replace(/(<([^>]+)>)/gi,"");if(f!==""&&f.length>c.characters){f=f.substring(0,c.characters);f+="..."}else{f=f}e+=(c.characters>0?"<p>"+f+"</p>":"");e+="</li>"}}e+="</ul>";b(c.id_containrc).html(e).removeClass(c.loadingClass)}else{b(c.id_containrc).html("<span>No result!</span>").removeClass(c.loadingClass)}},"jsonp")})(jQuery)};
//Manual Featured Post by MKR
function manualfeaturedPost(a){(function(d){var f={slideSpeed:5000,animation:"slide"};f=d.extend({},f,a);var b,e,c;b=d("#main-top-manualslide");e=b.children(".Image");c=e.length;if(c){b.append('<div class="bungkus"><div id="manualslidenya"><div class="featuredpost"><ul class="featpost"></ul></div></div></div>');e.each(function(){var k,j,i,g,h=d(this);k=h.find("h2").text();j=h.find(".widget-content img").attr("src");i=h.find(".widget-content a").attr("href");g=h.find(".caption").text();d("<li/>").append('<div class="inner" ><a title="'+k+'" class="feathumb" href="'+i+'"><img src="'+j+'"/></a><strong class="titlex"><a href="'+i+'">'+k+'</a></strong><div class="labeltext"><p>'+g+"</p></div></div>").appendTo("#main-top-manualslide ul.featpost");d(this).remove()});d("#main-top-manualslide .featuredpost").flexslider({animation:f.animation,selector:".featpost > li",animationLoop:true,mousewheel:true,slideshowSpeed:f.slideSpeed,before:function(){d("#main-top-manualslide").find(".labeltext").stop().animate({left:-600,opacity:0},1000);d("#main-top-manualslide").find(".titlex").stop().animate({left:700,opacity:0},1000)},after:function(){d("#main-top-manualslide").find(".labeltext").stop().animate({left:0,opacity:1},1000);d("#main-top-manualslide").find(".titlex").stop().animate({left:10,opacity:1},1000)}})}})(jQuery)};
//]]>
</script>
</head>
<body expr:class='data:blog.pageType' itemscope='' itemtype='http://schema.org/WebPage'>
<div id='outer-wrapper'>
<div id='topnav'>
<div class='wrapnya'>
<span class='tgltop'>
<span id='tglxnya'/>
<span id='clockx'/>
<script class='jshilang' type='text/javascript'>
datetime();
</script>
</span>
<a href='#' id='topmobilenav'>Menu</a>
<ul class='sf-menu' id='topmenunav'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>More</a>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
</ul>
<ul class='sociico' id='icon-socialmn'>
<li class='sotw'><a href='#' target='_blank'>twitter</a></li>
<li class='sofb'><a href='#' target='_blank'>facebook</a></li>
<li class='sogo'><a href='#' target='_blank'>google</a></li>
<li class='sorss'><a href='#' target='_blank'>rss</a></li>
<li class='solinkn'><a href='#' target='_blank'>linkedin</a></li>
<li class='sodrib'><a href='#' target='_blank'>dribbble</a></li>
<li class='sopint'><a href='#' target='_blank'>pinterest</a></li>
</ul>
</div>
</div>
<header id='header-wrapper'>
<div id='headisi'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Computer Tutor (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:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' 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>
<b:section class='header' id='adstop' maxwidgets='1' showaddelement='yes'/>
</div>
</header>
<nav class='navix' id='nav'>
<div class='wrap'>
<a href='#' id='mobilenav'>Menu</a>
<ul class='sf-menu' id='menunav'>
<li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li><a href='#'>With Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Error 404</a></li>
</ul>
<div id='searchnya'>
<form action='/search' id='ajax-search-form'>
<input name='q' onblur='if (this.value == "") {this.value = "Text to search...";}' onfocus='if (this.value == "Text to search...") {this.value = "";}' type='text' value='Text to search...'/>
<button title='Search' type='submit'>Search</button>
</form>
</div>
</div>
<div class='bgnya'/>
</nav>
<div id='content-wrapper'>
<div id='newsticker'/>
<script class='jshilang' type='text/javascript'>
menunav (jQuery);
NewsTicker();
</script>
<div id='main-atas'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='mainmtop-manualslide'>
<b:section class='sidebar' id='main-top-manualslide' preferred='yes'>
<b:widget id='Label13' locked='true' title='Kategori' type='Label'>
<b:includable id='main'>
Menu : <select class='postform' id='net' name='net' onchange='location=this.options[this.selectedIndex].value;'>
<option>Choose category</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
</b:includable>
</b:widget>
<b:widget id='PlusBadge1' locked='false' title='About Author' type='PlusBadge'>
<b:includable id='main'>
<script type='text/javascript'>
window.___gcfg = {
lang: '<data:language/>'
};
</script>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div data-rel='author' expr:class='"g-" + data:badgeType' expr:data-href='data:profileUrl' expr:data-layout='data:layout' expr:data-showcoverphoto='data:showCoverPhoto' expr:data-showtagline='data:showTagline' expr:data-theme='data:theme' expr:data-width='data:width'>
</div>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Wikipedia1' locked='false' title='Wikipedia' type='Wikipedia'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2> </b:if>
<div class='wikipedia-search-main-container'>
<form class='wikipedia-search-form' expr:id='data:widget.instanceId + "_wikipedia-search-form"' name='wikipedia'>
<div class='wikipedia-searchtable'>
<span>
<a class='wikipedia-search-wiki-link' href='http://wikipedia.org/wiki/' target='_blank'>
<img align='top' class='wikipedia-icon' src='//www.blogger.com/img/widgets/icon_wikipedia_w.png'/>
</a>
</span>
<span class='wikipedia-search-bar'>
<span class='wikipedia-input-box'>
<input class='wikipedia-search-input' expr:id='data:widget.instanceId + "_wikipedia-search-input"' type='text'/>
</span>
<span>
<input class='wikipedia-search-button' type='submit'/>
</span>
</span>
</div>
</form>
<div class='wikipedia-search-results-header' expr:id='data:widget.instanceId + "_wikipedia-search-results-header"'><data:searchResultsMsg/></div>
<div class='wikipedia-search-results' expr:id='data:widget.instanceId + "_wikipedia-search-results"'/>
<nobr>
<div expr:dir='data:blog.languageDirection' expr:id='data:widget.instanceId + "_wikipedia-search-more"'/>
</nobr>
</div>
</b:includable>
</b:widget>
<b:widget id='Text2' locked='false' title='More Text' type='Text'>
<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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList2' locked='false' title='Friends' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='Sample Text' type='Text'>
<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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='TextList1' locked='false' title='Links' type='TextList'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul>
<b:loop values='data:items' var='item'>
<li><data:item/></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PageList21' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label5' 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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label4' 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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Contributors' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label6' 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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://draft.blogger.com/navbar.g?targetBlogID\0753850106802724712542\46blogName\75Computer+Tutor\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75//urdusoftweb.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://urdusoftweb.blogspot.com/\46vt\0752901503261140150163',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'>
<b:includable id='main'>
<b:if cond='data:isPublic'>
<div style='white-space:nowrap'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:loop values='data:feeds' var='feed'>
<div expr:class='"subscribe-wrapper subscribe-type-" + data:feed.type'>
<div expr:class='"subscribe expanded subscribe-type-" + data:feed.type' expr:id='"SW_READER_LIST_" + data:widgetId + data:feed.type' style='display:none;'>
<div class='top'>
<span class='inner' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
<img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
<data:feed.title/>
</span>
<div class='feed-reader-links'>
<a class='feed-reader-link' expr:href='"http://www.google.com/ig/add?source=bstp&feedurl=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-google.png"'/>
</a>
<a class='feed-reader-link' expr:href='"http://www.netvibes.com/subscribe.php?url=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-netvibes.png"'/>
</a>
<a class='feed-reader-link' expr:href='"http://www.newsgator.com/ngs/subscriber/subext.aspx?url=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-newsgator.png"'/>
</a>
<a class='feed-reader-link' expr:href='"http://add.my.yahoo.com/content?url=" + data:feed.encodedUrl' target='_blank'>
<img expr:src='data:imagePathBase + "subscribe-yahoo.png"'/>
</a>
<a class='feed-reader-link' expr:href='data:feed.url' target='_blank'>
<img align='absmiddle' class='feed-icon' expr:src='data:feedIconImg'/>
Atom
</a>
</div>
</div>
<div class='bottom'/>
</div>
<div class='subscribe' expr:id='"SW_READER_LIST_CLOSED_" + data:widgetId +data:feed.type' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
<span expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
<img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
<data:feed.title/>
</span>
</span>
</div>
<div class='bottom'/>
</div>
</div>
</b:loop>
<div style='clear:both'/>
</div>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Followers2' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {'lang': '<data:language/>'};
</script>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='Stats1' locked='false' title='Total Visitors' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div expr:id='data:widget.instanceId + "_content"' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/>
</b:if>
<span expr:class='"counter-wrapper " + (data:showGraphicalCounter ? "graph-counter-wrapper" : "text-counter-wrapper")' expr:id='data:widget.instanceId + "_totalCount"'>
</span>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.disableAdSenseWidget != "true"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='Recent Posts Box 2' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:loop>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML12' locked='false' title='Social' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='More Links' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "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' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML9' locked='false' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='Blogger templates' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Another Themes' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Become a Fan' 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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
<div class='widget-content'>
<ul class='menus menu-primary'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li id='currentpage'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts2' locked='false' title='Recent Articles' 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'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML111' locked='true' title='Featured Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='widget-content'><div class='puong'><b:if cond='data:title'><h3><data:title/></h3></b:if><script src='/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script></div></div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<script class='jshilang' type='text/javascript'>
manualfeaturedPost();
</script>
</div>
<div id='mainmtop'>
<b:section class='sidebar' id='main-top' preferred='yes'/>
</div>
</b:if>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != "error_page"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='menu-xitem'>
<div><div class='xitem1'><a class='liat' href='#'><b:if cond='data:blog.url == data:blog.homepageUrl'>
Latest Post
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<data:blog.searchQuery/>
<b:else/>
<b:if cond='data:blog.searchLabel'>
<data:blog.searchLabel/>
</b:if>
</b:if>
</b:if>
</b:if></a>
<div class='hidden' id='labelxnya'/>
</div>
<nav id='view'>
<a class='list' href='#' title='list mode'>List</a>
<a class='grid' href='#' title='grid mode'>Grid</a>
</nav>
</div>
</div>
<script class='jshilang' type='text/javascript'>
labelnyacx();
</script>
</b:if>
</b:if></b:if>
<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:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='breadcrumb'/>
</b:if>
<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:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
<b:if cond='data:blog.pageType == "error_page"'>
<b:include name='error_page_custom'/>
</b:if>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='loadingpost'/>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
datenya();
//]]>
</script>
</b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
»
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
<b:if cond='data:label.isLast != "true"'> » </b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</div>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h4><span>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</span></h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<b:if cond='data:post.numComments != 0'>
<div class='boxcommentnya'>
</b:if>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<div class='commentarea'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.author == data:post.author'><span title='Author' class='author-comment'></span></b:if>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
<a class='datecm' expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<b:include data='comment' name='commentDeleteIcon'/>
</dd>
</div>
</b:loop>
</dl>
<b:if cond='data:post.numComments != 0'>
</div>
</b:if>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='error_page_custom'>
<div class='error-custom'>
<h2>404 Not Found</h2>
<p class='error-body'>We're sorry but we could not find the page you are looking for.<br/>
This may happen if you have entered site url incorrectly or this page doesn't exist anymore.</p>
<p>You can try searching page again or go back to home</p>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = "";}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</div>
</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'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div id='googlePlusComment'>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
</div>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
(function($){
function scrwid() {
var wid = $('#googlePlusComment').width();
$('.cmt_iframe_holder').css('width',wid);
}
$(window).resize(scrwid);
})(jQuery);
//]]>
</script>
</b:if>
</b:includable>
<b:includable id='inline-adsevida'>
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<span>
<data:adCode/>
</span>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- 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'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- 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='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='nextprev-item'>
<div class='blog-pager' id='blog-pager'>
<div class='pager-isi'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><h6>Next</h6><h5><data:newerPageTitle/></h5></a>
<b:else/>
<span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><h6>Previous</h6><h5><data:olderPageTitle/></h5></a>
<b:else/>
<span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
</b:if>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
(function($){
var newerLink = $('a.blog-pager-newer-link');
var olderLink = $('a.blog-pager-older-link');
$.get(newerLink.attr('href'), function (data) {
newerLink.html('<h6>Next</h6><h5>'+$(data).find('.post h1.post-title').text()+'</h5>');
},"html");
$.get(olderLink.attr('href'), function (data2) {
olderLink.html('<h6>Previous</h6><h5>'+$(data2).find('.post h1.post-title').text()+'</h5>');
},"html");
})(jQuery);
//]]>
</script>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<textarea expr:id='"postData-" + data:post.id' style='display:none;'><data:post.body/></textarea>
<div class='post-summary' expr:id='"summaryContainer-" + data:post.id'>
<!-- for non/inactive JavaScript browsers -->
<b:if cond='data:post.thumbnailUrl'>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='72'/></a>
<b:else/>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' height='72' itemprop='image' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif' width='72'/></a>
</b:if>
<strong><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></strong>
<b:if cond='data:post.snippet'>
<p><data:post.snippet/></p>
</b:if>
<!-- end for non/inactive JavaScript browsers -->
</div>
<div class='post-more-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.jumpText + " " + data:post.title'>
<data:post.jumpText/>
</a>
</div> <script>createPostSummary("postData-<data:post.id/>","summaryContainer-<data:post.id/>","<data:post.url/>");</script>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<span class='datex hidex'>
<strong/>
<span/>
<small/>
</span>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<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>
</div>
<div 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 == 0'>No <data:top.commentLabelPlural/><b:else/> <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</div>
<div class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</div>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "archive"'>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
</b:if></b:if>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
</span>
<div 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 update' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</div>
<b:include data='post' name='postQuickEdit'/> <!-- quickedit pencil -->
</div>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</article>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='inline-adsevida'/>
<b:include name='nextprev-item'/>
<b:include name='relatedpost'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='relatedpost'>
<div id='related_posts'/>
<script class='jshilang' type='text/javascript'>
relatedPostsWidget();
</script>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div id='form-wrapper'>
<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%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<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%'/>
</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='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(document.getElementById('form-wrapper'), 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 threaded_commentsnya' id='comments'>
<h4><span>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</span></h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='mainmidatas'>
<b:section class='sidebar' id='middle-atas' preferred='yes'/>
</div>
<div id='mainmidtengah'>
<b:section class='sidebar' id='middle-tengah1' preferred='yes'/>
<b:section class='sidebar' id='middle-tengah2' preferred='yes'/>
</div>
<div id='mainmidbawah'>
<b:section class='sidebar' id='middle-bawah' preferred='yes'/>
</div>
<div id='mainmidtengah2'>
<b:section class='sidebar' id='middle-tengahx1' preferred='yes'/>
<b:section class='sidebar' id='middle-tengahx2' preferred='yes'/>
</div>
<div id='mainmidbawah2'>
<b:section class='sidebar' id='middle-bawah2' preferred='yes'/>
</div>
</b:if>
</div>
<aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>
<div id='sidebar-atas'>
<b:section class='sidebar' id='sidebar-atas1' preferred='yes'/>
</div>
<div id='sidebar-tengah'>
<ul class='navtab'>
<li class='nav-one'><a class='current' href='#populartab'>Populars</a></li>
<li class='nav-two'><a href='#commenttabs'>Comments</a></li>
<li class='nav-three'><a href='#archivetab'>Archive</a></li>
</ul>
<div class='list-tabwrap'>
<div class='sidebarmd-widget' id='populartab'>
<b:section class='sidebar tabct' id='sidebar-popularx1' preferred='yes'/>
</div>
<div class='hide sidebarmd-widget' id='commenttabs'>
<b:section class='sidebar tabct' id='sidebar-commentsx1' preferred='yes'/>
</div>
<div class='hide sidebarmd-widget' id='archivetab'>
<b:section class='sidebar tabct' id='sidebar-archivetab1' preferred='yes'/>
</div>
</div>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
jQuery("#sidebar-tengah").organicTabs();
//]]>
</script>
</div>
<div id='sidebar-bawah'>
<b:section class='sidebar' id='sidebar-bawah1' preferred='yes'/>
</div>
</aside>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
<div class='row'>
<div class='grid left'><b:section class='footer' id='footer1'/>
</div>
<div class='grid left'><b:section class='footer' id='footer2'/>
</div>
<div class='grid left'><b:section class='footer' id='footer3'/>
</div>
<div class='grid left'><b:section class='footer' id='footer4'/>
</div>
</div>
<div class='navix credit'>
<div class='left'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © 2016. All Rights Reserved.</div>
<div class='righ'>Powered by <a href='http://www.smashingdiary.com/' target='_blank'>SmashingDiary</a></div>
</div>
</footer>
<a href='#' id='top' title='Scroll to Top'>Top</a>
</div> <!-- end outer-wrapper -->
<script class='jshilang' type='text/javascript'>
//<![CDATA[
searchxx({
summaryLength:100,
scrthumbSize:50
});
jQuery('.sidebar h2, .footer h2').wrapInner('<span/>');
//]]>
</script>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
viewMode({
viewmodedefault:'list',
cookielist:'list1',
cookiegrid:'grid1'
});
loadMorePost({
viewmodedefault:'list',
cookielist:'list1',
cookiegrid:'grid1',
thumbnailSize:"s180-c",
summaryLength:200,
MoreText:"Load more posts"
});
//]]>
</script>
</b:if></b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
viewMode();
loadMorePost({
thumbnailSize:"s180-c",
summaryLength:200,
MoreText:"Load more posts"
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "error_page"'>
<b:if cond='data:blog.pageType != "archive"'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});
//]]>
</script>
</b:if></b:if></b:if>
<b:include data='blog' name='google-analytics'/>
</body>
<script id='meeoutnya' type='text/javascript'>
//<![CDATA[
jQuery("#meeoutnya, .jshilang").remove();
//]]>
</script>
</HTML>
0 comments:
Post a Comment