local code blogger

code blogger Livinia

21:02:00 Unknown 0 Comments

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTSIefuykrQ8RtVQ7Zx7zIeAIQ_HntuVGVcllu099fR6BVtiDdgvS1tKsesbpYGS3CrZXpO2znsiKiSwV9RftRdl88t4eQFTEktWL_BN8GbYbrOEEcJdxua6niCOW2b6yKagySPp6Qtci/s1600/

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='Google Code' name='google-site-verification'/>
<meta content='Bing Code' name='msvalidate.01'/>
<meta content='Alexa Code' name='alexaVerifyID'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Page Not Found</title>
</b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> ~ <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> ~ Your Blog Description</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> ~ <data:blog.title/></title>
    </b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='Description Length Blog' name='description'/>
    <meta content='Keywords Blog' name='keywords'/>
    <meta content='FIAN MT' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='geo.country'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>
</b:if>
<link href='/URL IMAGE' rel='icon' type='image/x-icon'/>
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[
.header-wrapper {
  width:1100px;
  min-height:80px;
  overflow:hidden;
  position:relative;
  margin:0 auto;
}

#header {
  max-width:260px;
  float:left;
  width:auto;
  overflow:hidden;
  z-index:999;
  min-width:260px;
  margin:0;
  padding:0;
}

.outerpic-wrapper {
  width:100%;
  padding:5px;
  margin:0 auto;
  overflow:hidden;
}

.headerpic-wrapper {
  width:100%;
  padding:0;
  margin:0 auto;
}

.content-wrapper {
  position:relative;
  max-width:1100px;
  margin:10px auto;
}

.outer-wrapper {
  position:relative;
  width:100%;
  padding:0;
}

ul,ol {
  list-style:none;
}

.main-wrapper {
  width:760px;
  margin:0;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
}

.sidebar-wrapper {
  width:325px;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
}
*/]]></b:skin>
<style type='text/css'>
/* Reset Css */
#navbar-iframe,.quickedit {
  height:0;
  visibility:hidden;
  display:none;
}

body {
  background:#ececec;
  color:#6a6a6a;
  height:100%;
  font-family:&#39;PT Sans&#39;,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:22px;
  text-decoration:none;
  margin:0;
  padding:0;
}

a,a:link,a:visited {
  color:#f88c00;
  text-decoration:none;
}

a:hover,a:active {
  color:#6a6a6a;
  text-decoration:none;
}

h2.date-header {
  display:none;
}

/* Head */
.header-wrapper{width:1200px;color:#333;min-height:0;overflow:hidden;position:relative;z-index:999;margin:0 auto}
#header{max-width:0;float:left;width:auto;overflow:hidden;z-index:999;min-width:0;margin:0;padding:0}
#header-inner{margin:0;padding:0}
#header h1,#header p{font:42px;line-height:0;text-align:left;color:#FFAA2A;margin:0;opacity:0}
#header h1 a,#header h1.title a:hover{color:#FFAA2A;text-decoration:none}
#header .description{color:#fff;font-size:14px;text-shadow:none;}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}

/* Top Navigasi */
.navigator {
  width:100%;
  margin:0 auto;
  position:fixed;
  padding:0;
  height:75px;
  background:rgba(236,236,236,.9);
  z-index:999;
}

.page-menu ul li {
  list-style:none;
  display:inline-block;
  transition:all 400ms ease-in-out;
}

.page-menu {
  float:left;
  width:auto;
  height:auto;
  padding-top:15px;
  margin:0 5px;
  font-size:13px;
  font-weight:400;
}

.page-menu ul {
  margin:0 auto;
  padding:0;
  line-height:3em;
}

.page-menu ul li a:hover {
  color:#ccc;
}

.page-menu ul li a {
  color:#555;
  padding:0 20px 0 30px;
  text-decoration:none;
}

.page-menu ul li a img {
  vertical-align:middle;
}
/* Search */
#search input[type=&quot;text&quot;]:hover,#search input[type=&quot;text&quot;]:focus{width:300px;border:1px solid #eee;border-radius:50px;padding-left:35px;}
#search input[type=&quot;text&quot;]{background:#fff url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxg2n-dHT6CP2PJ2saW-tXEkysJ6LYIUIcxMC75qJNFhvlupSqq1jCPV6KMLt9MMwE4FvWhci0Tt7wS7gNaihGwjt0mHHyrGOdg4URO1NkOFZDKRE4GahI2xLHVXUu2j1a44gcfo__qLc/s1600/tombolcari.gif&quot;)no-repeat center left 6px;width:0;font-size:13px;color:#ccc;padding:10px 10px 10px 25px;transition:all 0.5s ease-in-out;margin:10px 0;z-index:9;position:absolute;border:1px solid #eee;border-radius:50px;right:5px}
@media screen and (max-width:800px) {
  .page-menu {
  width:100%;
  margin:0;
}
.navigator {
  margin:0 auto;
  position:relative;
}
.page-menu ul li {
  width:33.3%;
  float:left;
}
.page-menu ul li:first-child {
  width:100%;
  float:none;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-top:10px;
}
.page-menu ul li,.search-box {
  text-align:center;
}
.page-menu ul li a {
  margin:0 auto;
  padding:0;
}
}

@media screen and (max-width:480px) {
  .page-menu ul {
    line-height:2em;
  }
}

@media screen and (max-width:240px) {
  .page-menu ul li {
    width:50%;
  }
}

/* Navigasi Bottom */
#navi {
  width:80%;
  overflow:hidden;
  position:relative;
  margin:0 auto;
  padding:0;
}

#navi ul {
  padding:0;
  overflow:hidden;
  display:block;
  height:20px;
  position:relative;
  width:100%;
}

#navi li {
  display:inline-block;
  padding:0 10px 0 10px;
  margin:0;
  text-align:center;
  border-right:1px solid #444;
  overflow:hidden;
}

#navi li a {
  display:block;
  color:#aaa;
  font-size:16px;
  width:100%;
  text-align:center;
  margin:0;
}

#navi li a:hover {
  color:#999 !important;
}

#navi li.last {
  border-right:none !important;
}

#pull {
  display:none;
}

img.logoweb {
  margin-left:-40px;
}
/* Promary Menu */
.top-navigation {
  background-color:rgba(255,255,255,.98);
  margin:0 auto;
  padding:0;
  border-bottom:1px solid #eaeaea;
}

.top-menu,.top-menu * {
  margin:0;
  padding:0;
  list-style:none;
}

.top-menu&gt;
  li {
  float:left;
}

.top-menu li {
  position:relative;
}

.top-menu ul {
  position:absolute;
  display:none;
  top:100%;
  left:0;
  z-index:99;
}

.top-menu li:hover&gt;
  ul,.top-menu li.top-menuhover&gt;
  ul {
  display:block;
}

.top-menu a {
  display:block;
  position:relative;
  text-decoration:none;
}

.top-menu-items a {
  font-size:13px;
  font-weight:700;
  padding:18px;
  color:#6a6a6a;
}

.top-menu-items a:hover,.top-menu-items a:visited:hover {
  background-color:#fff;
  color:#a7a7a7;
}

.top-menu-items .sub-menu a:hover {
  background-color:rgba(251,217,91,0.98);
  color:#fff;
}

.hamburger-menu:before {
  content:&quot;\f0c9&quot;;
  font-family:FontAwesome;
}

.top-menu ul ul {
  top:0;
  left:100%;
}

.top-menu-arrow&gt;
  li&gt;
  .top-menu-inner:focus:after,.top-menu-arrow&gt;
  li:hover&gt;
  .top-menu-inner:after {
  border-top-color:#a7a7a7;
}

.top-menu-arrow&gt;
  .top-menuhover&gt;
  .top-menu-inner:after,.top-menu-items .sub-menu .top-menu-arrow&gt;
  a&gt;
  .top-menu-inner:after {
  border-top-color:#fff;
}

.top-menu-arrow .top-menu-inner {
  padding-right:2.5em;
}

.sub-menu a {
  padding:15px;
  color:#fff;
}

.top-menu-arrow .top-menu-inner:after {
  content:&#39;&#39;;
  position:absolute;
  top:50%;
  right:1em;
  margin-top:-3px;
  height:0;
  width:0;
  border:5px solid transparent;
  border-top-color:rgba(0,0,0,.5);
}

.top-menu-arrow ul .top-menu-inner:after {
  margin-top:-5px;
  margin-right:-3px;
  border-color:transparent;
  border-left-color:rgba(255,255,255,.7);
}

.top-menu-arrow ul li&gt;
  .top-menu-inner:focus:after,.top-menu-arrow ul li:hover&gt;
  .top-menu-inner:after,.top-menu-arrow ul .top-menuhover&gt;
  .top-menu-inner:after,.top-menu-arrow ul .top-menu-items .sub-menu a&gt;
  .top-menu-inner:after,.top-menu-items .sub-menu .top-menu-arrow ul a&gt;
  .top-menu-inner:after {
  border-left-color:#fff;
}

.top-menu-items {
  width:74.57627%;
  float:left;
  margin-right:1.69492%;
}

.top-menu-items .top-menuhover,.top-menu-items .sub-menu a {
  background-color:rgba(25,25,25,.9);
}

.widget-master .widget_nav_menu div {
  padding:0;
}

.sider-page,.sider-fixed-top,.sider-fixed-bottom,.sider-menu.sider-horizontal&gt;
  .sider-panel {
  transition:none .4s ease;
  transition-property:top,right,bottom,left,border;
}

html.sider-opened .sider-page,html.sider-opened #sider-blocker {
  left:0;
  top:0;
  margin:0;
  border:0 solid transparent;
}

html.sider-opening .sider-page,html.sider-opening #sider-blocker {
  border:0 solid rgba(100,100,100,0);
}

.sider-menu .sider-hidden {
  display:none;
}

.sider-fixed-top,.sider-fixed-bottom {
  position:fixed;
  left:0;
}

.sider-fixed-top {
  top:0;
}

.sider-fixed-bottom {
  bottom:0;
}

html.sider-opened .sider-page,.sider-menu&gt;
  .sider-panel {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

html.sider-opened {
  overflow-x:hidden;
  position:relative;
}

html.sider-opened .sider-page {
  position:relative;
}

html.sider-background .sider-page {
  background:inherit;
}

#sider-blocker {
  background:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)transparent;
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  z-index:999;
}

html.sider-opened #sider-blocker,html.sider-blocking #sider-blocker {
  display:block;
}

.sider-menu.sider-current {
  display:block;
}

.sider-menu a:hover {
  color:#fff;
}

.sider-menu {
  background:inherit;
  display:none;
  overflow:hidden;
  height:100%;
  padding:0;
  position:fixed;
  left:0;
  top:0;
  z-index:0;
}

.sider-menu&gt;
  .sider-panel {
  background:inherit;
  -webkit-overflow-scrolling:touch;
  overflow:scroll;
  overflow-x:hidden;
  overflow-y:auto;
  width:100%;
  height:100%;
  padding:0;
  position:absolute;
  top:0;
  left:100%;
  z-index:0;
}

.sider-menu&gt;
  .sider-panel.sider-opened {
  left:0;
  padding:0;
}

.sider-menu&gt;
  .sider-panel.sider-subopened {
  left:-40%;
}

.sider-menu&gt;
  .sider-panel.sider-highest {
  z-index:1;
}

.sider-menu&gt;
  .sider-panel.sider-hidden {
  display:block;
  visibility:hidden;
}

.sider-menu .sider-list {
  padding:0;
}

.sider-menu&gt;
  .sider-list {
  padding:20px 0 40px;
}

.sider-panel&gt;
  .sider-list {
  margin-left:0;
  margin-right:0;
  width:100%;
  float:none;
}

.sider-panel&gt;
  .sider-list:first-child {
  padding-top:0;
}

.sider-list,.sider-list&gt;
  li {
  list-style:none;
  display:block;
  padding:0;
  margin:0;
}

.sider-list {
  font:inherit;
  font-size:14px;
}

.sider-list a,.sider-list a:hover {
  text-decoration:none;
  font-size:14px;
}

.sider-list&gt;
  li {
  position:relative;
}

.sider-list&gt;
  li&gt;
  a,.sider-list&gt;
  li&gt;
  span {
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:inherit;
  line-height:20px;
  display:block;
  padding:10px 10px 10px 20px;
  margin:0;
}

.sider-list&gt;
  li:not(.sider-subtitle):not(.sider-label):not(.sider-noresults):after {
  content:&#39;&#39;;
  border-bottom-width:1px;
  border-bottom-style:solid;
  display:block;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
}

.sider-list&gt;
  li:not(.sider-subtitle):not(.sider-label):not(.sider-noresults):after {
  width:auto;
  margin-left:20px;
  position:relative;
  left:auto;
}

.sider-list a.sider-subopen {
  background:#292929;
  width:40px;
  height:100%;
  padding:0;
  position:absolute;
  right:0;
  top:0;
  z-index:2;
}

.sider-list a.sider-subopen:hover {
  background:#a7a7a7;
}

.sider-list a.sider-subopen:before {
  content:&#39;&#39;;
  border-left-width:1px;
  border-left-style:solid;
  display:block;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}

.sider-list a.sider-subopen.sider-fullsubopen {
  width:100%;
}

.sider-list a.sider-subopen.sider-fullsubopen:before {
  border-left:none;
}

.sider-list a.sider-subopen+a,.sider-list a.sider-subopen+span {
  padding-right:5px;
  margin-right:40px;
}

.sider-list&gt;
  li.sider-selected&gt;
  a.sider-subopen {
  background:transparent;
}

.sider-list&gt;
  li.sider-selected&gt;
  a.sider-fullsubopen+a,.sider-list&gt;
  li.sider-selected&gt;
  a.sider-fullsubopen+span {
  padding-right:45px;
  margin-right:0;
}

.sider-list a.sider-subclose {
  text-indent:20px;
  padding-top:30px;
  margin-top:-20px;
}

.sider-list&gt;
  li.sider-label {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  font-size:10px;
  text-transform:uppercase;
  text-indent:20px;
  line-height:25px;
  padding-right:5px;
}

.sider-list&gt;
  li.sider-spacer {
  padding-top:40px;
}

.sider-list&gt;
  li.sider-spacer.sider-label {
  padding-top:25px;
}

.sider-list a.sider-subopen:after,.sider-list a.sider-subclose:before {
  content:&#39;&#39;;
  border:2px solid transparent;
  display:block;
  width:7px;
  height:7px;
  margin-bottom:-5px;
  position:absolute;
  bottom:50%;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.sider-list a.sider-subopen:after {
  border-top:none;
  border-left:none;
  right:18px;
}

.sider-list a.sider-subclose:before {
  border-right:none;
  border-bottom:none;
  margin-bottom:-15px;
  left:22px;
}

.sider-menu.sider-vertical .sider-list .sider-panel {
  display:none;
  padding:10px 0 10px 10px;
}

.sider-menu.sider-vertical .sider-list .sider-panel li:last-child:after {
  border-color:transparent;
}

.sider-menu.sider-vertical .sider-list li.sider-opened&gt;
  .sider-panel {
  display:block;
}

.sider-menu.sider-vertical .sider-list&gt;
  li.sider-opened&gt;
  a.sider-subopen {
  height:40px;
}

.sider-menu.sider-vertical .sider-list&gt;
  li.sider-opened&gt;
  a.sider-subopen:after {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  top:16px;
  right:16px;
}

html.sider-opened .sider-page {
  box-shadow:0 0 10px rgba(0,0,0,.2);
}

.sider-ismenu {
  background:#363636;
  color:rgba(255,255,255,.7);
  margin:0;
  z-index:999999;
}

.sider-menu .sider-list&gt;
  li:after {
  border-color:rgba(0,0,0,.15);
}

.sider-menu .sider-list&gt;
  li&gt;
  a.sider-subclose {
  background:rgba(0,0,0,.1);
  color:rgba(255,255,255,.3);
}

.sider-menu .sider-list&gt;
  li&gt;
  a.sider-subopen:after,.sider-menu .sider-list&gt;
  li&gt;
  a.sider-subclose:before {
  border-color:rgba(255,255,255,.5);
}

.sider-menu .sider-list&gt;
  li&gt;
  a.sider-subopen:hover:after,.sider-menu .sider-list&gt;
  li&gt;
  a.sider-subclose:hover:before {
  border-color:rgba(255,255,255,1);
}

.sider-menu .sider-list&gt;
  li&gt;
  a.sider-subopen:before {
  border-color:rgba(0,0,0,.15);
}

.sider-menu .sider-list&gt;
  li.sider-selected&gt;
  a:not(.sider-subopen),.sider-menu .sider-list&gt;
  li.sider-selected&gt;
  span {
  background:rgba(0,0,0,.1);
}

.sider-menu .sider-list&gt;
  li.sider-label {
  background:rgba(255,255,255,.05);
}

.sider-menu.sider-vertical .sider-list li.sider-opened&gt;
  a.sider-subopen,.sider-menu.sider-vertical .sider-list li.sider-opened&gt;
  ul {
  background:rgba(255,255,255,.05);
}

html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
  left:80%;
}

.sider-menu {
  width:80%;
}

.flex-direction-nav {
  padding:5px 0;
  overflow:hidden;
}

.flex-direction-nav .flex-prev {
  float:left;
}

.flex-direction-nav .flex-next {
  float:right;
}

@media screen and (min-width:641px) {
  #menu-utama {
    display:block;
    position:absolute;
    z-index:99;
    width:100%;
    margin:80px auto;
    max-width:100%;
    -webkit-transform:translateZ(0);
  }
  .mobile-menu,.tinynav {
    display:none;
  }
  .searchform,.main-navigation-items {
    display:block;
  }
}

@media screen and (max-width:640px) {
  .top-menu-items a:hover,.top-menu-items a:visited:hover,.top-menu-items .top-menuhover,.top-menu-items .sub-menu a {
    background-color:#07ACEC;
    color:#fff;
  }
  .mobile-menu {
    display:block;
    position:absolute;
    width:100%;
    background:#fff;
    z-index:50;
    -webkit-transform:translateZ(0);
    opacity:.96;
    border-bottom:1px solid #e9e9e9;
  }
  .mobile-menu .hamburger {
    display:inline-block;
    background:#07ACEC;
    font-size:25px;
    padding:10px;
    color:#fff;
    cursor:pointer;
  }
  .mobile-menu .hamburger:hover {
    display:inline-block;
    background:#292929;
    color:#fff;
  }
  #menu-utama,.searchform,.main-navigation-items {
    display:none;
  }
  .tinynav {
    display:block;
  }
}

@media all and (min-width:550px) {
  .sider-menu {
    width:440px;
  }
  html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
    left:440px;
  }
}

@media all and (max-width:175px) {
  .sider-menu {
    width:140px;
  }
  html.sider-opening .sider-page,html.sider-opening #sider-blocker,html.sider-opening .sider-fixed-top,html.sider-opening .sider-fixed-bottom {
    left:140px;
  }
}

.datex span {
  display:none;
}

.social {
  float:right;
  margin-top:17px;
}

.social a {
  float:left;
  text-align:center;
  margin:4px 0 4px 4px;
  width:34px;
  height:34px;
  font-size:16px;
  color:#9E9E9E;
  -webkit-transition:all 0.1s ease;
  transition:all 0.1s ease;
}

.social a i {
  background:#F7F7F7;
  border-radius:2px;
  border:1px solid #EBEBEB;
  padding:8px 0;
  display:block;
  -webkit-transition:all 0.2s ease;
  transition:all 0.2s ease;
}

.social a:hover .fa-twitter,.social a:hover .icons-social-twitter,.with_color a .fa-twitter,.with_color a .icons-social-twitter {
  background:#00abdc;
}

.social a:hover .fa-facebook,.social a:hover .icons-social-facebook,.with_color a .fa-facebook,.with_color a .icons-social-facebook {
  background:#325c94;
}

.social a:hover .fa-dribbble,.social a:hover .icons-social-dribbble,.with_color a .fa-dribbble,.with_color a .icons-social-dribbble {
  background:#fa4086;
}

.social a:hover .fa-rss,.social a:hover .icons-rss,.with_color a .fa-rss,.with_color a .icons-rss {
  background:#f1862f;
}

.social a:hover .fa-github,.social a:hover .icons-social-github,.with_color a .fa-github,.with_color a .icons-social-github {
  background:#333;
}

.social a:hover .fa-instagram,.with_color a .fa-instagram {
  background:#964b00;
}

.social a:hover .fa-linkedin,.social a:hover .icons-social-linkedin,.with_color a .fa-linkedin,.with_color a .icons-social-linkedin {
  background:#0073b2;
}

.social a:hover .fa-pinterest,.social a:hover .icons-social-pinterest,.with_color a .fa-pinterest,.with_color a .icons-social-pinterest {
  background:#d9031f;
}

.social a:hover .fa-google-plus,.social a:hover .icons-social-google-plus,.with_color a .fa-google-plus,.with_color a .icons-social-google-plus {
  background:#d9031f;
}

.social a:hover .fa-foursquare,.with_color a .fa-foursquare {
  background:#0cbadf;
}

.social a:hover .fa-skype,.social a:hover .icons-social-skype,.with_color a .fa-skype,.with_color a .icons-social-skype {
  background:#00b9e5;
}

.social a:hover .fa-cloud,.social a:hover .icons-social-soundcloud,.with_color a .fa-cloud,.with_color a .icons-social-soundcloud {
  background:#ff7700;
}

.social a:hover .fa-youtube,.social a:hover .icons-social-youtube,.with_color a .fa-youtube,.with_color a .icons-social-youtube {
  background:#d9031f;
}

.social a:hover .fa-tumblr,.social a:hover .icons-social-tumblr,.with_color a .fa-tumblr,.with_color a .icons-social-tumblr {
  background:#325c94;
}

.social a:hover .fa-star,.with_color a .fa-star {
  background:#F8AC24;
}

.social a:hover .fa-flickr,.social a:hover .icons-social-flickr,.with_color a .fa-flickr,.with_color a .icons-social-flickr {
  background:#fa4086;
}

.social a:hover .fa-random,.with_color a .fa-random,.social a:hover .fa-envelope-o,.with_color a .fa-envelope-o,.social a:hover .fa-home,.with_color a .fa-home {
  background:#1D1E20;
}

.social a:hover i,.with_color i {
  color:#fff;
}

.with_color a i {
  border:none !important;
}

/* Layout */
.outerpic-wrapper {
  width:100%;
  padding:0;
  margin:0 auto;
  overflow:hidden;
}

.headerpic-wrapper {
  background:#f3f3f1;
  width:100%;
  height:75px;
  padding:0;
  margin:0 auto;
}

.content-wrapper {
  position:relative;
  max-width:1200px;
  margin:0 auto;
}

.outer-wrapper {
  position:relative;
  width:100%;
  padding:0;
}

.main-wrapper {
  width:830px;
  margin:0;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
}

.clr {
  clear:both;
  float:none;
}

/* Posted */
h2 {
  line-height:1.4em;
  text-transform:none;
  color:#333;
  margin:.5em 0 .25em;
}

h3.date-header {
  text-transform:none;
  font-size:12px;
  color:#6a6a6a;
  line-height:1.2em;
  margin:.1em 0;
}

.post {
  margin:10px 5px;
  padding:35px;
  background:#fff;
  border-bottom:1px solid #d8d8d8;
}

.post h1,.post h2 {
  font-size:270%;
  line-height:1.2em;
  color:#6a6a6a;
  margin:.0em 0 0;
  padding:4px 0;
}

.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong {
  display:block;
  text-decoration:none;
  color:#6a6a6a;
}

.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover {
  color:#a7a7a7;
}

.post-body {
  padding-top:10px;
  font-size:16px;
  margin:1.0em 0 .75em;
  line-height:1.8em;
}

.post-body blockquote {
  line-height:1.8em;
}

/* Table */
.post-body table th,.post-body table td,.post-body table caption {
  border:none;
  padding:.5em .7em;
  text-align:left;
  vertical-align:top;
}

.post-body th:nth-child(1) {
  background:#dee0e4;
  color:#5d6b6b;
}

.post-body th:nth-child(2) {
  background:#7EDD9E;
}

.post-body th:nth-child(3) {
  background:#A3E7BA;
}

.post-body th:nth-child(4) {
  background:#7EDD9E;
}

.post-body th:nth-child(5) {
  background:#A3E7BA;
}

.post-body table td:nth-child(1) {
  background:#edeff4;
  color:#5d6b6b;
}

.post-body table td:nth-child(2) {
  background:#5d6b6b;
  color:#fff;
}

.post-body table td:nth-child(3) {
  background:#6f7f7f;
  color:#fff;
}

.post-body table td:nth-child(4) {
  background:#5d6b6b;
  color:#fff;
}

.post-body table td:nth-child(5) {
  background:#6f7f7f;
  color:#fff;
}

.post-body table.tr-caption-container {
  border:none;
}

.post-body th {
  font-weight:700;
}

.post-body table caption {
  border:none;
  font-style:italic;
}

.post-body table {}

.post-body td,.post-body th {
  vertical-align:top;
  text-align:left;
  font-size:13px;
  padding:3px 5px;
  border:none;
}

.post-body th {
  background:#7EDD9E;
  color:#fff;
}

.post-body table.tr-caption-container td {
  padding:12px;
  background:#2e3138;
  color:#b0b1b8;
  font-family:&#39;
  Roboto&#39;
  ;
  font-size:13px;
  text-decoration:blink;
  border:1px solid #464a54;
}

.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img {
  max-width:100%;
  height:auto;
}

.post-body td.tr-caption {
  color:#878888;
  font-size:80%;
  padding:0 8px 8px !important;
}

img {
  max-width:100%;
  height:auto;
  border:none;
}

table {
  max-width:97%;
  width:100%;
  margin:1.5em auto;
}

table.section-columns td.first.columns-cell {
  border-left:none;
}

table.section-columns {
  border:none;
  table-layout:fixed;
  width:100%;
  position:relative;
}

table.columns-2 td.columns-cell {
  width:50%;
}

table.columns-3 td.columns-cell {
  width:33.33%;
}

table.columns-4 td.columns-cell {
  width:25%;
}

table.section-columns td.columns-cell {
  vertical-align:top;
}

table.tr-caption-container {
  padding:4px;
  margin-bottom:.5em;
}

td.tr-caption {
  font-size:80%;
}

.post-footer {
  color:#6a6a6a;
  text-transform:none;
  letter-spacing:.01em;
  line-height:1.4em;
  margin:.75em 0;
}

.comment-link {
  margin-left:.1em;
}

.post blockquote {
  font-family:Georgia,Times,&quot;Times New Roman&quot;,serif;
  font-size:16px;
  border:solid 1px #d8d8d8;
  margin:1em 0;
  padding:1em 1em;
  font-family:Georgia,Times,&quot;Times New Roman&quot;,serif;
  font-style:italic;
  font-size:1em;
  min-height:60px;
}

.post blockquote:before {
  display:block;
  float:left;
  content:&quot;\201C&quot;
  ;
  font-size:100px;
  margin-right:10px;
  color:#fff;
  background-color:#03C9A9;
  padding:15px 12px 5px 8px;
  width:50px;
  height:50px;
  line-height:90px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}

.post blockquote cite {
  position:relative;
  display:block;
  text-align:right;
  margin-top:5px;
  color:#999;
}

.post img,#header2 img,.sidebar img {
  max-width:100%;
  width:auto;
  -ms-interpolation-mode:bicubic;
  border:0;
}

.video-container {
  position:relative;
  margin:0 0 15px 0;
  padding-bottom:51%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  border:1px solid #ccc;
}

.video-container iframe,.video-container object,.video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
/* Breadcrubms and Postmeta */

.breadcrumbs {
  margin:75px 5px 5px;
  padding:15px 35px 15px 35px;
  background:#fff;
  border-bottom:1px solid #d8d8d8;
  font-size:12px;
  color:#6a6a6a;
}

.postmeta {
  display:block;
  margin-bottom:10px;
  padding:3px 0;
  border-bottom:1px dotted #eee;
  color:#6a6a6a;
  line-height:1.6em;
  font-weight:300;
  text-align:left;
}

.author a:hover,.clock a:hover,.post-labels a:hover {
  color:#eee;
}

.updated {
  border-bottom:none;
}

.breadcrumbs span {
  color:#6a6a6a;
}

.post-labels {
  background:#8FCB52;
  color:#eee;
  padding:5px 5px 5px;
  margin-left:-3px;
}

.author a {
  background:#E15E5E;
  padding:5px;
  margin-right:5px;
}

.clock a {
  background:#74DBD5;
  padding:5px;
}

.author a,.clock a,.post-labels a {
  color:#fff;
  font-size:12px;
  font-weight:400;
}

/* Box-Admin */

.author-box {
  margin:10px 5px;
  padding:20px;
  background:#fff;
  border-bottom:1px solid #d8d8d8;
  font-size:16px;
  color:#6a6a6a;
  overflow:auto;
}

.author-box p {
  margin:0;
  padding:0;
}

.author-box a {
  color:#6a6a6a;
}

.author-box img {
  background:#FFFFFF;
  float:left;
  margin:0 10px 0 0;
  padding:4px;
}

/* NextPage */

#blog-pager {
  text-align:center;
  padding:10px 5px 0;
  margin:5px 0 0;
}

#blog-pager .home-link {
  display:none;
}

#blog-pager a {
  display:block;
  background-color:#fff;
  border-bottom:1px solid #d8d8d8;
  margin:15px 0 20px;
  padding:8px 25px 8px 8px;
  line-height:25px;
  font-size:13px;
  width:auto;
  color:#333;
  font-weight:400;
}

#blog-pager a:hover {
  text-decoration:none;
  color:#46526e;
}

#blog-pager a:before {
  font-family:FontAwesome;
  font-weight:normal;
  font-style:normal;
  text-decoration:inherit;
  width:25px;
  height:25px;
  line-height:25px;
  font-size:12px;
  border-radius:50%;
  color:#555;
  border:1px solid #555;
  margin:0 5px 0 0;
  text-align:center;
  float:left;
}

#blog-pager a.blog-pager-newer-link:before {
  content:&quot;
  \f053&quot;
}

#blog-pager a.blog-pager-older-link:before {
  content:&quot;
  \f054&quot;
  ;
  float:right;
  margin:0 0 0 10px;
}

#blog-pager a.blog-pager-older-link {
  padding:8px 8px 8px 25px;
}

#blog-pager a.blog-pager-older-link {
  float:right !important;
}

#blog-pager a.blog-pager-newer-link {
  float:left !important;
}

/* Sidebar */

.sidebar-wrapper {
  width:350px;
  font-size:13.3px;
  float:right;
  margin-top:63px;
  word-wrap:break-word;
  overflow:hidden;
}

.sidebar h2 {
  color:#6a6a6a;
  border-bottom:1px solid #eee;
  font-family:&#39;Lobster&#39;,cursive;
  font-size:33px;
  font-style:italic;
  font-weight:400;
  margin:0 0 0 0;
  padding:12px 65px 12px 25px;
  position:relative;
  text-transform:normal;
  transition:all .5s ease-out;
}

.sidebar h2:before {
  content:&#39;\f005&#39;;
  font-family:FontAwesome;
  font-size:20px;
  font-style:normal;
  font-weight:normal;
  top:0;
  right:0;
  position:absolute;
  padding:25px 15px;
  background:transparent;
  color:#FBD95B;
  line-height:26px;
}

.sidebar {
  color:#6a6a6a;
  line-height:1em;
  margin:5px 0;
  font-size:11px;
}

.sidebar li {
  line-height:1.3em;
  margin:0;
  padding:5px 0 4px;
}

.sidebar .widget {
  margin:10px 3px 20px 1px;
  padding:0;
  background:#fff;
  border-bottom:1px solid #d8d8d8;
}

.sidebar .widget-content {
  padding:25px;
}

.sidebar a:link,.sidebar a:visited {
  font-size:15px;
  color:#777;
  text-decoration:none;
}

.sidebar li a:hover {
  color:#a7a7a7;
}

.sidebar ul {
  list-style:none;
  margin:0;
  padding:5px 0;
}

/* Credit */

.credit-wrapper {
  text-align:center;
  margin:0 auto;
  width:85%;
  font-size:12px;
  text-transform:uppercase;
  color:#aaa;
  line-height:1.5em;
  padding:20px 0;
  font-weight:400;
  border-top:5px solid #444;
}

.credit-wrapper a {
  color:#aaa;
}

.credit-wrapper a:hover {
  opacity:.7;
}

.bala {
  margin:0;
  padding:0;
}

/* Footer And Subscribe */

#footergray {
  padding:0;
  margin:0 auto;
  text-align:center;
  width:100%;
  background:#333;
  display:block;
  overflow:hidden;
}

#subscribe-css {
  padding:70px 0;
}

.subscribe-wrapper {
  color:#fff;
  text-transform:normal;
  font-family:&#39;Lobster&#39;,cursive;
  font-size:33px;
  font-style:italic;
  line-height:20px;
  padding:1px 20px 10px;
  text-align:center;
}

.subscribe-form {
  clear:both;
  display:block;
  margin:10px 0;
  overflow:hidden;
}

form.subscribe-form {
  clear:both;
  display:block;
  margin:10px 0 0;
  width:auto;
  overflow:hidden;
}

.subscribe-css-email-field {
  background:#fff;
  color:#444;
  margin:0 0 15px;
  padding:12px 20px;
  width:250px;
  border:none;
}

.subscribe-css-email-button {
  background:#f88c00;
  color:#fff;
  cursor:pointer;
  font-weight:700;
  padding:11px 12px 12px;
  text-transform:none;
  width:80px;
  border:none;
  font-size:14px;
}

/* Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {
  list-style:none;
  border:none;
  background:none;
  outline:none;
  margin:0;
  padding:0;
}

.PopularPosts ul {
  list-style:none;
  font-size:120%;
  color:#777;
  margin:0 !important;
  width:100% !important;
}

.PopularPosts li:hover {
  color:#f88c00;
}

.PopularPosts ul li img {
  display:block;
  transition:all 400ms ease-in-out;
  width:100px;
  height:60px;
  float:left;
  margin:0 15px 0 0;
}

.PopularPosts .item-title {
  text-overflow:ellipsis;
  overflow:hidden;
  height:64px;
}

.PopularPosts ul li {
  margin:0 !important;
  padding:10px 5px 10px 10px;
  border-top:0 solid #e0e0e0;
}

.PopularPosts ul li:nth-child {}

/* Widget Statis */
.counter-fianmt {
  width:100%;
  overflow:hidden;
  clear:both;
  font-size:0;
}

.counter-fianmt ul {
  text-align:center;
}

.counter-fianmt li {
  line-height:15px;
  display:inline-block;
  width:32%;
  border-width:0 0 1px 0;
}

.counter-fianmt li a {
  color:#444;
  text-decoration:none;
  display:block;
  overflow:hidden;
  opacity:0.8;
  padding:0 0 6px;
}

.counter-fianmt li a:hover {
  background:transparent;
  opacity:1;
}

.counter-fianmt a i {
  font-size:28px;
  margin:8px auto;
  width:50px;
  color:#FFF;
  height:50px;
  line-height:50px;
  display:block;
  text-align:center;
  background:#555;
  border-radius:50px;
}

.counter-fianmt a:hover i,.social-icons-widget .social-icons.social-colored a:hover {
  -webkit-transform:scale(1.15);
  -moz-transform:scale(1.15);
  -ms-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}

.counter-fianmt a:hover span,.counter-fianmt a:hover small {
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
}

.counter-fianmt li:nth-child(3n+1) {
  border-width:0 1px 1px 0;
}

.counter-fianmt li:nth-child(3n+3) {
  border-width:0 0 1px 1px;
}

.counter-fianmt li span {
  display:block;
  font-size:21px;
}

.counter-fianmt li a small {
  font-size:11px;
  color:#777;
  padding-top:3px;
  display:inline-block;
}

.counter-fianmt.border a i {
  background:transparent;
  border:1px solid #555;
  color:#555;
}

.counter-fianmt.border li a:hover i {
  border:0 none;
  color:#FFF;
}

.counter-fianmt.border .arq-lite-facebook a i {
  border-color:#39599f;
  color:#39599f;
}

.counter-fianmt.border .arq-lite-twitter a i {
  border-color:#45b0e3;
  color:#45b0e3;
}

.counter-fianmt.border .arq-lite-google a i {
  border-color:#fa0101;
  color:#fa0101;
}

.counter-fianmt.border .arq-lite-rss a i {
  border-color:#f8bc2e;
  color:#f8bc2e;
}

.counter-fianmt.border .arq-lite-soundcloud a i {
  border-color:#F76700;
  color:#F76700;
}

.counter-fianmt.border .arq-lite-github a i {
  border-color:#4183c4;
  color:#4183c4;
}

.counter-fianmt.border .arq-lite-behance a i {
  border-color:#1769ff;
  color:#1769ff;
}

.counter-fianmt.border .arq-lite-dribbble a i {
  border-color:#d875a2;
  color:#d875a2;
}

.counter-fianmt.border .arq-lite-youtube a i {
  border-color:#cc181e;
  color:#cc181e;
}

.counter-fianmt.border .arq-lite-instagram a i {
  border-color:#517fa4;
  color:#517fa4;
}

.counter-fianmt.border .arq-lite-vimeo a i {
  border-color:#3fbfce;
  color:#3fbfce;
}

.counter-fianmt.border .arq-lite-delicious a i {
  border-color:#2567ee;
  color:#2567ee;
}

.social-icons {
  text-align:center;
}

.social-icons a {
  margin:2px;
  position:relative;
  text-shadow:none;
  display:inline-block;
}

.social-icons-widget .social-icons i:before {
  display:inline-block;
  width:32px;
  height:32px;
  line-height:32px;
  font-size:18px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

.social-icons-widget .social-icons a {
  color:#555 !important;
}

#theme-footer .social-icons-widget .social-icons a {
  color:#999 !important;
}

.social-icons-widget .social-icons.social-colored a {
  color:#FFF !important;
}

.social-icons-widget .social-icons a:hover {
  opacity:0.7;
}

.social-icons.social-colored .fa-delicious:before,.arq-lite-delicious a:hover i,.counter-fianmt.colored .arq-lite-delicious a i {
  background:#2567ee;
}

.social-icons.social-colored .fa-foursquare:before {
  background:#0d9ed1;
}

.social-icons.social-colored .fa-digg:before {
  background:#b2b2b2;
}

.social-icons.social-colored .fa-reddit:before {
  background:#ff915c;
}

.social-icons.social-colored .tieicon-vimeo:before,.arq-lite-vimeo a:hover i,.counter-fianmt.colored .arq-lite-vimeo a i {
  background:#3fbfce;
}

.social-icons.social-colored .fa-play:before {
  background:#a0b532;
}

.social-icons.social-colored .fa-soundcloud:before,.arq-lite-soundcloud a:hover i,.counter-fianmt.colored .arq-lite-soundcloud a i {
  background:#F76700;
}

.social-icons.social-colored .fa-yelp:before {
  background:#c1230d;
}

.social-icons.social-colored .fa-github:before {
  background:#666;
}

.social-icons.social-colored .fa-xing:before {
  background:#00605e;
}

.social-icons.social-colored .fa-dropbox:before {
  background:#459ce6;
}

.social-icons.social-colored .fa-tumblr:before {
  background:#385a75;
}

.social-icons.social-colored .fa-apple:before {
  background:#7e878b;
}

.social-icons.social-colored .fa-dribbble:before,.arq-lite-dribbble a:hover i,.counter-fianmt.colored .arq-lite-dribbble a i {
  background:#d875a2;
}

.social-icons.social-colored .fa-skype:before {
  background:#00c6ff;
}

.social-icons.social-colored .fa-vk:before {
  background:#369;
}

.social-icons.social-colored .fa-friendfeed:before {
  background:#93b4dd;
}

.social-icons.social-colored .fa-lastfm:before {
  background:#f54a3d;
}

.social-icons.social-colored .fa-spotify:before {
  background:#7fb718;
}

.social-icons.social-colored .fa-paypal:before {
  background:#34aad2;
}

.social-icons.social-colored .fa-wordpress:before {
  background:#2071ad;
}

.social-icons.social-colored .fa-rss:before,.arq-lite-rss a:hover i,.counter-fianmt.colored .arq-lite-rss a i {
  background:#f8bc2e;
}

.social-icons.social-colored .fa-share-alt:before {
  background:#55ac60;
}

.social-icons.social-colored .tieicon-picasa:before {
  background:#9d48a1;
}

.social-icons.social-colored .tieicon-evernote:before {
  background:#1c8328;
}

.social-icons.social-colored .fa-github:before,.arq-lite-github a:hover i,.counter-fianmt.colored .arq-lite-github a i {
  background:#4183c4;
}

.social-icons.social-colored .tieicon-blogger:before {
  background:#f39d38;
}

.social-icons.social-colored .tieicon-viadeo:before {
  background:#f97618;
}

.social-icons.social-colored .tieicon-deviantart:before {
  background:#5d6f6d;
}

.social-icons.social-colored .tieicon-grooveshark:before {
  background:#248fd3;
}

.social-icons.social-colored .tieicon-fivehundredpx:before {
  background:#00adf1;
}

.social-icons.social-colored .fa-facebook:before,.social-facebook,.author-social a.social-facebook:hover,.arq-lite-facebook a:hover i,.counter-fianmt.colored .arq-lite-facebook a i {
  background:#39599f;
}

.social-icons.social-colored .fa-twitter:before,.social-twitter,.author-social a.social-twitter:hover,.arq-lite-twitter a:hover i,.counter-fianmt.colored .arq-lite-twitter a i {
  background:#45b0e3;
}

.social-icons.social-colored .fa-stumbleupon:before,.social-stumble,.author-social a.social-stumble:hover {
  background:#eb4924;
}

.social-icons.social-colored .fa-google-plus:before,.social-google-plus,.author-social a.social-google-plus:hover,.arq-lite-google a:hover i,.counter-fianmt.colored .arq-lite-google a i {
  background:#fa0101;
}

.social-icons.social-colored .fa-linkedin:before,.social-linkedin,.author-social a.social-linkedin:hover {
  background:#65b7d2;
}

.social-icons.social-colored .fa-pinterest:before,.social-pinterest,.author-social a.social-pinterest:hover {
  background:#E00707;
}

.social-icons.social-colored .fa-youtube:before,.social-youtube,.author-social a.social-youtube:hover,.arq-lite-youtube a:hover i,.counter-fianmt.colored .arq-lite-youtube a i {
  background:#cc181e;
}

.social-icons.social-colored .tieicon-instagram:before,.social-instagram,.author-social a.social-instagram:hover,.arq-lite-instagram a:hover i,.counter-fianmt.colored .arq-lite-instagram a i {
  background:#517fa4;
}

.social-icons.social-colored .fa-behance:before,.social-behance,.author-social a.social-behance:hover,.arq-lite-behance a:hover i,.counter-fianmt.colored .arq-lite-behance a i {
  background:#1769ff;
}

.social-icons.social-colored .tieicon-flickr:before,.social-flickr,.author-social a.social-flickr:hover {
  background:#ff0084;
}

.social-site {
  background:#666;
}

.widget-container .tie-instagram {
  margin-bottom:0;
}

/* Comments */
#comments {
  font-size:16px;
  margin:10px 5px;
  padding:0;
  background:#fff;
  border-bottom:1px solid #d8d8d8;
  color:#6a6a6a;
}

#comments h5 {
  font-size:25px;
  font-family:&#39;Lobster&#39;,cursive;
  margin:0;
  padding:15px 20px;
  position:relative;
  overflow:hidden;
}

.comment_admin .comment_author_flag {
  display:inline;
  font-size:15px;
  font-weight:normal;
  padding:2px 6px;
  margin-left:8px;
  color:#fff;
  border-radius:4px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.comment_inner {
  background:#fff;
  margin:0;
  padding:15px;
  overflow:hidden;
  border-top:1px solid #e5e5e5;
  transition:all .3s;
}

div.comment_inner.comment_admin {
  background:#fff;
}

.comment_inner:hover,.comment_inner:hover &gt;
  .comment_body,.comment_child .comment_inner:hover,div.comment_inner.comment_admin:hover {
  background:#fefefe;
}

.comment_header {
  float:left;
  width:67px;
}

.cm_head {
  position:relative;
  margin:-10px -10px 0;
  padding:5px 10px 0;
}

.comment_avatar {
  border-radius:55px;
  margin:0;
  padding:5px;
}

.comment_avatar img {
  border-radius:55px;
  width:55px;
  height:55px;
  padding:0;
  border:5px solid #eee;
  text-align:center;
  margin:0;
  background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat #eee;
}

div.comment_avatar img[src=&quot;
  http://img1.blogblog.com/img/openid16-rounded.gif&quot;
  ] {
  content:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png);
}

.comment_name,.comment_name a {
  padding:0;
  margin:0;
  font-weight:bold;
  color:#333;
}

.comment_service {
  margin-top:0;
}

.comment_date {
  margin:0 0 0 5px;
  color:#999;
  font-size:11px;
  font-weight:400;
}

.respond {
  float:right;
  margin:0;
  padding:0;
}

.comment_date:hover {
  color:#bbb;
  text-decoration:underline;
}

.comment_body {
  background:#fff;
  margin-left:72px;
  padding:10px;
}

.comment_body p {
  line-height:normal;
  margin:0;
  color:#333;
  word-wrap:break-word;
  padding:10px 0;
}

.comment_child .comment_inner {
  padding-left:78px;
}

.comment-delete {
  position:absolute;
  float:right;
  top:10px;
  right:10px;
  margin:0;
  padding:0;
  opacity:.5;
  transition:all .3s;
}

.comment_body:hover &gt;
  .cm_head a.comment-delete {
  opacity:1;
}

.infonm {
  float:left;
}

.comment_reply {
  font-size:80%;
  width:50px;
  display:block;
  font-weight:400;
  margin:0;
  padding:0;
  color:#6a6a6a !important;
  text-align:center;
  text-decoration:none;
  background:#fff;
  border-radius:2px;
  border:1px solid #e5e5e5;
  transition:all .3s;
}

.comment_reply:hover {
  text-decoration:none;
  color:#a24436 !important;
}

.comment_hapus {
  font-weight:300;
  margin:0;
  padding:0;
  color:#fff !important;
  text-decoration:none;
}

.comment_hapus:hover {
  text-decoration:none;
  color:#333 !important;
}

.unneeded-paging-control {
  display:none;
}

.comment-form {
  max-width:100% !important;
}

#comment-editor {
  width:100% !important;
  background:#fff url(&#39;http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif&#39;) no-repeat 50% 40%;
  margin-bottom:0;
  margin-top:5px;
}

.comment_form a {
  text-decoration:none;
}

.comment-form p {
  background:#fff none repeat scroll 0% 0%;
  padding:0;
  margin:0;
  color:#333;
  font-size:13px;
  position:relative;
}

.comment_reply_form {
  padding:0 0 0 70px;
}

.comment_reply_form .comment-form {
  width:100%;
}

iframe {
  border:none;
  overflow:hidden;
}

.deleted-comment {
  background:#e74c3c;
  color:#fff;
  padding:20px;
  margin:5px 0;
  display:block;
}

iframe {
  border:none;
  overflow:hidden;
}

p.spammer-detected {
  background:#9eb2c0;
  position:relative;
  display:table;
  margin:10px 0;
  padding:10px 15px;
  color:#fff;
  font-size:95%;
  border-radius:2px;
}

.pesan-komentar {
  padding:0;
  width:auto;
  margin:0 auto;
  line-height:normal;
  position:relative;
  font-weight:400;
  color:#444;
}

.pesan-komentar h6 {
  font-size:14px;
  margin:0;
  padding:15px 20px;
  font-weight:700;
  position:relative;
  text-transform:uppercase;
  overflow:hidden;
  border-bottom:1px solid #eee;
}

.pesan-komentar .strike {
  text-decoration:line-through;
  display:inline;
  padding:0;
}

.pesan-komentar ul {
  padding:20px;
}

.pesan-komentar ul li {
  list-style:none;
  padding:3px 0;
  font-size:13px;
}

.pesan-komentar ul li:first-child {
  padding:0 0 3px 0;
}

.pesan-komentar ul li:last-child {
  padding:3px 0 0 0;
}

.parser {
  color:#6a6a6a;
  border:1px solid #ddd;
  padding:3px 6px;
  margin:0 20px 20px;
  cursor:pointer;
  display:inline-block;
  float:left;
  text-align:center;
}

#parser {
  padding:0;
  margin:0 20px;
  display:none;
}

#parser table,#parser2 table {
  margin:0 auto;
  width:100%;
}

#parser textarea#somewhere,#parser2 textarea#somewhere {
  background:#fff;
  color:#6a6a6a;
  border:0;
  height:100px;
  width:100%;
  padding:10px;
  box-shadow:inset 0 0 0 1px #ddd;
  transition:all .6s;
}

#parser textarea#somewhere:active,#parser textarea#somewhere:focus,#parser2 textarea#somewhere:active,#parser2 textarea#somewhere:focus {
  color:#333;
  box-shadow:inset 0 0 0 1px #ccc;
  outline:0;
}

input.button-parse {
  padding:5px 8px;
  cursor:pointer;
  border:1px solid #e85e54;
  background:#f8695f;
  color:#fff;
  margin-bottom:20px;
  border-radius:2px;
  transition:all .3s;
}

input.button-parse:hover {
  background:#fff;
  border-color:#f8695f;
  color:#e85e54;
}

code {
  font-family:Consolas,Monaco,&#39;Andale Mono&#39;,monospace;
  white-space:initial;
  word-spacing:normal;
  word-break:normal;
  hyphens:none;
}

code,#comment_block code,#comment_block i[rel=&quot;
  code&quot;
  ] {
  font:normal 12px Monaco,&quot;Courier New&quot;,Monospace;
  color:blue;
}

pre,#comment_block pre,#comment_block i[rel=&quot;
  pre&quot;
  ] {
  display:block;
  font:normal 12px Monaco,&quot;Courier New&quot;,Monospace;
  background-color:#333;
  color:#fff;
  padding:0.5em 1em;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

#comment_block blockquote,#comment_block i[rel=&quot;
  quote&quot;
  ] {
  margin:0 2%;
  background-color:#eee;
  padding:1em 1.2em;
  border-left:4px solid #7498AD;
  display:block;
  font-weight:normal;
  font-style:italic;
}

#comment_block i[rel=&quot;
  image&quot;
  ],#comment_block i[rel=&quot;
  youtube&quot;
  ] {
  display:block;
  overflow:hidden;
  position:relative;
  width:170px;
  margin:0 auto;
}

.comment_emo_list {
  display:none;
  position:relative;
  text-align:center;
  margin:20px auto;
}

.comment_emo_list .item {
  float:left;
  text-align:center;
  height:40px;
  width:41px;
  margin:0 auto;
}

.comment_emo_list span {
  display:block;
  font-weight:400;
  font-size:11px;
  letter-spacing:1px;
  color:#6a6a6a;
}

.comment_body p img.comment_emo {
  margin-left:5px;
}

/* Widget Statis */
.cloud-label-widget-content {
  text-align:justify;
  max-height:300px;
  overflow-y:auto;
}

.widget-content.cloud-label-widget-content {
  display:inline-block;
  width:100%;
}

.widget-content.list-label-widget-content {
  padding:0;
}

.widget-content.cloud-label-widget-content {
  display:inline-block;
}

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
  font-size:100%;
  opacity:1;
}

.cloud-label-widget-content {
  text-align:left;
  padding:10px;
}

.label-count {
  white-space:nowrap;
  display:inline-block;
}

.sidebar-wrapper .Label ul {
  list-style:none !important;
  margin:15px 0 0;
  padding:0;
  width:100%;
}

.sidebar-wrapper .Label li {
  position:relative;
  background:#f5f5f5;
  color:#444;
  padding:0;
  margin:0;
  text-align:left;
  max-width:100%;
  font-size:90%;
  transition:all .3s ease-out;
}

.sidebar-wrapper .Label li:nth-child(even) {
  background-color:#fff;
}

.sidebar-wrapper .Label li:hover {
  background:#fff;
  color:#cf4d35;
}

.sidebar-wrapper .Label li:before {
  content:&quot;&quot;;
  position:absolute;
  width:0;
  height:100%;
  background:#fbd95b;
  transition:all .2s ease-in-out;
}

.sidebar-wrapper .Label li:hover:before {
  width:100%;
}

.sidebar-wrapper .Label li a {
  padding:0 0 0 10px;
  border-left:5px solid #fbd95b;
  display:block;
  position:relative;
  line-height:42px;
  color:#787878;
  text-decoration:none;
  transition:all .3s ease-out;
}

.sidebar-wrapper .Label li a:hover {
  color:#fff;
}

.sidebar-wrapper .Label li span {
  float:right;
  height:42px;
  line-height:42px;
  width:42px;
  text-align:center;
  display:inline-block;
  background:#fbd95b;
  color:#FFF;
  position:absolute;
  top:0;
  right:0;
  z-index:2;
}

.sidebar-wrapper .Label li:nth-child(even) &gt;
  span {
  background:#EDC842;
}

.sidebar-wrapper .label-size {
  position:relative;
  display:block;
  float:left;
  margin:0 4px 4px 0;
  font-size:13px;
  transition:all 0.3s;
}

.sidebar-wrapper .label-size a {
  background:#fff;
  background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgba(246,246,246,1)100%);
  display:inline-block;
  color:#444;
  padding:5px 8px;
  font-weight:400;
  border:1px solid #e3e3e3;
  background-repeat:repeat-y;
  background-size:100% 90px;
  background-position:0 -30px;
  transition:all .3s;
}

.sidebar-wrapper .label-count {
  opacity:0;
  visibility:hidden;
  font-size:85%;
  display:inline-block;
  position:absolute;
  top:-10px;
  right:-10px;
  background:#4fafe9;
  color:#fff;
  white-space:nowrap;
  padding:0;
  width:22px;
  height:22px;
  line-height:22px;
  border-radius:100%;
  text-align:center;
  z-index:1;
  transition:all .3s;
}

.sidebar-wrapper .label-size:hover .label-count {
  opacity:1;
  visibility:visible;
  top:-5px;
}

.sidebar-wrapper .label-size a:hover {
  color:#444;
  background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rgba(255,255,255,1)100%);
  background-position:0 0;
}

/* Futured Slider */
#slider-fianmt {
  background:#fff;
  border-bottom:1px solid #d8d8d8;
  width:100%;
  position:relative;
  height:300px;
  margin:65px auto 10px;
}

#featured {
  width:100%;
  position:relative;
  height:320px;
  overflow:hidden;
  margin:0 auto;
}

#featured ul {
  width:9999px;
}

#featured ul,#featured li {
  list-style:none;
  padding:0;
  margin:0;
  overflow:hidden;
}

#featured li {
  width:230px;
  display:inline-block;
  float:left;
  height:300px;
}

.thumb-featured {
  width:230px;
  height:235px;
  margin:5px auto;
  overflow:hidden;
}

.thumb-featured img {
  display:block;
  width:230px;
  height:280px;
}

.title-featured {
  text-align:center;
  position:relative;
  margin-top:-20px;
}

.title-featured h4 {
  font-size:100%;
  font-weight:700;
  max-height:45px;
  overflow:hidden;
  padding-top:10px;
}

.title-featured a {
  color:#6a6a6a;
}

.title-featured a:hover {
  color:#a7a7a7;
}

span.slideloading {
  background-repeat:no-repeat;
  background-position:50% 50%;
  text-indent:-9999px;
  margin:50px auto;
}

.arrow {
  position:absolute;
  display:block;
  background:rgba(215,214,214,.35) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_SkmY4qVoCkW5WluVJBWczCvJyDoKEzyoXEewiFinbV70AVGzwIzAwQtE43E-kr9oF08ie_R8vwxCfQ8e8vkSMuFN3M7-z-mh5_2dG6uGtHr5tIatZgQA_VzLz0_dKYd9g5q4ccwobqo/s1600/nnv.png)no-repeat;
  background-position:0 50%;
  width:30px;
  height:60px;
  top:90px;
  text-indent:-9999px;
}

.arrow:hover {
  opacity:.5;
}

.arrow.back {
  background-position:0 50%;
  left:0;
}

.arrow.forward {
  background-position:100% 50%;
  right:0;
}

/* Social Media Posted */
#sonetwo {
  text-align:center;
}

#sonetwo,#sonetwo ul {
  display:block;
  margin:0 auto;
}

#sonetwo {
  background:#fff;
  padding:20px 10px;
}

#sonetwo ul {
  padding:0;
  list-style:none;
}

#sonetwo li {
  display:inline-block;
  margin:0 5px;
  width:36px;
  height:36px;
  transition:All .6s ease-out;
}

#sonetwo li:hover {
  color:#eee;
  cursor:pointer;
}

#sonetwo li a:hover,#sonetwo li:hover a {
  color:#fff;
}

#sonetwo li a {
  display:inline-block;
  color:#aaa;
  line-height:36px;
  font-size:1.2em;
  transition:All .3s ease-out;
}

#sonetwo li a span {
  display:none;
}

#sonetwo li.facebook,#sonetwo li.googleplus,#sonetwo li.pinterest,#sonetwo li.twitter {
  transition:background-position .4s ease,color .4s ease;
  text-align:center;
  cursor:pointer;
  box-shadow:0 0 0 1px #ddd;
}

#sonetwo li.facebook {
  background:150% 0 no-repeat;
  border-radius:100%;
  background-size:200%;
  background-image:linear-gradient(110deg,#257AA7 0,#257AA7 50%,transparent 50%,transparent 100%);
}

#sonetwo li.twitter {
  background:150% 0 no-repeat;
  border-radius:100%;
  background-size:200%;
  background-image:linear-gradient(110deg,#23D1D3 0,#23D1D3 50%,transparent 50%,transparent 100%);
}

#sonetwo li.googleplus {
  background:150% 0 no-repeat;
  border-radius:100%;
  background-size:200%;
  background-image:linear-gradient(110deg,#FF5252 0,#FF5252 50%,transparent 50%,transparent 100%);
}

#sonetwo li.pinterest {
  background:150% 0 no-repeat;
  border-radius:100%;
  background-size:200%;
  background-image:linear-gradient(110deg,#D72E2E 0,#D72E2E 50%,transparent 50%,transparent 100%);
}

#sonetwo li a.facebook:hover,#sonetwo li a.googleplus:hover,#sonetwo li a.pinterest:hover,#sonetwo li a.twitter:hover {
  color:#fff;
}

#sonetwo li.facebook:hover,#sonetwo li.googleplus:hover,#sonetwo li.pinterest:hover,#sonetwo li.twitter:hover {
  color:#fff;
  background-position:0 0;
  box-shadow:0 0 0 1px #ddd;
}

/* Related Post */
.related-post {
  background-color:#F6FBFB;
  border-bottom:1px solid #d8d8d8;
  margin:0 5px;
  padding:30px;
}

.related-post h4 {
  color:#6a6a6a;
  font-size:28px;
  font-family:&#39;Lobster&#39;,cursive;
  font-size:33px;
  font-style:italic;
  font-weight:400;
  margin:0 0 35px -5px;
}

.related-post a {
  color:#6a6a6a;
  font-size:14px;
  text-align:center;
}

.related-post a:hover {
  color:#555;
}

.related-post-style-3 {
  margin:0 -11px 0 -5px;
  padding:0;
}

.related-post-style-3 li {
  margin:0;
  padding:0;
  list-style:none;
  overflow-wrap:break-word;
  overflow:hidden;
}

.related-post-style-3 .related-post-item {
  display:block;
  float:left;
  width:247px;
  height:220px !important;
  padding:0;
  margin-right:10px;
  margin-bottom:10px;
  font-size:14px;
  position:relative;
  text-align:center;
}

.related-post-style-3 .related-post-item:focus {
  outline:0;
}

.related-post-style-3 .related-post-item-thumbnail {
  display:block;
  margin:0 0 10px;
  width:100%;
  height:140px !important;
  max-width:none;
  max-height:none;
  background-color:transparent;
  border:none;
  padding:0;
  border-radius:0;
}

.related-post-item-title {
  font-weight:400;
}

.related-post-style-3 .related-post-item-thumbnail {
  display:block;
  height:auto;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
  transition:all 0.4s;
}

.related-post-style-3 .related-post-item-thumbnail:hover {
  -moz-transform:scale(1.08);
  -webkit-transform:scale(1.08);
  -o-transform:scale(1.08);
  transform:scale(1.08);
}

/* 404 */
#errorpage {
  position:fixed;
  z-index:+1000000;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#d7d7d7;
  color:#555555;
  text-align:center;
  font-size:14px;
  background:#eee;
}

.comingcontainer {
  width:100%;
}

.checkbacksoon {
  width:auto;
  height:100%;
  padding-top:5%;
}

.checkbacksoon p {
  font-weight:normal;
  color:#6a6a6a;
  display:block;
  margin:auto;
  margin-top:10px;
  text-align:center;
  text-shadow:0 1px 0 #ffffff;
}

.checkbacksoon p span {
  color:#fff;
  text-shadow:0 0 2px #686868;
  font-size:200px;
  line-height:200px;
}

.tombol {
  display:inline-block;
  text-decoration:none;
  outline:0;
  cursor:pointer;
  padding:8px 11px;
  color:#555;
}
/* Media*/
@media screen and (max-width:1024px) {
  .header-wrapper {
  margin-right:0;
  min-height:0;
  width:100%;
}
#header {
  text-align:center;
  width:100%;
  max-width:none;
}
#header-inner {
  margin-bottom:0;
}
#header h1,#header p {
  margin-right:0;
}
#header .description {
  margin:0;
}
.main-wrapper {
  margin-right:0;
  width:67%;
}
.page-menu {
  margin-top:-19px;
  width:65%;
}
.post {
  padding:10px;
}
.sidebar-wrapper {
  width:320px;
}
.sidebar .widget-content {
  padding:10px;
}
.related-post-style-3 .related-post-item {
  width:47.9%;
  height:180px;
}
}

@media screen and (max-width:980px) {
  #header {
    float:none;
    max-width:none;
    text-align:center;
    margin-top:10px;
  }
  #header-inner {
    margin-bottom:0;
  }
  #header h1,#header p {
    margin-right:0;
  }
  #header .description {
    margin:0;
  }
  .main-wrapper {
    margin-right:0;
    width:64%;
  }
  .sidebar-wrapper {
    width:99%;
  }
  .credit {
    padding:20px !important;
  }
  #credit .left,#credit .right {
    float:none;
    text-align:center;
    margin:0;
  }
  .outerpic-wrapper,.content-wrapper {
    padding:0;
  }
  #header2,.page-menu ul {
    text-align:center;
    width:100%;
  }
}

@media screen and (max-width:800px) {
  .header-wrapper {
    margin-right:0;
    min-height:0;
    width:100%;
  }
  #header {
    text-align:center;
    width:100%;
    max-width:none;
  }
  #header-inner {
    margin:10px 0;
  }
  .main-wrapper {
    width:100%;
  }
  .navigator {
    background:#f3f3f1;
    height:150px;
  }
  .page-menu {
    margin-top:15px;
    width:100%;
  }
  .top-menu-items {
    width:100%;
    float:left;
    margin-right:1.69492%;
  }
  #menu-utama {
    margin:-30px auto;
  }
  #slider-fianmt {
    margin:51px auto 10px;
  }
  .sidebar-wrapper {
    width:97%;
  }
}

@media screen and (max-width:760px) {
  .navigator {
    background:#f3f3f1;
    height:150px;
  }
  .page-menu {
    margin-top:15px;
    width:100%;
  }
  .top-menu-items {
    width:100%;
    float:left;
    margin-right:1.69492%;
  }
  #menu-utama {
    margin:-30px auto;
  }
  #slider-fianmt {
    margin:51px auto 10px;
  }
  .outer-wrapper {
    padding:0;
  }
  .main-wrapper {
    margin-right:0;
    width:100%;
    min-height:0;
  }
  .sidebar-wrapper {
    width:99%;
  }
}

@media screen and (max-width:480px) {
  .navigator {
    background:#f3f3f1;
    height:130px;
  }
  .page-menu {
    margin-top:15px;
    width:100%;
  }
  .mobile-menu {
    margin-top:-24px;
  }
  #slider-fianmt {
    margin:41px auto 10px;
  }
  .post h1,.post h2 {
    font-size:200%;
    text-align:center;
  }
  #header img {
    width:100%;
  }
  #relpost_img_sum .news-title {
    font:11px Arial;
  }
  .post-comment-link {
    display:none;
  }
}

@media screen and (max-width:375px) {
  .navigator {
    background:#f3f3f1;
    height:130px;
  }
  .page-menu {
    margin-top:15px;
    width:100%;
  }
  .mobile-menu {
    margin-top:-24px;
  }
  #slider-fianmt {
    margin:41px auto 10px;
  }
  #search input[type=&quot;
    text&quot;
    ]:hover,#search input[type=&quot;
    text&quot;
    ]:focus {
    width:180px;
  }
  .post h1,.post h2 {
    font-size:180%;
    text-align:center;
  }
  .page-menu {
    margin-top:15px;
    width:100%;
  }
  .PopularPosts li:first-child .item-title a {
    width:88.5%;
  }
  .related-post-style-3 .related-post-item {
    width:98%;
    height:180px;
  }
  .comments .comments-content .datetime {
    display:block;
    float:none;
  }
  .comments .comments-content .comment-header {
    height:70px;
  }
}

@media screen and (max-width:320px) {
  .navigator {
    background:#f3f3f1;
    height:130px;
  }
  .page-menu {
    margin-top:15px;
    width:100%;
  }
  .mobile-menu {
    margin-top:-24px;
  }
  #slider-fianmt {
    margin:41px auto 10px;
  }
  #featured li,.thumb-featured,.thumb-featured img {
    width:303px;
  }
  #search input[type=&quot;
    text&quot;
    ]:hover,#search input[type=&quot;
    text&quot;
    ]:focus {
    width:180px;
  }
  .post h1,.post h2 {
    font-size:180%;
    text-align:center;
  }
  .PopularPosts li:first-child .item-title a {
    width:88.3%;
  }
  .related-post-style-3 .related-post-item {
    width:100%;
    height:180px;
  }
  .comments .comments-content .datetime {
    display:block;
    float:none;
  }
  .comments .comments-content .comment-header {
    height:70px;
  }
}

@media screen and (max-width:240px) {
  .header-wrapper {
    margin-right:0;
    min-height:0;
    width:100%;
  }
  #header {
    text-align:center;
    width:100%;
    max-width:none;
  }
  #header-inner {
    margin:10px 0;
  }
  #header img {
    border:0 none;
    background:none;
    width:auto;
    height:auto;
    margin:0 auto;
  }
  .PopularPosts li:first-child .item-title a {
    width:83.5%;
    height:70px;
    font-size:15px;
  }
  .comments .comments-content .comment-replies {
    margin-left:0;
  }
}
</style>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.main-wrapper {
  width:845px;
}

.sidebar-wrapper {
  margin-top:4px;
}

.post {
  width:47.9%;
  height:430px;
  float:left;
  overflow:hidden;
  position:relative;
  padding:0;
  margin:10px 17px 17px 0;
}

.post h1,.post h2 {
  font-size:180%;
  line-height:1.2em;
  margin:5px 10px 0;
  padding:10px 20px 0 20px;
  text-align:center;
}

.post-body {
  padding:0 20px 0 20px;
  font-size:14px;
  text-align:center;
}

.post-footer {
  display:none;
}

.postmeta {
  ;
  padding:5px 0 10px;
}

.thumbimg {
  width:100% !important;
  height:250px !important;
  overflow:hidden;
  margin:0;
  padding:0;
  border:none;
  box-shadow:none;
}

.post img {
  display:block;
  height:auto;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
  transition:all 0.4s;
}

.post:hover img {
  -moz-transform:scale(1.08);
  -webkit-transform:scale(1.08);
  -o-transform:scale(1.08);
  transform:scale(1.08);
}

#blog-pager,.blog-pager {
  padding-right:20px;
}

.snippets {
  padding:20px;
  text-align:center;
  font-size:15px;
  color:#878787;
  line-height:1.8em;
}

.commentcount {
  background:#78CD85;
  color:#fff;
  text-transform:uppercase;
  border-radius:2px;
  padding:2px 8px;
  text-align:center;
  position:absolute;
  top:10px;
  left:-200px;
  z-index:1000;
  transition:all .8s ease-in-out;
  font-size:12px;
}

.post:hover .commentcount {
  left:10px;
}

.commentcount:hover {
  background:#FD9E4D;
  color:#fff;
  transition:all .3s ease-in-out;
}

@media screen and (max-width:1024px) {
  .main-wrapper {
    width:68%;
  }
  .post h1,.post h2 {
    font-size:140%;
  }
  .post {
    width:47%;
    height:450px !important;
  }
}

@media screen and (max-width:980px) {
  .content-wrapper {
    width:100%;
  }
  .main-wrapper {
    width:100%;
  }
  .post {
    width:48.1%;
  }
}

@media screen and (max-width:800px) {
  .content-wrapper {
    width:100%;
  }
  .main-wrapper {
    width:100%;
  }
  .post {
    width:47.8%;
    height:450px !important;
  }
}

@media screen and (max-width:768px) {
  .content-wrapper {
    width:90%;
    border:none;
  }
  .main-wrapper {
    width:100%;
  }
  .post {
    width:46%;
    margin:0 12px 20px 10px;
  }
}

@media screen and (max-width:760px) {
  .post h1,.post h2 {
    font-size:140%;
  }
  .thumbimg {
    height:200px !important;
  }
}

@media screen and (max-width:600px) {
  .post {
    width:45%;
    margin:0 12px 20px 10px;
  }
}

@media screen and (max-width:480px) {
  .post {
    width:99%;
    height:420px !important;
    margin:0 auto 20px;
    float:none;
  }
}

@media screen and (max-width:375px) {
  .post {
    height:440px;
  }
  .post h1,.post h2 {
    font-size:140%;
  }
  .content-wrapper {
    width:100%;
  }
}

@media screen and (max-width:320px) {
  .post h1,.post h2 {
    font-size:140%;
  }
  .content-wrapper {
    width:100%;
  }
  .thumbimg {
    height:200px !important;
  }
}

@media screen and (max-width:240px) {
  .post {
    height:400px;
  }
  .post h1,.post h2 {
    font-size:130%;
  }
  .thumbimg {
    height:150px !important;
  }
  .content-wrapper {
    width:100%;
  }
}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.sidebar-wrapper,.comments,.blog-pager,#blog-pager {
  display:none;
}

.post h1,.post h2,.postmeta {
  text-align:center;
}

.outer-wrapper,.main-wrapper {
  width:100%;
}

.postmeta {
  padding:5px 0 5px;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
.sidebar-wrapper {
  display:none;
}

#content-wrapper {
  padding:18px;
}

.main-wrapper {
  width:100%;
  margin-top:40px;
}

.actions-404 {
  width:100%;
  float:left;
  text-align:center;
}

.ops-404 {
  width:50%;
  margin:0 auto;
  font-size:26px;
  font-weight:400;
  padding-top:40px;
  padding-left:0;
}

.ops-404 span {
  font-weight:700;
}

.title-404 {
  font-size:200px;
  font-weight:700;
  line-height:1.1;
}

.link-404 {
  font-size:18px;
  padding-top:20px;
  padding-bottom:40px;
}

@media only screen and (max-width:998px) {
  #main-wrapper {
    width:100% !important;
    margin:0 !important;
  }
  .actions-404 {
    width:100%;
    float:right;
    text-align:center;
  }
  .ops-404 {
    width:80%;
    margin:0 auto;
    font-size:18px;
    font-weight:400;
  }
  .ops-404 span {
    font-weight:700;
  }
  .title-404 {
    font-size:100px;
    font-weight:700;
    line-height:1.1;
  }
  .link-404 {
    font-size:18px;
    padding-top:20px;
    padding-bottom:50px;
  }
}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=PT+Sans:400,700");loadCSS("//fonts.googleapis.com/css?family=Lobster");loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
//]]>
</script>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
snippet_count = 110;
//<![CDATA[
//summary
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}

//Recent Posts Script by bloggerplugins.org
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1i 2E(e){1H(k t=0;t<2y&&t!=e.1A.1D.N;t++){k i,m=e.1A.1D[t],n=m.1d.$t;M=n,2B(18)||0==18?n="":n.N>18&&(n=n.H(0,18)+"...");1H(k r="",l=0;l<m.L.N;l++){B("1Z"==m.L[l].1G&&"2l/2o"==m.L[l].2q)k o=m.L[l].1d,s=m.L[l].R;B("20"==m.L[l].1G){r=m.L[l].R;2c}}B(1==1E){k g="";X{g=m.2w$2x.1J,g=g.K("/1h-c/","/s"+17+"-c/")}W(p){i="1a"1j m?m.1a.$t:"",""==g&&0==1x&&(1z=/1c\\:\\/\\/2z\\.1B(-2I){0,1}\\.U\\/(v){0,1}(25){0,1}\\/(([^"&?\' ]*))/,1e=i.2d(1z),1l!=1e&&(1t=1e[4]),1l!=1e&&1l!=1t&&(g="1c://1f.1B.U/2v/"+1t+"/2.C")),""==g&&0==1x&&(a=i.Z("<1f"),b=i.Z(\'1F="\',a),c=i.Z(\'"\',b+5),d=i.21(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(g=d))}B(-1!=g.Z("22.23.U")&&(g=g.K("24.C","T.C"),g=g.K("26.C","T.C"),g=g.K("27.C","T.C"),g=g.K("29.C","T.C"),g=g.K("2a.C","T.C")),""==g&&1==2b){g="1c://2.1U.1M.U/-2e/2g/2h/2i/1h-c/2j.1O";X{""!=1P&&(g=1P)}W(p){}g=g.K("/1h-c/","/s"+17+"-c/")}}B(1==1Q){k u=m.2u.$t,y=u.H(0,4),h=u.H(5,7),v=u.H(8,10),x=2C 2D;x[1]="3h",x[2]="2H",x[3]="2J",x[4]="2M",x[5]="2R",x[6]="30",x[7]="3d",x[8]="3e",x[9]="3f",x[10]="1V",x[11]="1W",x[12]="1X"}B(1Y="",F=w.19("O"),j=w.P("1r"),j.z("1u","28"),I=14(r,"15",M),""!=F.16&&(1g=V("2f"),F.q(1g)),""!=n&&j.q(I),F.q(j),""!=n&&(I.16=n),1==1E&&""!=g){E=w.P("1f"),E.z("1F",g),"1y"!=Q&&(1k=!0,E.G.2m=Q,E.G.2n=Q);X{0!=1b&&(E.G.2p=1b+"1C")}W(p){}E.z("2r",M),E.z("2s",17),E.z("2t",17),I=w.P("a"),I.z("R",r+"?1m=O&1n-1o=1p&1q=O"),I.z("1I","15"),I.z("1d",M),I.q(E),j=w.P("1r"),j.z("1u","2A"),j.q(I),F.q(j)}X{B("1a"1j m)k f=m.1a.$t;1s B("1K"1j m)k f=m.1K.$t;1s k f="";k D=/<\\S[^>]*>/g;B(f=f.K(D,""),1==2F){B(j=V("2G"),f.N<1L)j.q(w.Y(f));1s{f=f.H(0,1L);k A=f.2K(" ");f=f.H(0,A),j.q(w.Y(f+"..."))}F.q(j)}}W(p){}B(j=V("2L"),j.G.1N="2N",j.G.2O="2P",1==1Q&&(j.q(w.Y(x[2Q(h,10)]+"-"+v+"-"+y)),J=1),1==2S){1==J&&j.q(w.Y(" | ")),"1 1v"==o&&(o="1 2T"),"0 1v"==o&&(o="2U 1v");k I=14(s,"15",o+" 2V "+M);j.q(I),I.16=o,J=1}B(1==2W){1==J&&j.q(w.Y(" | "));k I=14(r,"15",M);j.q(I),I.16=2X+" &2Y;",J=1}1==J&&F.q(j)}1==1k&&"1y"!=Q&&(j=V("2Z"),j.G.1N=Q,F.q(j)),w.19("1w").G.31="1J(\'1c://3.1U.1M.U/-32/33/34/35/36-37.1O\')",w.19("1w").G.38="39-3a";X{0!=1b&&"3b"==Q&&0==J&&(w.19("1w").G.3c=1b+"1C")}W(p){}}1i V(e){k t=w.P("1r");1R t.z("1u",e),t}1i 14(e,t,i){k a=w.P("a");1R"#1S-1T"==e.H(e.N-13,e.N)?(e=e.H(0,e.N-13)+"?1m=O&1n-1o=1p&1q=O#1S-1T",a.z("R",e)):a.z("R",e+"?1m=3g&1n-1o=1p&1q=O"),a.z("1I",t),a.z("1d",i),a}k M,2k,j,E,1g,F,1k=!1,J=0;',62,204,'|||||||||||||||||||myDiv|var||||||appendChild||||||document|_||setAttribute||if|jpg||myImage|main|style|substring||flag|replace|link|postTitleOriginal|length|bp_recent|createElement|imgFloat|href||_s|com|createDiv|catch|try|createTextNode|indexOf|||||createLink|_top|innerHTML|imgDim|titleLength|getElementById|content|myMargin|http|title|videoIds|img|mySeparator|s72|function|in|float_clear|null|utm_source|utm|medium|gadget|utm_campaign|div|else|videoId|class|Comments|bp_recent_link|mediaThumbsOnly|none|regex|feed|youtube|px|entry|showThumbs|src|rel|for|target|url|summary|summaryLength|blogspot|clear|png|defaultImage|showPostDate|return|comment|form|bp|Oct|Nov|Dec|code|replies|alternate|substr|static|flickr|_b_t|embed|_m_t|_s_t|bp_item_title|_b|_m|showNoImage|break|match|erTXCq61ULM|bp_recent_separator|TmHYAQBZ0GI|AAAAAAAACCs|6cBX54Dn6Gs|default|myLink|text|cssFloat|styleFloat|html|margin|type|alt|width|height|published|vi|media|thumbnail|numberOfPosts|www|bp_item_thumb|isNaN|new|Array|bprecentpostswiththumbnails|showSummary|bp_item_summary|Feb|nocookie|Mar|lastIndexOf|bp_item_meta|Apr|both|marginBottom|4px|parseInt|May|showCommentCount|Comment|No|on|showReadMore|readMore|raquo|bp_clear_float|Jun|backgroundImage|H8WPIh3wjr4|TmHnuo9tnnI|AAAAAAAACDE|_yuVqfb1HAk|blogger|widgets|backgroundRepeat|no|repeat|left|marginLeft|Jul|Aug|Sep|BP_recent|Jan'.split('|'),0,{}))

//slides
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 1A=6,1D=1y,1a=0,1v="2d",1g="1H://2g.1z.11/-2r/34/33/2Y-2I/1T/1S-17.1M",1L="1H://2h.1z.11/-3k/2e-2c/3a/31-2W/1T/1S-2P.1M",1f=0,1G=1y,12=2F;$(2q).2p(2(){$.1x({1b:"/1w/2k/1u?P=1t-F-1q&1p-1o="+1A+"",19:"1n",1m:"1l",1k:2(g){7 k,n,b,m,h,d="",o=g.1j.1h;3(o!==1J){d="<O>";K(7 f=0;f<o.z;f++){K(7 e=0;e<o[f].y.z;e++){3(o[f].y[e].L=="1i"){k=o[f].y[e].C;18}}K(7 c=0;c<o[f].y.z;c++){3(o[f].y[c].L=="2D"&&o[f].y[c].19=="2H/D"){h=o[f].y[c].G.2i(" ")[0];18}}3("V"F o[f]){n=o[f].V.$t}A{3("R"F o[f]){n=o[f].R.$t}A{n=""}}3("1r$1s"F o[f]){13=o[f].1r$1s.1b.M(/\\/s[0-9]+\\-c/g,"/s"+1D+"-c")}A{13=1g}7 p=/<\\S[^>]*>/g;n=n.M(p,"");3(n.z>1a){n=n.1d(0,1a)}b=o[f].G.$t;m=o[f].2l.$t.1d(0,10),m=m.M(/-/g,"/");d+=\'<B><4 8="2N-J"><a C="\'+k+\'" 1B="1C"><5><16 P="\'+b+\'"W="\'+13+\'"G="\'+b+\'" /></5></a></4><4 8="G-J"><1E><a C="\'+k+\'" G="\'+b+\'" 1B="1C">\'+b+\'</a></1E><4 8="2y"><5 8="2t">\'+m+\'</5><5 8="2u">\'+h+" "+1v+\'</5></4></4><4 8="2v">\'+n+"</4></B>"}d+="</O>";$("#J").D(d);(2(){$.2w.1F=2(){2 i(j,l){T 2J 2L(l+1).2O(j)}T H.2V(2(){7 q=$("> 4",H).2X("2Z","30"),r=q.X("> O").3g(2b),s=r.X("> B"),j=s.U(":1I");I=j.2f(),x=14.1K(q.2j()/I),E=1,Y=14.1K(s.z/x);3(s.z%x!=0){r.2m(i(\'<B 8="2n" />\',x-(s.z%x)));s=r.X("> B")}s.U(":1I").2o(s.1N(-x).1O().1P("1Q"));s.U(":2s").1R(s.1N(0,x).1O().1P("1Q"));s=r.X("> B");q.Q(I*x);2 l(u){7 t=u<E?-1:1,w=14.2x(E-u),v=I*t*x*w;q.U(":2z(:2A)").2B({Q:"+="+v},2C,2(){3(u>Y){q.Q(I*x);u=1}A{3(u==0){u=Y;q.Q(I*x*Y)}}E=u})}q.1R(\'<a C="#" 8="1U 1V">&2E;</a><a C="#" 8="1U 1W">&2G;</a>\');$("a.1V",H).1X(2(){l(E-1);T 1c});$("a.1W",H).1X(2(){l(E+1);T 1c});$(H).1Y("2K",2(t,u){l(u)});$(H).1Y("1Z",2(){l(E+1)})})}})(2M);7 a=20;$("#21-22").1F().2Q(2(){a=1c}).2R(2(){a=20});2S(2(){3(a){$("#21-22").2T("1Z")}},2U)}A{$("#J").D("<5>23 24!</5>")}},25:2(){$("#J").D("<Z>26 27 28!</Z>")}});$.1x({1b:"/1w/32/1u?P=1t-F-1q&1p-1o="+1f+"",19:"1n",1m:"1l",1k:2(n){7 f,a,c,m,g,h,b="",j=n.1j.1h;3(j!==1J){b="<O>";K(7 e=0;e<j.z;e++){K(7 d=0;d<j[e].y.z;d++){3(j[e].y[d].L=="1i"){m=j[e].y[d].C;18}}3("V"F j[e]){f=j[e].V.$t}A{3("R"F j[e]){f=j[e].R.$t}A{f=""}}3(j[e].N[0].15$17.W=="35://36.37.11/16/38.39"){a=1L}A{a=j[e].N[0].15$17.W.M(/\\/s[0-9]+(\\-c|\\/)/,"/s"+1G+"$1")}7 l=/<\\S[^>]*>/g;c=(j[e].N[0].29)?j[e].N[0].29.$t:"#3b";g=j[e].N[0].3c.$t;f=f.M(l,"");3(f.z>12){f=f.1d(0,12)+"..."}h=j[e].15$3d[1].3e;b+=\'<B><4 8="3f"><a L="2a" C="\'+m+\'"><5><16 W="\'+a+\'" G="\'+g+\'" P="\'+g+\'"/></5></a></4><4 8="3h"><a L="2a" C="\'+m+\'" G="\'+g+\'" 8="3i">\'+g+"</a><5>"+h+\'</5></4><4 8="3j">\'+f+"</4></B>"}b+="</O>";$("#1e").D(b)}A{$("#1e").D("<5>23 24!</5>")}},25:2(){$("#1e").D("<Z>26 27 28!</Z>")}})});',62,207,'||function|if|div|span||var|class|||||||||||||||||||||||||visible|link|length|else|li|href|html|currentPage|in|title|this|singleWidth|featured|for|rel|replace|author|ul|alt|scrollLeft|summary||return|filter|content|src|find|pages|strong||com|cmsumm|postimg|Math|gd|img|image|break|type|contjumlah|url|false|substring|rcentcomnets|numcomment|pBlank|entry|alternate|feed|success|jsonp|dataType|get|results|max|script|media|thumbnail|json|default|cmtext|feeds|ajax|230|googleusercontent|numpostx|target|_blank|thumbSize|h4|infiniteCarousel|thumbcsize|https|first|undefined|ceil|pkBlank|jpg|slice|clone|addClass|cloned|after|no|h120|arrow|back|forward|click|bind|next|true|slider|fianmt|No|result|error|Error|Loading|Feed|uri|nofollow|9999|7I|Comments|Uo95CAOG|outerWidth|lh5|lh6|split|innerWidth|posts|published|append|empty|before|ready|document|mSufUJ214bg|last|dt|cm|contxisi|fn|abs|datex|not|animated|animate|3000|replies|lt|100|gt|text|tZBkc|new|goto|Array|jQuery|thumb|join|avatar|mouseover|mouseout|setInterval|trigger|8000|each|amCo|css|1q7su|overflow|hidden|8hk05V|comments|AAAAAAAAGoA|Uo94DjMjnbI|http|img1|blogblog|blank|gif|AAAAAAAAGoI|nope|name|extendedProperty|value|kmtimg|width|ketkomt|tooltip|komtsum|UZxZHJ71o1A'.split('|'),0,{}))
//]]>
</script>
</head>
<body>
<div class='navigator'>
<div class='content-wrapper'>
<nav class='page-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
 <ul>
   <li><a expr:title='data:blog.title' href='/' itemprop='url'><img alt='logoweb' class='logoweb' expr:title='data:blog.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyo9j1cv0uKYsTG-qVl0QTrIEAkO-0uPXuELealKOO0B7nlrfoN_Ugdncj5WYKhVapd_opfqnq-JhiCyt7htOHDOG5YFKqtHD9Ookb9muN0PmKr6aKQGra0kzGlf7t8BBKvsab1yf_j_F9/s1600/logo.png'/></a></li>
   <li><a href='#' itemprop='url' title='Contac'><span itemprop='name'>Contac</span></a></li>
   <li><a href='#' itemprop='url' title='Privacy'><span itemprop='name'>Privacy</span></a></li>
   <li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
   <li><a href='#' itemprop='url' title='Advertise'><span itemprop='name'>Advertise</span></a></li>
   <li><a href='/404.html' itemprop='url' title='Error Page 404'><span itemprop='name'>Error Page 404</span></a></li>
    </ul>
 
</nav>
<div class='social'><!-- Social Icons -->
            <a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook '/></a>
            <a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
            <a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Foursquare'><i class='fa fa-foursquare'/></a>
            <a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Dribbble'><i class='fa fa-dribbble'/></a>
            <a class='bottomtip' href='#' rel='nofollow' target='_blank' title='Contac Us'><i class='fa fa-envelope-o'/></a>
          </div>
<div class='clear'/>
</div></div>
<div class='headerpic-wrapper'>
             <div class='header-wrapper'>
                 <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
                   <b:widget id='Header1' locked='true' title='What do you fine now? (Header)' type='Header'>
                     <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      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 != &quot;item&quot;'>
          <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='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </p>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <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 != &quot;item&quot;'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
<b:else/>
        <p class='title'>
          <b:include name='title'/>
        </p>
</b:if>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
                     <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
                     <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
                   </b:widget>
                 </b:section>
</div>
<div class='top-navigation' id='primary-navigation' role='navigation'>
<div class='content-wrapper'>
<div class='navigation-item'>
<ul class='top-menu-items top-menu' id='top-menu-items'>
<li><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#contact'><i class='fa fa-gears'/> Features</a></li>
<li><a href='#sitemap'><i class='fa fa-list'/> Word</a></li>
<li><a href='#disclaimer'><i class='fa fa-check-circle'/> Fashion</a></li>
<li><a href='#'><i class='fa fa-soccer-ball-o'/> Sport</a>
<ul class='sub-menu'>
<li><a href='#'>Indonesia</a></li>
<li><a href='#'>Indonesia Maju</a></li>
<li><a href='#'>Indonesia Merdeka</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-folder'/> Archive</a>
<ul class='sub-menu'>
<li><a href='#'>Menu 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
</li>
<form action='/search' id='search' method='get'>
<input id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search....'/>
  </form>
</ul>
</div></div></div>
<a class='mobile-menu' href='#primary-navigation'>
<div class='hamburger hamburger-menu'/></a></div><!-- /header-wrapper -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slider-fianmt'><div id='featured'/>
</div></b:if>
<div class='clear'/>
       <div class='content-wrapper'>
<div class='outerpic-wrapper'>
       <div class='outer-wrapper'>
                      <div class='main-wrapper'>
                    <b:section class='main' id='main' showaddelement='no'>
                      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
                        <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

  <b:if cond='data:mobileindex'>
    <!-- mobile index -->
    <div class='blog-posts hfeed'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;
        </b:if>
        &lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
        <div expr:onclick='data:post.indexOnclick'>
          <b:include data='post' name='mobile-index-post'/>
        </div>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;
      </b:if>
    </div>
  <b:else/>

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

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>

        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <b:if cond='data:mobile == &quot;false&quot;'>
            <div class='inline-ad'>
              <data:adCode/>
            </div>
          </b:if>
          <data:adStart/>
        </b:if>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
      &lt;/div&gt;&lt;/div&gt;
    <!-- Página 404 -->
<b:elseif cond='data:blog.pageType == &quot;error_page&quot;'/>
<b:include name='post-404'/>
   <!-- Página 404 (end)-->
      </b:if>
      <data:adEnd/>
    </div>
  </b:if>

  <!-- navigation -->
  <b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>

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

  <b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
                        <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
                        <b:includable id='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'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
                        <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
                        <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: none'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/>
  </p>
      <data:blogTeamBlogMessage/>
      <a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
      </div>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
                        <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + 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='&quot;//www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' title='delete comment'>&#215;</a>
    </b:if>
  </span>
</b:includable>
                        <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
                        <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
                        <b:includable id='comments' var='post'>
    <b:if cond='data:comment.authorUrl'>
      <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
      <data:comment.author/>
    </b:if>
         <div class='comments' id='comments' itemscope='itemscope' itemtype='http://schema.org/Comment'>
    <meta expr:content='data:post.title' itemprop='about'/>
        <meta expr:content='data:post.canonicalUrl' itemprop='discussionUrl'/>
            <b:if cond='data:post.allowComments'>
              <h5> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span> Comments</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span> Comments</b:if> <b:if cond='data:post.numComments &gt; 1'> <span itemprop='interactionCount'><data:post.numComments/></span> Comments </b:if> </h5>
        <b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
              <data:post.oldestLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
              <data:post.olderLinkText/>
            </a>
            &#160;
            <data:post.commentRangeText/>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
              <data:post.newerLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
              <data:post.newestLinkText/>
            </a>
          </span>
        </b:if>
        <div class='clear'/>
        <div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName' itemprop='comment' itemscope='itemscope' itemtype='http://schema.org/UserComments'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/> - <a class='comment_hapus' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>Hapus</a></span>
<b:else/>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;
<b:else/>
&lt;div class=&#39;comment_inner&#39;&gt;
</b:if>
 <div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
</div>
<div class='comment_body'>
    <div class='cm_head'>
    <div class='cm_infonm'>
                  <div class='comment_name'>
                    <b:if cond='data:comment.authorUrl'>
                      <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
                       <span itemprop='creator'><data:comment.author/></span>
                      </a>
                      <b:else/>
                    <span itemprop='creator'><data:comment.author/></span>
                    </b:if>
                    <b:if cond='data:comment.author == data:post.author'/>
                    <a expr:href='data:comment.url' rel='nofollow' title='Permalink'>
                       <span class='comment_date' itemprop='commentTime'>
                          <data:comment.timestamp/>
                        </span>
                    </a>
                  </div>
    </div>
    <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
    <img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zmPaHxFJ3opafmqC_8QW9OK-YIP_AM5VsCdB90a8uSK0dVzbJ-I4qtNbLVLrGexJB12cnZUD-CWxhjQ5FNkGtV41iF816ZukipBxGJEDGDu8QROrM2jjMyOr4MUdPmlYzegE69Vp5WI/s1600/delete4.png' title='Delete'/>
</a>
</div>
<p itemprop='commentText'><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' itemprop='replyToUrl' onclick='javascript:Display_Reply_Form(this)' title='Replay'>Replay</a>
</div>
<div class='clear'/>
&lt;/div&gt;
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
</b:if>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
              <data:post.oldestLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
              <data:post.olderLinkText/>
            </a>
            &#160;
            <data:post.commentRangeText/>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
              <data:post.newerLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
              <data:post.newestLinkText/>
            </a>
          </span>
        </b:if>
        <div class='clear'/>
        <div class='comment_form'>
          <b:if cond='data:post.embedCommentForm'>
            <b:if cond='data:post.allowNewComments'>
              <div class='comment_emo_list'/>
              <b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg' title='Comments'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
        <b:if cond='data:post.numComments != 0'>
          var Items = <data:post.commentJso/>;
            var Msgs = <data:post.commentMsgs/>;
                var Config = <data:post.commentConfig/>;
                    <b:else/>
                      var Items = {
                      };
        var Msgs = {
        };
        var Config = {
          &#39;
          maxThreadDepth&#39;
          :&#39;
          0&#39;
};
</b:if>
//<![CDATA[
      //Global setting
        Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
        Replace_Youtube_Link = true;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = true;//Auto replace link image,  ketik "false" untuk mendisable.
        Replace_Force_Tag = true;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true

        //Pengaturan Emoticon
        Emo_List = [
        ':)'  ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',
        ':('  ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',
        ' =('  ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',
        '^_^'  ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',
        ' :D'  ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',
        '=D'  ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',
        '=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikjE3HIENidFbv75ly1SJElEw8L7OHUIX99CJ5SC42bTLmquogWwVRnyvfiYrrUVxSxYKEn_9R5OO_vuaKf2oIPPzWROXZ-_us5Sa3Y99PD6YQo3MxhVL4fnvUEfD2lA7UlXIsFkIF4VJG/s1600/applause-yahoo-emoticon.gif',
        '@@,'  ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',
        ' ;)'  ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF82p7ZCmxixhQOPJAF_Xks2tjvjHWjlwN-7Nof1kkcf901Qr4_5GxVASu21pSBL4iHofo4_ddxPPz4LUosboqbtV-_RNaGdQLbjmUhksU7GnDnFyk-iHSwzg0Pq_Lmte-TT8QCDlB1qyU/s1600/thumbs-up-yahoo-emoticon.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU9E1aZSxm1j3cKwhEX42c9ZLpoicj-Aq-71OhLbbsmbNCDx_nis1GxRw6zwL1ekwA_umUd1UgDx0wcZuoVTHY1ekpHv1eRHxMLddCDCVmE-7h379uW5Zwbku-0iPHmmNtFQfA2PtR1DY/s1600/thumbsup.gif',
        ' :p'  ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',
        ':ng'  ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',
        ':lv'  ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',
        ];
         
//Config Force tag list, define all in lower case
Force_Tag = [
     '[pre]','<pre>',
     '[/pre]','</pre>',
     '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
     '</pre>','</code>'
];

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s55-c/"));
});
//]]>
</script>
    </b:includable>
                        <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

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

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
                        <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>

      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>

        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div style='clear: both;'/>
    </div>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
                        <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

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

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

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>
  </div>
  <div class='clear'/>
</b:includable>
                        <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + 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 != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <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 == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
                        <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <div class='nav-previous'><b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><span class='meta-nav'/><data:newerPageTitle/></a>
      </span>
      </b:if></div>

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

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
     </div>
<div class='clear'/>
</b:includable>
                        <b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='//schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postmeta'>
  <h3 class='date-header'><span class='author'><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Author Profile'>
          <span class='post-author vcard'>
              <span class='fn'><data:post.author/></span>
          </span></a> <span class='clock'> <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a></span></span>
   <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span></h3>
</div>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'><span class='commentcount'><b:if cond='data:post.numComments == 0'>No Comment</b:if><b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> Comments</b:if></span></a></b:if>

<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwTwmCq8EKK96KcM7wNsmGV5YszvjA_tYI0ibTfmRtnyDw0Pb9qK2lNXuEQzbnZTSu1rFGxhs9acrRhyVsfz1lasK4GI-rmUMgLqeaglXr-RAHs5tWM_vLHa4BqrOYV0-Zt-AvoX1XrY/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img height="auto" src="'+image_url.replace('/s72-c/','/s'+100%+'-c/')+'" class="thumbimg" alt="'+post_title+'" title="'+post_title+'" width="100%"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>

  </b:if>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
  </b:if>
</b:if>
    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sonetwo'>
<ul>
<li class='sorting-01 facebook' title='Share to facebook'><a expr:href='&quot;//www.facebook.com/share.php?v=4&amp; src=bm&amp; u=&quot; + data:post.url + &quot; &amp; t=&quot; + data:post.title' onclick='window.open(this.href,&quot; sharer&quot; ,&quot;   toolbar=0,status=0,width=626,height=436&quot; ); return false;'><i class='fa fa-facebook'/><span class='inv'/></a></li>
<li class='sorting-03 twitter' title='Share to twitter'><a expr:href='&quot;//twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot; via @TwistBlogger - &quot;' onclick='window.open(this.href,&quot; sharer&quot; ,&quot; toolbar=0,status=0,width=626,height=436&quot;); return false;'><i class='fa fa-twitter'/><span class='inv'/></a></li>
<li class='sorting-05 googleplus' title='Share to Google+'><a expr:href='&quot;//plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,&quot; &quot; ,&quot;   menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600&quot;); return false;'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='sorting-04 pinterest' title='Share to pinterest'><a data-pin-config='beside' expr:href='&quot;   //pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot; &amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;description=&quot; + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=500&quot;); return false;'><i class='fa fa-pinterest'/><span class='inv'/></a></li>
</ul>
</div>
</b:if></article>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4741upC0mz_COHAW1RvqfBaoAbLw9gEKSvZ7Jvz-0QtLK2M3OpRjeAZJVRWv5BV6GId01OhSrT5BV6DNeaw3yANsV1nQR3ix78FYuN3bj6GdI7ojCbThIu0NpkNqBgFYiojQhOQ2Rm3U/s1600/lk.png' width='90'/><br/><b>AUTOR: FIAN MT</b><br/>
I&#39;m just a beginner blogger who tried to learn things related to coding which always appears in front of the eye<br/></p>
</div>
  <div class='related-post' id='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Related Post:&lt;/h4&gt;&quot;,
      numPosts: 6,
      summaryLength: 370,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 300,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      moreText: &quot;Read More&quot;,
      widgetStyle: 3,
      callBack: function() {}
  };
  </script>
<script async='async' src='https://cdn.rawgit.com/bungfian/all/master/red.js' type='text/javascript'/><div class='clear'/>
</b:if>
</b:includable>
                        <b:includable id='post-404'>
<div class='post-404'>
                       <div class='actions-404'>
                          <div class='ops-404'><span>Ops;</span> Sorry, but the page you were trying to view does not exist.</div>
                         <div class='title-404'>4<span class='fa fa-frown-o'/>4</div>
<div class='link-404'>
                          <a href='/'><i class='fa fa-car'/> <trans>Back to Home</trans></a>
</div></div>
</div>
</b:includable>
                        <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
                        <b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=620\&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
                        <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
                        <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
                        <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
                        <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
      <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</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 + &quot;_select&quot;'>
        <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'>&amp;#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='HTML3' locked='false' title='Blogger news' type='HTML'>
                        <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
                      </b:widget>
                      <b:widget id='HTML6' locked='false' title='' type='HTML'>
                        <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
                      </b:widget>
                      <b:widget id='HTML5' locked='false' title='' type='HTML'>
                        <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
                      </b:widget>
                    </b:section>
</div>
<aside class='sidebar-wrapper'>
 <b:section class='sidebar' id='sidebar' showaddelement='yes'>
   <b:widget id='HTML4' locked='false' mobile='yes' title='Blogger templates' type='HTML'>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
   </b:widget>
   <b:widget id='HTML1' locked='false' mobile='yes' title='Widget Statis' type='HTML'>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
   </b:widget>
   <b:widget id='PopularPosts1' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts'>
     <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
                    <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
                    <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
   </b:widget>
   <b:widget id='HTML2' locked='false' mobile='yes' title='Recent Post' type='HTML'>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
   </b:widget>
   <b:widget id='Label1' locked='false' title='Labels' type='Label'>
     <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
   </b:widget>
   <b: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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
     <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
     <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
     <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
     <b:includable id='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='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</b:includable>
   </b:widget>
 </b:section></aside>
      <!-- spacer for skins that want sidebar and main to be the same height-->
              <div class='clr'/>
</div>
</div></div>
<footer id='footer-css'>
<div id='footergray'>
<div id='subscribe-css'>
<div class='subscribe-wrapper'>
<p>
Enter Email To Subsribe</p>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Blog.Lagioke.com' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=Blog.Lagioke.com&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='Blog.Lagioke.com'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your email address'/><input class='subscribe-css-email-button' title='' type='submit' value='SUBMIT'/></form>
</div></div>
<nav class='clearfix' id='navi' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><a href='#' id='pull'> Menu </a><ul class='clearfix'>
<li><a href='/' itemprop='url' title='Home'><span itemprop='name'>Home</span></a></li>
<li><a href='#' itemprop='url' title='Contac'><span itemprop='name'>Contac</span></a></li>
<li><a href='#' itemprop='url' title='Blog'><span itemprop='name'>Blog</span></a></li>
<li><a href='#' itemprop='url' title='Story'><span itemprop='name'>Story</span></a></li>
<li><a href='#' itemprop='url' title='Catering'><span itemprop='name'>Catering</span></a></li>
<li><a href='#' itemprop='url' title='Locations'><span itemprop='name'>Locations</span></a></li>
<li class='last'><a href='#' itemprop='url' title='Delivery'><span itemprop='name'>Delivery</span></a></li>
</ul></nav>
</div>
  <div class='credit-wrapper'>Copyright &#169; 2015 - <a expr:title='data:blog.pageTitle' href='/'><data:blog.pageTitle/></a> <br/>Distributed By <a href='http://mybloggerthemes.com/' rel='dofollow' target='_blank' title='Free Blogger Templates'>Free Blogger Templates</a> | Template By <a class='change' href='http://blog.lagioke.com/' id='change' title='BLagioke'>BLagioke</a></div>
</div>
</footer> <!-- End Footer and Credit Link -->
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {  var dimension = 300;  $('#PopularPosts1').find('img').each(function(n, image){var image = $(image); image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)}); image.attr('width',dimension);image.attr('height',dimension); });});//]]></script>
<script src='//cdn.rawgit.com/bungfian/code/master/menu.js'/>
<script type='text/javascript'>
//<![CDATA[
// Menu
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('L $=z.A();$(e).N(6(){$("#2-0").Z().u("w","3-J").K("#2-0"),$("#2-0 b").M("9-3"),$("#2-0").O(),$("b.9-3").P({Q:12,R:S,T:1}).r({s:t,7:{v:"c",x:"c"},y:"q"}),$("#d-0 .d-0-B").C({D:"E-3-F"})}),$(G).H(6(){$(e).I(6(){$("#8").f({7:"g",h:!1,i:1,j:"&k; l",m:"n &o;",p:1,U:!1,V:W.5,X:4,Y:"#a"}),$("#a").f({7:"g",h:!1,i:1,j:"&k;l",m:"n &o;",p:1,10:11,13:"#8"})})});',62,66,'navigation||primary|menu|||function|animation|carousel|top|slider|ul|show|main|document|flexslider|slide|controlNav|directionNav|prevText|laquo|Previous|nextText|Next|raquo|animationLoop|fast|superfish|delay|50|attr|opacity|id|height|speed|jQuery|noConflict|items|tinyNav|active|current|item|window|load|imagesLoaded|utama|insertBefore|var|removeClass|ready|mmenu|supersubs|minWidth|maxWidth|27|extraWidth|slideshow|itemWidth|109|minItems|asNavFor|clone|slideshowSpeed|5e3||sync'.split('|'),0,{}))
//]]>
</script>
&lt;!--</body>--&gt;&lt;/body&gt;
</HTML>

You Might Also Like

0 comments: