Blogger Templates MyTimeLine

    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html>
    <HTML expr:dir='data:blog.languageDirection'>
      <head>
        <b:include data='blog' name='all-head-content'/>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
    <!-- deskripsi dan keyword -->


    <link href='http://fonts.googleapis.com/css?family=Bitter%7CBitter%7CDroid+Sans%7CDroid+Sans%7CPT+Sans+Narrow' rel='stylesheet'/>
        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:    MyTimeLine
    Date:    4 March 2013
    Updated by: satankMKR/Makmur
    URL1: http://www.ivythemes.com
    URL2: http://mkr-site.blogspot.com
    ----------------------------------------------- */
    /* Variable definitions
    ====================
    <Variable name="bgcolor" description="Page Background Color"
    type="color" default="#fff" value="#777777">
    <Variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#333333">
    <Variable name="linkcolor" description="Link Color"
    type="color" default="#58a" value="#5588aa">
    <Variable name="pagetitlecolor" description="Blog Title Color"
    type="color" default="#666" value="#666666">
    <Variable name="descriptioncolor" description="Blog Description Color"
    type="color" default="#999" value="#999999">
    <Variable name="titlecolor" description="Post Title Color"
    type="color" default="#c60" value="#cc6600">
    <Variable name="bordercolor" description="Border Color"
    type="color" default="#ccc" value="#cccccc">
    <Variable name="sidebarcolor" description="Sidebar Title Color"
    type="color" default="#999" value="#999999">
    <Variable name="sidebartextcolor" description="Sidebar Text Color"
    type="color" default="#666" value="#666666">
    <Variable name="visitedlinkcolor" description="Visited Link Color"
    type="color" default="#999" value="#999999">
    <Variable name="bodyfont" description="Text Font"
    type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">
    <Variable name="headerfont" description="Sidebar Title Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
    <Variable name="pagetitlefont" description="Blog Title Font"
    type="font"
    default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
    <Variable name="descriptionfont" description="Blog Description Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    <Variable name="postfooterfont" description="Post Footer Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    <Variable name="startSide" description="Side where text starts in blog language"
    type="automatic" default="left" value="left">
    <Variable name="endSide" description="Side where text ends in blog language"
    type="automatic" default="right" value="right">
    */
    #navbar-iframe,#Navbar1{display:none!important}
    header,nav,section,aside,article,footer{display:block}
    *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
    /* Use this with templates/template-twocol.html */
    body,.body-fauxcolumn-outer{background:#EBEBEB;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
    /* */:/**/
    small;font-size:/**/
    small;text-align:center}
    a,.randomnya .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
    a:link{max-width:100%;color:#048F14;text-decoration:none}
    a:visited{color:#999999;text-decoration:none}
    a:hover{color:#0A0A0A;text-decoration:underline}
    a img{border-width:0}
    #NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
    #NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
    /* Header
    -----------------------------------------------
    */
    #header-wrapper{margin:0 auto 0;padding:10px;height:110px}
    #headnya{float:left;min-width:300px}
    #head-ads{float:right;min-width:468px}
    #head-ads .widget{margin:15px 10px 0 0}
    #header{color:#1F1F1F;margin:0}
    #header h1,#header p{margin:0;padding:15px 10px 0;line-height:1.2em;text-transform:uppercase;font-size:260%;font-family:"Bitter",arial,sans-serif}
    #header a{color:#1F1F1F;text-decoration:none}
    #header a:hover{color:#048F14}
    #header .description{margin:0;padding:0 10px 15px;text-transform:capitalize;letter-spacing:.2em;line-height:1.4em;color:#292929;font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif}
    #header img{margin-left:auto;margin-right:auto}
    /* Navigation
    ----------------------------------------------- */
    #nav{font-weight:bold;background-color:#333;height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:0 -4px}
    ul#navinti{height:30px;margin:5px 0 5px 5px;padding:0;float:left}
    ul#navinti li{list-style:none;display:inline-block;zoom:1;float:left;margin:0;padding:0;position:relative}
    ul#navinti li a{display:block;line-height:30px;text-decoration:none;color:white;padding:0 15px}
    ul#navinti li.dgnsub > a{padding-right:20px}
    ul#navinti li.dgnsub > a::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:12px;right:7px}
    ul#navinti li:hover > a{background-color:#048F14}
    ul#navinti ul.sub-menu{position:absolute;z-index:5;padding:0;margin:0;box-shadow:0 0 10px rgba(0,0,0,.35);-moz-box-shadow:0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:0 0 10px rgba(0,0,0,.35);width:180px;background-color:white;font-weight:normal;display:none}
    ul#navinti li:hover  ul.sub-menu.hidden{display:block}
    ul#navinti ul li{float:none;display:block}
    ul#navinti ul a{color:black;padding:0 10px}
    ul#navinti ul a:hover{background-color:transparent;border-left:4px solid #333}
    #mobilenav{display:none}
    /* Outer-Wrapper
    ----------------------------------------------- */
    #outer-wrapper{width:1000px;background-color:whiteSmoke;margin:0 auto;padding:0;text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif;}
    #main-wrapper{width:70%;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
    overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
    #sidebar-wrapper{width:30%;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
    overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
    #sidebar-wrapper h2,#footer-wrapper h2{background-color:#E6E6E6;color:#1D1D1D;padding:6px 10px;margin:0 0 10px}
    #sidebar-wrapper .widget-content{padding:0;margin:0 10px 10px}
    /* Headings
    ----------------------------------------------- */
    h1,h2,h3,h4,h5,h6{font-family:"Bitter",arial,sans-serif;font-weight:normal;text-transform:none;margin:0}
    /* Posts
    -----------------------------------------------
    */
    .date-header{margin:1.5em 0 .5em;display:none}
    .post{margin:.5em 0 1.5em;padding-bottom:1.5em;position:relative}
    .post h1,.post h2{margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em}
    .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;font-weight:normal}
    .post .post-title{margin-bottom:15px}
    .post-body{margin:0 0 .75em;line-height:1.6em}
    .post-body blockquote{line-height:1.4em;position:relative;font-family:Georgia,serif;font-style:italic;padding:0.25em 20px 0.25em 30px;margin:10px 0}
    .post-body blockquote::before{display:block;content:"\201C";font-size:50px;position:absolute;left:0;top:15px}
    .post-footer{margin:.75em 0;display:none}
    .comment-link{margin-left:.6em}
    .tr-caption-container img{border:none;padding:0}
    .post blockquote{margin:1em 20px}
    .post blockquote p{margin:.75em 0}
    /* Comments
    ----------------------------------------------- */
    #comments h4{margin:0;font-size:150%;margin-bottom:10px}
    .comments .avatar-image-container{width:42px;max-height:42px;height:42px;padding:2px;border:1px solid #CCCBCB}
    .comments .avatar-image-container img{max-width:42px;width:100%}
    .comments .inline-thread .avatar-image-container{width:36px;height:36px}
    .comments .comment-block{margin-left:53px;padding:5px 10px;border:1px solid #CCCBCB;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
    .comments .inline-thread .comment-block{margin-left:48px}
    .comments .comment-block::before,.comments .comment-block::after{content:"";width:0;height:0;border-width:10px 8px;border-style:solid;border-color:transparent #CECECE transparent transparent;position:absolute;top:8px;right:100%}
    .comments .comment-block::after{border-color:transparent white transparent transparent;right:auto;left:-15px}
    .comments .comments-content .comment-header{border-bottom:1px solid #CCCBCB;padding-bottom:3px;margin:-1px -3px 10px}
    .comments .comments-content .comment{margin-bottom:12px;padding:0}
    .comments .comments-content .icon.blog-author{position:absolute;right:10px;top:-3px;width:65px;height:20px;background-color:#048F14;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
    .comments .comments-content .icon.blog-author::after{content:"Author";position:absolute;color:white;text-shadow:0 1px 2px #646464;top:2px;left:10px}
    #comments-block{margin:1em 0 1.5em;line-height:1.6em}
    .comment-form{max-width:100%}
    #comments-block .comment-author{margin:.5em 0}
    #comments-block .comment-body{margin:.25em 0 0}
    #comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
    #comments-block .comment-body p{margin:0 0 .75em}
    .deleted-comment{font-style:italic;color:gray}
    #blog-pager-newer-link{float:left}
    #blog-pager-older-link{float:right}
    #blog-pager{text-align:center}
    .feed-links{display:none}
    /* Sidebar Content
    ----------------------------------------------- */
    .sidebar{color:#666666;line-height:1.5em}
    .sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0}
    .sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;line-height:1.5em}
    .sidebar .widget,.main .widget,.footer .widget{margin:0 0 1.5em;padding:0 0 1.5em}
    .main .Blog{border-bottom-width:0}
    /* Profile
    ----------------------------------------------- */
    .profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
    .profile-data{margin:0}
    .profile-datablock{margin:.5em 0 .5em}
    .profile-textblock{margin:0.5em 0;line-height:1.6em}
    .profile-link{letter-spacing:.1em}
    /* Footer
    ----------------------------------------------- */
    #footer{width:auto;clear:both;margin:0 auto;padding:2%;color:white;background-color:black;text-transform:uppercase;letter-spacing:.1em;text-align:center;display:block}
    .d-header,#header .description,#slides .label_text,ul#navinti,#search-result-container li a,ul.recntpst span,ul.rcomnetxx .date,.breadcrumbs{font-family:"Droid Sans",arial,sans-serif}
    #isifooternya{overflow:hidden;}
    #isifooternya .footer-wrap{width:33.3%;float:left;}
    ::selection{background:#048F14;color:#fff;text-shadow:none}
    ::-moz-selection{background:#048F14;color:#fff;text-shadow:none}
    img{max-width:100%;height:auto;width:auto\9}
    ]]></b:skin>

    <style type='text/css'>
    .post-body h1{font-size:180%}
    .post-body h2{font-size:160%}
    .post-body h3{font-size:140%}
    .post-body h4{font-size:130%}
    .post-body h5{font-size:120%}
    .post-body h6{font-size:110%}
    #main-wrapper{padding:10px}
    #sidebar-wrapper{padding:10px 10px 0 0}
    .sidebar .widget,#sidebar-wtengah{background-color:white;border:1px solid #CECECE;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:0}
    #sidebar-wtengah{overflow:hidden;margin:0 0 15px}
    #sidebar-wtengah .widget{border:0;background-color:transparent;margin-bottom:4px}
    #sidebar-wtengah .widget:last-child{margin-bottom:0}
    #sidebar-wtengah h2{margin:0}
    #sidebar-wtengah h2.active{background-color:#CACACA;margin:0 0 10px}
    .PopularPosts .item-thumbnail{float:left;margin:0 5px 5px 0;width:60px;padding:2px;border:1px solid #CCCBCB}
    .PopularPosts img{padding-right:0;display:block}
    #search-form-feed{padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:200px;float:right;margin-top:5px;position:relative;margin-right:5px}
    #feed-q-input{display:block;width:100%;height:29px;border:1px solid #2B2B2B;color:#838383;margin:0;font-size:10px;padding-left:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;background:white}
    #feed-q-input:focus{color:#333;outline:none}
    #search-result-container{width:300px;overflow:hidden;position:absolute;z-index:9999;padding:10px;right:0;margin:0;top:42px;display:none;font-size:11px;background:white;text-transform:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-khtml-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);-o-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25)}
    #search-result-container li{margin:0 0 5px;padding:0;list-style:none;overflow:hidden;word-wrap:break-word;font:normal normal 10px Verdana,Geneva,sans-serif;color:#141414;background-color:white;text-transform:none}
    #search-result-container li a{text-decoration:none;font-weight:bold;font-size:11px;display:block;line-height:14px;padding:0;font-weight:bold}
    #search-result-container mark{background-color:yellow;color:black}
    #search-result-container h4{margin:0 0 10px;font:normal bold 12px &#39;Trebuchet MS&#39;,Arial,Sans-Serif;color:black}
    #search-result-container ol{margin:0 0 10px;padding:0 0;overflow:hidden;height:450px}
    #search-result-container:hover ol{overflow:auto}
    #search-result-container li img{display:block;float:left;margin:0 5px 1px 0;padding:2px;border:1px solid #D1D1D1}
    #search-result-loader{top:100%;position:absolute;z-index:999;width:100%;line-height:30px;color:#2E2E2E;padding:0 10px;background-color:white;border:1px solid #DBDBDB;margin:0;overflow:hidden;display:none;text-transform:capitalize}
    #search-result-container p{margin:5px 0}
    #search-result-container .close{position:absolute;right:8px;top:8px;font-size:12px;color:white;text-decoration:none;border-radius:9999px;width:13px;height:13px;text-indent:1px;background-color:#048F14;line-height:12px}
    .loadingxx{width:100%;min-height:150px;background:transparent url(http://2.bp.blogspot.com/-CCL_H_n9m2E/UYMbn2Qtm3I/AAAAAAAAIRc/CqP1gova7rw/s000/progress_ani.gif) no-repeat center;display:block;text-indent:-9999px}
    ul.rcomnetxx,ul.rcomnetxx li,ul.recntpst,ul.recntpst li{list-style:none;padding:0;margin:0;overflow:hidden}
    ul.rcomnetxx a.kmtimg,ul.recntpst a.thumbp{display:block;float:left;margin:0 5px 5px 0;padding:2px;border:1px solid #CCCBCB}
    ul.rcomnetxx strong,ul.recntpst strong{display:block;margin-bottom:3px}
    ul.recntpst span,ul.rcomnetxx .date{font-size:9px}
    ul.rcomnetxx p,ul.recntpst p{margin:5px 0}
    #footer-wrapper{background-color:#333;color:white}
    #isifooternya{padding:10px}
    #isifooternya .footer-wrap{width:32.3%}
    #footx2{margin:0 1.5%}
    #footer-wrapper h2{background-color:#202020;color:#EEE}
    .footer ul.rcomnetxx a.kmtimg,.footer ul.recntpst a.thumbp,.footer .PopularPosts .item-thumbnail{background-color:#272727;border:1px solid #111}
    #kredit{overflow:hidden;background-color:#222;border-top:1px solid #0E0E0E;padding:4px 10px}
    .botleft{float:left}
    .botright{float:right}
    .Label li{float:left;padding:3px 4px;overflow:hidden;margin:0 3px 3px 0}
    .Label li .numx{display:inline-block;padding:0 4px;line-height:16px;height:19px;background-color:white;border:1px solid #CECECE;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin-left:3px;font-size:9px;position:relative}
    .Label li a,.Label li .namex{text-decoration:none;display:inline-block;background-color:#048F14;color:white;padding:2px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
    .Label li a:hover,.Label li .namex{background-color:#666}
    .Label li .numx::after,.Label li .numx::before{content:&quot;&quot;;width:0;height:0;border-width:6px 6px;border-style:solid;border-color:transparent #CECECE transparent transparent;position:absolute;top:50%;right:100%;margin-top:-6px}
    .Label li .numx::before{z-index:2;border-color:transparent white transparent transparent;right:auto;left:-11px}
    a.comment-link{display:block;position:absolute;text-decoration:none;right:0;min-width:20px;top:70px;padding:3px;text-align:center;margin:0;background-color:#DDDCDC}
    a.comment-link::after{content:&quot;&quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#DDDCDC #DDDCDC transparent transparent;position:absolute;top:100%;right:0}
    .post-body img{padding:3px;border:1px solid #D5D3D3}
    .footer .Label li .numx{color:black}
    .PopularPosts .item-title{font-weight:bold}
    .d-header abbr{border:0}
    /* RESPONSIVE */
    @media only screen and (min-width:768px) and (max-width:999px){
      #outer-wrapper{width:754px}
      #main-wrapper{width:60%}
      #sidebar-wrapper{width:40%}
      #headnya{max-width:260px;min-width:250px}
      #head-ads .widget{margin:15px 0}
      #header h1,#header p{padding:15px 0 0;font-size:240%}
      #header .description{padding:0 0 10px}
    }
    @media only screen and (max-width:767px){
      #outer-wrapper{width:440px}
      #sidebar-wrapper,#main-wrapper,#isifooternya{width:100%;float:none;padding:10px}
      #mobilenav{display:block;width:90%;margin:5px auto;color:#272727;padding:0 10px;background-color:#F1F1F1;position:relative;text-decoration:none;line-height:30px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}
      #isifooternya .footer-wrap{float:none;width:100%}
      #footx2{margin:0}
      #nav{height:auto;padding:5px 0 1px}
      ul#navinti{float:none;margin:0 auto;height:auto;width:95%;display:none}
      #search-form-feed{float:none;width:90%;margin:8px auto}
      #feed-q-input{float:none}
      ul#navinti li{float:none;display:block}
      ul#navinti ul.sub-menu{position:static;width:100%;margin:0 auto;box-shadow:inset 0 0 10px rgba(0,0,0,.35);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.35)}
      ul#navinti ul a{padding:0 20px}
      #mobilenav.active{box-shadow:inset 0 0 10px rgba(0,0,0,.35);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.35)}
      #mobilenav::after{content:&quot;&quot;;width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#272727 transparent transparent transparent;position:absolute;top:12px;right:10px}
      #mobilenav.active::after{border-color:transparent transparent #272727 transparent;top:6px}
      #head-ads{display:none}
      #headnya{float:none;text-align:center}
      #search-result-container{width:100%}
    }
    @media only screen and (max-width:479px){
      #outer-wrapper{width:310px}
      #header h1,#header p{font-size:230%}
    }
    </style>

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style type='text/css'>
    .blog-posts.hfeed{overflow:hidden;position:relative}
    .bwh-title .fn{position:absolute;text-indent:-9999px;z-index:3;display:block;width:50px;height:50px;-webkit-border-radius:9999px;-moz-border-radius:9999px;-o-border-radius:9999px;border-radius:9999px;border:4px solid #D1D1D1;background-image:url(http://2.bp.blogspot.com/-DXqYqJBHPZg/UYMbogLfqBI/AAAAAAAAIRk/XvfIqtiDtoc/s000/photo.jpg);background-position:center;background-repeat:no-repeat}
    .bwh-title .fn a{display:block;width:42px;height:42px}
    .post::before,.post::after{content:&quot;&quot;;width:0;height:0;border-width:10px 7px;border-style:solid;border-color:transparent transparent transparent #CECECE;position:absolute;top:20px;right:8px}
    .post::after{border-color:transparent transparent transparent white;border-width:10px 7px;right:9px;top:20px}
    .post-outer{width:50%}
    .post{width:90%;border:1px solid #CECECE;-webkit-border-radius:3px;margin-top:0;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color:white;padding:5px}
    .blog-posts.hfeed .post-outer:nth-child(odd),.blog-posts.hfeed .post-outer:nth-child(odd) .post{float:left}
    .blog-posts.hfeed .post-outer:nth-child(even),.blog-posts.hfeed .post-outer:nth-child(even) .post{float:right}
    .blog-posts.hfeed::before{position:absolute;content:&quot;&quot;;width:4px;height:100%;background-color:#DBDBDB;z-index:2;left:50%;top:10px;margin-left:-2px}
    .blog-posts.hfeed .post-outer:nth-child(odd) .bwh-title .fn{top:0;right:-20%}
    .blog-posts.hfeed .post-outer:nth-child(even) .bwh-title .fn{bottom:10px;left:-20%}
    a.thumbx{float:left;margin:0 5px 3px 0;padding:2px;border:1px solid #CCCBCB;width:80px;height:80px}
    a.thumbx img{display:block;width:100%;height:100%}
    .blog-posts.hfeed .post-outer:nth-child(odd) .post::before,.blog-posts.hfeed .post-outer:nth-child(odd) .post::after{left:100%;right:auto;top:15px}
    .blog-posts.hfeed .post-outer:nth-child(odd) .post::after{margin-left:-1px}
    .blog-posts.hfeed .post-outer:nth-child(even) .post::before,.blog-posts.hfeed .post-outer:nth-child(even) .post::after{border-color:transparent #CECECE transparent transparent;bottom:25px;top:auto;right:100%}
    .blog-posts.hfeed .post-outer:nth-child(even) .post::after{border-color:transparent white transparent transparent;margin-right:-1px}
    .post-body p{margin:0;padding:6px 2px;font-size:12px;width:100%;overflow:hidden}
    .post h2.post-title{font-size:150%;margin:0 0 10px;overflow:hidden;max-height:73px;height:73px}
    .post h2.post-title a{color:#0A0A0A}
    .post h2.post-title a:hover{color:#048F14}
    .d-header{overflow:hidden;padding:5px 6px;background-color:#E6E6E6;margin:0 -5px -5px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
    .timestamp-link{float:left}
    .d-header .jump-link{float:right}
    .d-header .jump-link a{text-decoration:none;font-weight:bold}
    a.loadpost{display:block;padding:8px 5px;background-color:#DBDBDB;text-decoration:none}
    #slides{overflow:hidden}
    #slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
    #slides ul{height:250px}
    #slides li{display:none;background-color:white;padding:4px;border:1px solid #CECECE;-webkit-border-radius:3px;margin-top:0;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;position:absolute}
    #slides li:nth-child(1),#slides li:nth-child(2),#slides li:nth-child(3),#slides li:nth-child(4){display:block}
    #slides li:nth-child(1){width:49.5%;height:100%}
    #slides li:nth-child(2){left:50.3%;width:24.5%;height:49.5%}
    #slides li:nth-child(3){left:75.5%;width:24.5%;height:49.5%}
    #slides li:nth-child(4){left:50.3%;top:51%;height:49%;width:49.7%}
    #slides img{width:100%;height:100%}
    #slides h4{position:absolute;bottom:25px;width:100%;padding:0 10px;margin:0 -5px;font-size:18px;z-index:3;color:white;text-shadow:0 1px 2px #918F8F}
    #slides li:nth-child(3) h4,#slides li:nth-child(2) h4{font-size:14px}
    #slides .label_text{position:absolute;z-index:3;bottom:10px;width:100%;padding:0 10px;margin:0 -5px;font-size:9px;color:white}
    .randomnya .overlayx{position:absolute;top:0;left:0;border:4px solid white;width:100%;height:100%;z-index:2;background-image:url(http://1.bp.blogspot.com/-ZfBCBvgVmBs/UYMbpk2OF2I/AAAAAAAAIRs/SIa43KPHXAs/s000/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}
    #slides li:nth-child(1) .overlayx{background-position:0 0}
    #slides .label_text span{margin-right:2px}
    #slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none}
    #slides .cmnum{position:absolute;background-color:#7C7C7C;padding:2px 3px;display:block;top:-5px;right:10px}
    #slides .cmnum::after{content:&quot;&quot;;width:0;height:0;border-width:1px 4px;border-style:solid;border-color:#7C7C7C #7C7C7C transparent transparent;position:absolute;top:100%;right:0}
    ul.randomnya li:hover .overlayx{-ms-filter:&quot;progid:DXImageTransform.Microsoft. Alpha(Opacity=10)&quot;;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
    #top-main{position:relative}
    #top-main .widget{border:0;padding:0 0 22px}
    #top-main h2{position:absolute;left:-9999px}
    #buttons{position:absolute;bottom:0;right:0}
    #buttons a{display:inline-block;text-indent:-9999px;background-color:white;width:25px;height:17px;margin:0 0 0 7px;border:1px solid #CECECE;position:relative}
    #prev::before,#next::before{content:&quot;&quot;;width:0;height:0;border-width:5px 9px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-5px;margin-left:-15px;left:50%}
    #next::before{border-color:transparent transparent transparent #535353;margin-right:-15px;right:50%;margin-left:auto;left:auto}
    @media only screen and (min-width:768px) and (max-width:999px){
      #slides ul{height:200px}
      #slides h4{font-size:15px}
      #slides li:nth-child(3) h4,#slides li:nth-child(2) h4{font-size:11px}
      .post-outer{width:100%}
      .post{width:370px}
      .blog-posts.hfeed::before{left:27px}
      .blog-posts.hfeed .post-outer:nth-child(odd),.blog-posts.hfeed .post-outer:nth-child(odd) .post,.blog-posts.hfeed .post-outer:nth-child(even),.blog-posts.hfeed .post-outer:nth-child(even) .post{float:none;margin:0 0 1.5em auto}
      .blog-posts.hfeed .post-outer:nth-child(odd) .bwh-title .fn,.blog-posts.hfeed .post-outer:nth-child(even) .bwh-title .fn{left:-62px;top:5px}
      .blog-posts.hfeed .post-outer:nth-child(even) .post::before,.blog-posts.hfeed .post-outer:nth-child(odd) .post::before,.blog-posts.hfeed .post-outer:nth-child(even) .post::after,.blog-posts.hfeed .post-outer:nth-child(odd) .post::after{border-color:transparent #CECECE transparent transparent;top:20px;bottom:auto;right:100%;left:auto}
      .blog-posts.hfeed .post-outer:nth-child(even) .post::after,.blog-posts.hfeed .post-outer:nth-child(odd) .post::after{border-color:transparent white transparent transparent;margin-right:-1px}
      .post-body p{overflow:visible}
      .post h2.post-title{height:auto;}
    }
    @media only screen and (max-width:767px){
      #slides ul{height:200px}
      #slides h4{font-size:15px}
      #slides li:nth-child(3) h4,#slides li:nth-child(2) h4{font-size:11px}
      .post-outer{width:100%}
      .post{width:358px}
      .blog-posts.hfeed::before{left:27px}
      .blog-posts.hfeed .post-outer:nth-child(odd),.blog-posts.hfeed .post-outer:nth-child(odd) .post,.blog-posts.hfeed .post-outer:nth-child(even),.blog-posts.hfeed .post-outer:nth-child(even) .post{float:none;margin:0 0 1.5em auto}
      .blog-posts.hfeed .post-outer:nth-child(odd) .bwh-title .fn,.blog-posts.hfeed .post-outer:nth-child(even) .bwh-title .fn{left:-62px;top:5px}
      .blog-posts.hfeed .post-outer:nth-child(even) .post::before,.blog-posts.hfeed .post-outer:nth-child(odd) .post::before,.blog-posts.hfeed .post-outer:nth-child(even) .post::after,.blog-posts.hfeed .post-outer:nth-child(odd) .post::after{border-color:transparent #CECECE transparent transparent;top:20px;bottom:auto;right:100%;left:auto}
      .blog-posts.hfeed .post-outer:nth-child(even) .post::after,.blog-posts.hfeed .post-outer:nth-child(odd) .post::after{border-color:transparent white transparent transparent;margin-right:-1px}
      .post-body p{overflow:visible}
      .post h2.post-title{height:auto;}
    }
    @media only screen and (max-width:479px){
      #slides ul{height:450px}
      #slides li:nth-child(1){width:100%;height:49.5%}
      #slides li:nth-child(2){left:0;top:50%;width:49.5%;height:24.5%}
      #slides li:nth-child(3){left:50.5%;top:50%;width:49.5%;height:24.5%}
      #slides li:nth-child(4){left:0;top:75%;height:24.5%;width:100%}
      .post{width:228px}
      a.thumbx{width:60px;height:60px}
      .post h2.post-title{overflow:visible;font-size:120%;max-height:200px;}
      .post-body p{font-size:11px;padding:0}
    }
    </style>
    <b:else/>
    <style type='text/css'>
    #midd-main{background-color:white;border:1px solid #CECECE;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:5px 10px}
    .pager-isi{overflow:hidden}
    .pager-isi a,.pager-isi .linkgrey{width:50%;display:block;float:left;padding:10px 0;font-size:120%;text-decoration:none}
    .pager-isi h6{color:#2C2C2C;font-size:125%}
    .pager-isi h5{font-size:105%}
    a.blog-pager-newer-link{padding-left:15px;text-align:left;position:relative}
    a.blog-pager-older-link{padding-right:15px;text-align:right;position:relative}
    .pager-isi .linkgrey.left{padding-left:15px;text-align:left}
    .pager-isi .linkgrey.right{padding-right:15px;text-align:right}
    a.blog-pager-newer-link::after{content:&quot;&quot;;width:0;height:0;border-width:8px 6px;border-style:solid;border-color:transparent #777676 transparent transparent;position:absolute;top:50%;left:-3px;margin-top:-8px}
    a.blog-pager-older-link::after{content:&quot;&quot;;width:0;height:0;border-width:8px 6px;border-style:solid;border-color:transparent transparent transparent #777676;position:absolute;top:50%;right:-3px;margin-top:-8px}
    .breadcrumbs{font-size:10px;margin-bottom:5px;border-bottom:1px solid #AAA;padding-bottom:4px}
    .post h1.post-title{margin:0 0 3px;font-size:160%;padding-right:30px}
    #social-side2{height:32px;padding:0 0 0 80px;margin:20px 0 0;position:relative;line-height:23px}
    #social-side2 li{float:left;list-style:none;position:relative;margin:3px 5px 0 0}
    #social-side2 li:active{margin:4px 5px 0 0}
    #social-side2 a{display:block;width:24px;height:24px;background:transparent url(http://2.bp.blogspot.com/-o-Ktv3Jpv_4/UYMbrjVsmnI/AAAAAAAAIR0/tfIpqsMG4d4/s000/spriteiconshare.png) no-repeat -2px -1px;color:white}
    #social-side2::before{content:&quot;Share to:&quot;;position:absolute;left:8px;top:3px;font-size:12px;font-weight:bold}
    #social-side2 span{position:absolute;top:-30px;padding:0 6px;display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:white}
    #social-side2 li:hover span{display:block}
    #social-side2 .facebook_40 span{background:#00659E}
    #social-side2 a.twitter_40{background-position:-28px -1px}
    #social-side2 .twitter_40 span{background:#72BAEB}
    #social-side2 a.google_plus_40{background-position:-54px -1px}
    #social-side2 .google_plus_40 span{background:#CC220A;width:80px}
    #social-side2 a.stumbleupon_40{background-position:-80px -1px}
    #social-side2 .stumbleupon_40 span{background:#96C297;color:#087CBD}
    #social-side2 a.digg_40{background-position:-106px -1px}
    #social-side2 .digg_40 span{background:#06599B}
    #social-side2 a.delicious_40{background-position:-132px -1px}
    #social-side2 .delicious_40 span{background:#3D3D3D}
    #social-side2 a.linkedin_40{background-position:-158px -1px}
    #social-side2 .linkedin_40 span{background:#2D8FBD}
    #social-side2 a.reddit_40{background-position:-184px -1px}
    #social-side2 .reddit_40 span{background:#B9CADD;color:#D83E21}
    #social-side2 a.technorati_40{background-position:-210px -1px}
    #social-side2 .technorati_40 span{background:#13AD05}
    .post h1.post-title a{color:black}
    .isibwh &gt;div{display:inline-block}
    .post-author.vcard{margin-left:5px;padding-left:5px;border-left:1px solid #AAA}
    a.comment-link{top:0}
    .isibwh{margin-bottom:15px}
    #related_posts h4{font-size:150%;margin-bottom:10px}
    #related_posts ul,#related_posts li{padding:0;margin:0;list-style:none;overflow:hidden}
    #related_posts .gmbrrltd{display:block;float:left;padding:2px;margin:0 5px 5px 0;border:1px solid #CCCBCB}
    #related_posts p{margin:5px 0}
    #related_posts li{padding:5px 0}
    @media only screen and (max-width:479px){
      #social-side2{padding:0}
      #social-side2::before{content:&quot;&quot;}
    }
    </style>
    </b:if>
     <b:else/>
    <style type='text/css'>
    #midd-main{background-color:white;border:1px solid #CECECE;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:5px 10px}
    .post h2.post-title{margin:0 0 10px;font-size:160%}
    .post h2.post-title a{color:black}
    a.comment-link{top:0}
    </style>
    </b:if>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    // JQuery easing 1.3
    jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

    // JQuery hover event with timeout by Taufik Nurrohman
    // https://plus.google.com/108949996304093815163/about
    (function(a){a.fn.hoverTimeout=function(c,e,b,d){return this.each(function(){var f=null,g=a(this);g.hover(function(){clearTimeout(f);f=setTimeout(function(){e.call(g)},c)},function(){clearTimeout(f);f=setTimeout(function(){d.call(g)},b)})})}})(jQuery);

    window.emoticonx=(function(){var b=function(m){var j=m||{},l=j.emoRange||"#comments p, div.emoWrap",k=j.putEmoAbove||"iframe#comment-editor",h=j.topText||"Click to see the code!",a=j.emoMessage||"To insert emoticon you must added at least one space before the code.";$(k).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>'+h+"</b><br/>"+a+"</div>");var i=function(c,d,e){$(l).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(c," <img style='max-height:24px' src='"+d+"' class='emo delayLoad' alt='"+e+"' />"))})};i(/\s:\)\)+/g,"http://4.bp.blogspot.com/-dk-HMifBkqY/UYMbtxBFA9I/AAAAAAAAIR8/tiMcbIaB2Hw/s000/03.gif",":))");i(/\s;\(\(+/g,"http://4.bp.blogspot.com/-W1dkBCdsBkA/UYMbwLDn90I/AAAAAAAAISE/tbXvQnYBxK4/s000/06.gif",";((");i(/\s:\)+/g,"http://4.bp.blogspot.com/-8y5i2H7QNzA/UYMbxd4bB-I/AAAAAAAAISM/OL3lQ5k8Is0/s000/01.gif",":)");i(/\s:-\)+/g,"http://1.bp.blogspot.com/-I6qMSl0HFKE/UYMbyEMt4SI/AAAAAAAAISU/0ksysWIYOSI/s000/02.gif",":-)");i(/\s=\)\)+/g,"http://1.bp.blogspot.com/-HoIdS26pdBA/UYMbzeDiVVI/AAAAAAAAISc/OgANZeYo4_I/s000/03a.gif","=))");i(/\s;\(+/g,"http://2.bp.blogspot.com/-1o5mZgKnf8o/UYMb1LvcRcI/AAAAAAAAISk/M_RGE3h-6eo/s000/04.gif",";(");i(/\s;-\(+/g,"http://4.bp.blogspot.com/-U-vla0P5vz8/UYMb2M3xOTI/AAAAAAAAISs/yY3b2tLltRA/s000/05.gif",";-(");i(/\s:d/ig,"http://2.bp.blogspot.com/-eYF_rl4r9bs/UYMb3UCI1mI/AAAAAAAAIS0/bHlAxHnheus/s000/7.gif",":d");i(/\s:-d/ig,"http://2.bp.blogspot.com/-B3kxivWAxrY/UYMb4Cd9KOI/AAAAAAAAIS8/z9MisRjupiY/s000/8.gif",":-d");i(/\s@-\)+/g,"http://3.bp.blogspot.com/-0_Ys3bVpq1w/UYMb408z-7I/AAAAAAAAITE/2vtH7Di9k1M/s000/09.gif","@-)");i(/\s:p/ig,"http://1.bp.blogspot.com/-XBxx6QhacwM/UYMb5xyNKcI/AAAAAAAAITM/k4U2Wjiojy0/s000/10.gif",":p");i(/\s:o/ig,"http://1.bp.blogspot.com/-Py23CiPv8K4/UYMb6zbZMaI/AAAAAAAAITU/K14x4kKw0UU/s000/11.gif",":o");i(/\s:&gt;\)+/g,"http://3.bp.blogspot.com/-ppYlsGTMV7Q/UYMb7ltzzvI/AAAAAAAAITc/rF1x_ops-c8/s000/12.gif",":&gt;)");i(/\s\(o\)+/ig,"http://4.bp.blogspot.com/-r2qM_wbFRLU/UYMb9ifGPGI/AAAAAAAAITk/Oft_HYRr3LM/s000/13.gif","(o)");i(/\s\[-\(+/g,"http://2.bp.blogspot.com/-XrAj_i2h3UY/UYMb-3q6w-I/AAAAAAAAITs/WzcuPuJhXH4/s000/14.gif","[-(");i(/\s:-\?/g,"http://4.bp.blogspot.com/-FxM9NYC2sS0/UYMb_vT3y4I/AAAAAAAAIT0/eNa_FS3w4PU/s000/15.gif",":-?");i(/\s\(p\)+/ig,"http://4.bp.blogspot.com/-BRocRMhxrFI/UYMcBJdcylI/AAAAAAAAIT8/7VF_TSSo7vE/s000/16.gif","(p)");i(/\s:-s/ig,"http://1.bp.blogspot.com/-9AqbWpBrtPs/UYMcDIebYWI/AAAAAAAAIUE/-R5jPqPo4uY/s000/17.gif",":-s");i(/\s\(m\)+/ig,"http://2.bp.blogspot.com/-9rc8lxupxzs/UYMcFX28tTI/AAAAAAAAIUM/rnb78Q9KnhI/s000/18.gif","(m)");i(/\s8-\)+/ig,"http://3.bp.blogspot.com/-SJVxIA4Goxo/UYMcGST80-I/AAAAAAAAIUU/5070Ly4yr-Q/s000/19.gif","8-)");i(/\s:-t/ig,"http://4.bp.blogspot.com/-o0SmKwVT1x0/UYMcHF6lWeI/AAAAAAAAIUc/EC4GtGnO0HU/s000/20.gif",":-t");i(/\s:-b/ig,"http://1.bp.blogspot.com/-umV2BXGpXKk/UYMcJZDPQKI/AAAAAAAAIUk/57p17Y25Oo0/s000/21.gif",":-b");i(/\sb-\(+/ig,"http://2.bp.blogspot.com/-qjeX4vv4Mnc/UYMcLbzjzZI/AAAAAAAAIUs/S0RCOBZy5yM/s000/22.gif","b-(");i(/\s:-#/ig,"http://2.bp.blogspot.com/-m4dc6HoXYBo/UYMcNg9hMXI/AAAAAAAAIU0/gGrQo3blnWc/s000/23.gif",":-#");i(/\s=p~/ig,"http://3.bp.blogspot.com/-gAKW_Z8lZ5E/UYMcPktcy_I/AAAAAAAAIU8/XEgI_tEWLE4/s000/24.gif","=p~");i(/\s\$-\)+/ig,"http://2.bp.blogspot.com/-xgfJyliEeKE/UYMcRp0IRrI/AAAAAAAAIVE/IzmLj_3p-lw/s000/25.gif","$-)");i(/\s\(b\)+/ig,"http://3.bp.blogspot.com/-VWvwzIzgXj4/UYMcTyjkQNI/AAAAAAAAIVM/mGcznBO5Vxc/s000/26.gif","(b)");i(/\s\(f\)+/ig,"http://2.bp.blogspot.com/-bBlkgGVPMHY/UYMcXPeBtuI/AAAAAAAAIVU/p_Q8cy4yPRA/s000/27.gif'","(f)");i(/\sx-\)+/ig,"http://1.bp.blogspot.com/-kK0HP1huHHU/UYMcY-DHE7I/AAAAAAAAIVc/zKVNKJIAdHg/s000/28.gif","x-)");i(/\s\(k\)+/ig,"http://4.bp.blogspot.com/-AWGWwZQcpdI/UYMccg7cp1I/AAAAAAAAIVk/UE3gIKRXukM/s000/29.gif","(k)");i(/\s\(h\)+/ig,"http://3.bp.blogspot.com/-jfhIw5BIw9k/UYMcePRzGRI/AAAAAAAAIVs/gq5wDQ-Y9mg/s000/30.gif","(h)");i(/\s\(c\)+/ig,"http://4.bp.blogspot.com/-E0DgxgPd5ho/UYMceoMD6iI/AAAAAAAAIV0/dS8XPnGw1No/s000/31.gif","(c)");i(/\scheer/ig,"http://4.bp.blogspot.com/-eogPH2_3scY/UYMcgEupUiI/AAAAAAAAIV8/-g9Xp_A64Qc/s000/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").live("click",function(c){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");c.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()});$(document).on("click",function(){$(".emoKey").remove()})};return function(a){b(a)}})();

    window.rccommnetsx=(function(){var a=function(n){var e=n||{},i=e.url_blog||"",b=e.id_containrc||"#rcentcomnets",k=e.numComments||5,h=e.avatarSize||40,f=e.characters||100,d=e.loadingClass||"loadingxx",m=e.defaultAvatar||"http://2.bp.blogspot.com/-PAkG79GITsw/UYMcgpiRNrI/AAAAAAAAIWE/D-BVcM9OTWo/s000/user-anonymous-icon.png",l=e.maxfeeds||50,g=e.MonthNames||["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],c=e.adminBlog||"";$(b).addClass(d);var j=i;if(i===""){j=window.location.protocol+"//"+window.location.host}$.ajax({url:j+"/feeds/comments/default?alt=json-in-script&orderby=published",type:"get",dataType:"jsonp",success:function(I){var p,o=I.feed.entry;if(o!==undefined){p="<ul class='rcomnetxx'>";ntotal=0;for(var H=0;H<l;H++){var x,J,M,u,w,N,t,B;if(H==o.length){break}if(ntotal>=k){break}var r=o[H];for(var D=0;D<r.link.length;D++){if(r.link[D].rel=="alternate"){x=r.link[D].href}}for(var L=0;L<r.author.length;L++){J=r.author[L].name.$t;M=r.author[L].gd$image.src}if(J!=c&&ntotal<k){ntotal++;p+="<li>";if(M=="http://img1.blogblog.com/img/blank.gif"){u=m}else{u=M.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h+"$1")}t=(r.author[0].uri)?r.author[0].uri.$t:"#nope";p+='<a target="_blank" class="kmtimg" rel="nofollow" href="'+t+'"><img src="'+u+'"  title="'+J+'" alt="'+J+'" style="width:'+h+"px;height:"+h+'px;display:block"/></a>';w=r["thr$in-reply-to"].href;var A=w.lastIndexOf("/")+1,C=w.lastIndexOf("."),O=w.split("-").join(" ").substring(A,C)+"...";N=r.published.$t.substring(0,10);var z=N.substring(0,4),E=N.substring(5,7),K=N.substring(8,10),F=g[parseInt(E,10)-1],y=r.published.$t.substring(11,16),s=y.substring(0,2),G=y.substring(2,5);if(s<12){B="AM"}else{B="PM"}if(s===0){s=12}if(s>12){s=s-12}p+='<div class="ketkomt"><strong><a title="'+O+'" target="_blank" rel="nofollow" href="'+x+'">'+J+'</a></strong> <span class="date"><span class="dd">'+K+'</span> <span class="dm">'+F+'</span> <span class="dy">'+z+'</span> <span class="timex">'+s+G+" "+B+"</span></span></div>";var v=r.content.$t;var q=v.replace(/(<([^>]+)>)/gi,"");if(q!==""&&q.length>f){q=q.substring(0,f);q+="..."}else{q=q}p+="<p>"+q+"</p>";p+="</li>"}}p+="</ul>";$(b).html(p).removeClass(d)}else{$(b).html("<span>No result!</span>").removeClass(d)}},error:function(){$(b).html("<strong>Error Loading Feed!</strong>").removeClass(d)}})};return function(b){a(b)}})();

    window.rccpostsx=(function(){var a=function(p){var d=p||{},i=d.url_blog||"",n=d.numpostx||5,h=d.id_cintainrp||"#rcentpost",e=d.thumbSize||40,b=d.contjumlah||100,c=d.loadingClass||"loadingxx",m=d.cmtext||"Comments",l=d.firstcmtext||"Comment",f=d.NoCmtext||"No Comment",g=d.MonthNames||["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],k=d.pBlank||"http://2.bp.blogspot.com/-ZQ3RoZolyk8/UYMchOCNT2I/AAAAAAAAIWM/U8D1uCuvm1g/s000/grey.png";$(h).addClass(c);var j=i;if(i===""){j=window.location.protocol+"//"+window.location.host}$.ajax({url:j+"/feeds/posts/default?alt=json-in-script&orderby=published&max-results="+n+"",type:"get",dataType:"jsonp",success:function(v){var y,o,w,q,A,D,z,F,x,C,E,s="",B=v.feed.entry;if(B!==undefined){s="<ul class='recntpst'>";for(var u=0;u<B.length;u++){for(var t=0;t<B[u].link.length;t++){if(B[u].link[t].rel=="alternate"){y=B[u].link[t].href;break}}for(var r=0;r<B[u].link.length;r++){if(B[u].link[r].rel=="replies"&&B[u].link[r].type=="text/html"){w=B[u].link[r].title.split(" ")[0];break}}if("content" in B[u]){A=B[u].content.$t}else{if("summary" in B[u]){A=B[u].summary.$t}else{A=""}}if("media$thumbnail" in B[u]){D=B[u].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+e+"-c")}else{D=k}if(w===0){q=' <span class="cm">'+f+"</span>"}else{if(w===1){q=' <span class="cm">'+w+" "+l+"</span>"}else{q=' <span class="cm">'+w+" "+m+"</span>"}}A=A.replace(/<\S[^>]*>/g,"");if(A.length>b){A=A.substring(0,b)+"..."}o=B[u].title.$t;z=B[u].published.$t.substring(0,10),F=z.substring(0,4),x=z.substring(5,7),C=z.substring(8,10),E=g[parseInt(x,10)-1],s+='<li><a class="thumbp" href="'+y+'" target="_blank"><img style="width:'+e+"px;height:"+e+'px;display:block" alt="'+o+'"src="'+D+'"/></a><strong><a href="'+y+'" target="_blank">'+o+'</a></strong><span class="date"><span class="dd">'+C+'</span> <span class="dm">'+E+'</span> <span class="dy">'+F+"</span></span>"+q+"<p>"+A+"</p></li>"}s+="</ul>";$(h).html(s).removeClass(c)}else{$(h).html("<span>No result!</span>").removeClass(c)}},error:function(){$(h).html("<strong>Error Loading Feed!</strong>").removeClass(c)}})};return function(b){a(b)}})();

    function SocialBookmarks(){var c=document.getElementById("social-side2");if(!c){return}var e=encodeURIComponent(document.title);var a=encodeURIComponent(location.protocol+"//"+location.host+location.pathname);var d=encodeURIComponent(location.host);var f=[{name:"Facebook",url:"http://www.facebook.com/share.php?u="+a+"&t="+e},{name:"Twitter",url:"https://twitter.com/intent/tweet?text="+e+"&amp;url="+a+"&amp;related="},{name:"Google Plus",url:"https://plus.google.com/share?url="+a},{name:"Stumbleupon",url:"http://www.stumbleupon.com/submit?url="+a+"&amp;title="+e},{name:"Digg",url:"http://digg.com/submit?phase=2&amp;url="+a+"&amp;title="+e},{name:"Delicious",url:"http://delicious.com/post?url="+a+"&title="+e},{name:"Linkedin",url:"http://www.linkedin.com/shareArticle?mini=true&url="+a+"&title="+e+"&source="+d},{name:"Reddit",url:"http://reddit.com/submit?url="+a+"&amp;title="+e},{name:"Technorati",url:"http://technorati.com/faves?add="+a}];for(var b=0;b<f.length;b++){c.innerHTML=c.innerHTML+'<li><a class="sc_40 '+f[b].name.replace(" ","_").toLowerCase()+'_40" href="'+f[b].url+'" title="submit to '+f[b].name+'" target="_blank"><span>'+f[b].name+"</span></a></li>"}};
    var _0xb12e=["3 1K(a){(3(e){2 i={1e:\x22\x22,I:4,1y:G,1s:\x22#1M\x22,19:1W,18:\x222b\x22,1m:\x222d://1.2H.2G.2F/-2E/2D/2C/2B/2w/2v.2u\x22,1l:[\x222t\x22,\x222s\x22,\x222r\x22,\x222q\x22,\x222p\x22,\x222o\x22,\x222n\x22,\x222m\x22,\x222j\x22,\x222i\x22,\x222h\x22,\x222g\x22],L:J};i=e.2f({},i,a);2 h=e(i.1s);2 b=i.1e;2 d=i.I*1E;B(i.1e===\x22\x22){b=1d.1t.28+\x22//\x22+1d.1t.20}h.1w(\x27\x3CF Y=\x221Y\x22\x3E\x3Ca P=\x22#\x22 Y=\x221b\x22\x3E1b\x3C/a\x3E\x3Ca P=\x22#\x22 Y=\x2211\x22\x3E11\x3C/a\x3E\x3C/F\x3E\x3CF Y=\x22E\x22\x3E\x3C1a C=\x221R\x22\x3E\x3C/1a\x3E\x3C/F\x3E\x27).1N(i.18);2 g=3(z){2 t,k,r,o,x,A,s,w,y,u,n=\x22\x22,v=z.1q.1L;O(2 q=0;q\x3Cv.K;q++){O(2 p=0;p\x3Cv[q].H.K;p++){B(v[q].H[p].1v==\x221J\x22){t=v[q].H[p].P;1i}}O(2 m=0;m\x3Cv[q].H.K;m++){B(v[q].H[m].1v==\x221I\x22\x26\x26v[q].H[m].1H==\x221G/1w\x22){r=v[q].H[m].1k.1F(\x22 \x22)[0];1i}}B(\x221D$1C\x22N v[q]){x=v[q].1D$1C.M.1z(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+i.19+\x22-c\x22)}1f{x=i.1m.1z(/\x5C/s[0-9]+(\x5C-c|\x5C/)/,\x22/s\x22+i.19+\x22$1\x22)}k=v[q].1k.$t;u=v[q].1c.$t.Z(0,10);o=v[q].1O[0].1P.$t;A=u.Z(0,4);s=u.Z(5,7);w=u.Z(8,10);y=i.1l[1Q(s,10)-1];n+=\x27\x3CD\x3E\x3Ca 1S=\x221T\x22 P=\x22\x27+t+\x27\x22\x3E\x3CF C=\x221U\x22\x3E\x3C/F\x3E\x3C1V C=\x221n\x22 1X=\x22\x27+x+\x27\x22/\x3E\x3C1B\x3E\x27+k+\x27\x3C/1B\x3E\x3C/a\x3E\x3CF C=\x221Z\x22\x3E\x3C6 C=\x2221\x22\x3E\x3C6 C=\x2222\x22\x3E\x27+w+\x27\x3C/6\x3E\x3C6 C=\x2223\x22\x3E\x27+y+\x27\x3C/6\x3E\x3C6 C=\x2224\x22\x3E\x27+A+\x27\x3C/6\x3E\x3C/6\x3E\x3C6 C=\x2225\x22\x3E\x27+o+\x27\x3C/6\x3E\x3C6 C=\x2226\x22\x3E\x27+r+\x22\x3C/6\x3E\x3C/F\x3E\x3C/D\x3E\x22}e(\x221a\x22,h).27(n)};2 c=3(o){V=o.1q.29$2a.$t;B(V\x3C=i.I){i.I=V}2 j=[];2c(j.K\x3Ci.I){2 q=1o.2e(1o.1n()*V);2 p=J;O(2 n=0;n\x3Cj.K;n++){B(j[n]==q){p=G;1i}}B(!p){j[j.K]=q}}2 m=\x22/-/\x22+i.L;B(i.L===J){m=\x22\x22}B(i.1y===G){O(2 l=0;l\x3Ci.I;l++){e.17({M:b+\x22/16/15/14\x22+m+\x22?2k-2l=\x22+j[l]+\x22\x2613-12=1\x261x=1c\x26X=W-N-U\x22,T:g,S:\x22R\x22,Q:G})}}1f{e.17({M:b+\x22/16/15/14\x22+m+\x22?13-12=\x22+i.I+\x22\x261x=1c\x26X=W-N-U\x22,T:g,S:\x22R\x22,Q:G})}};2 f=3(){B(i.L===J){e.17({M:b+\x22/16/15/14?13-12=0\x26X=W-N-U\x22,T:c,S:\x22R\x22,Q:G})}1f{e.17({M:b+\x22/16/15/14/-/\x22+i.L+\x22?13-12=0\x26X=W-N-U\x22,T:c,S:\x22R\x22,Q:G})}e(1d).2x(\x222y\x22,3(){2z(3(){2 k=2A;2 l=1r(\x221p()\x22,k);e(\x22#E D:1g\x22).1A(e(\x22#E D:1h\x22));e(\x22#1b\x22).1j(3(){e(\x22#E D:1g\x22).1A(e(\x22#E D:1h\x22));1u J});e(\x22#11\x22).1j(3(){e(\x22#E D:1h\x22).2I(e(\x22#E D:1g\x22));1u J});e(\x22#E\x22).2J(3(){2K(l)},3(){l=1r(\x221p()\x22,k)});3 j(){e(\x22#11\x22).1j()}h.2L(i.18)},d)})};e(2M).2N(f)})(2O)};","|","split","||var|function|||span|||||||||||||||||||||||||||||||if|class|li|slides|div|true|link|MaxPost|false|length|tagName|url|in|for|href|cache|jsonp|dataType|success|script|Total_Posts_Number|json|alt|id|substring||next|results|max|default|posts|feeds|ajax|loadingClass|ImageSize|ul|prev|published|window|blogURL|else|first|last|break|click|title|MonthNames|pBlank|random|Math|rotate|feed|setInterval|idcontaint|location|return|rel|html|orderby|RandompostActive|replace|before|h4|thumbnail|media|600|split|text|type|replies|alternate|RandomPost|entry|randompost|addClass|author|name|parseInt|randomnya|target|_blank|overlayx|img|100|src|buttons|label_text|host|date|dd|dm|dy|autname|cmnum|append|protocol|openSearch|totalResults|loadingxx|while|http|ceil|extend|Dec|Nov|Oct|Sep|start|index|Aug|Jul|Jun|May|Apr|Mar|Feb|Jan|gif|grey|s1600|bind|load|setTimeout|5000|e7XkFtErqsU|AAAAAAAABAU|Tp0KrMUdoWI|htG7vy9vIAA|com|blogspot|bp|after|hover|clearInterval|removeClass|document|ready|jQuery","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (p,a,c,k,e,r){e=function (c){return (c<a?_0xb12e[4]:e(parseInt(c/a)))+((c=c%a)>35?String[_0xb12e[5]](c+29):c.toString(36));} ;if(!_0xb12e[4][_0xb12e[6]](/^/,String)){while(c--){r[e(c)]=k[c]||e(c);} ;k=[function (e){return r[e];} ];e=function (){return _0xb12e[7];} ;c=1;} ;while(c--){if(k[c]){p=p[_0xb12e[6]]( new RegExp(_0xb12e[8]+e(c)+_0xb12e[8],_0xb12e[9]),k[c]);} ;} ;return p;} (_0xb12e[0],62,175,_0xb12e[3][_0xb12e[2]](_0xb12e[1]),0,{}));
    function rotate() {$('#next').click();}
    function relatedPostsWidget(a){(function(e){var f={blogURL:"",maxPosts:5,maxTags:5,maxPostsPerTag:5,containerSelector:"",tags:null,loadingText:"",loadingClass:"",relevantTip:"",rlt_summary:100,relatedTitle:"Related Posts",readMoretext:"Read more",rlpBlank:"http://2.bp.blogspot.com/-ZQ3RoZolyk8/UYMchOCNT2I/AAAAAAAAIWM/U8D1uCuvm1g/s000/grey.png",rlt_thumb:55,recentTitle:"Recent Posts",postScoreClass:"",onLoad:false};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="related_posts"></div>');f.containerSelector="#related_posts"}var c=function(t,n){k++;if(t.feed.entry){for(var o=0;o<t.feed.entry.length;o++){var r=t.feed.entry[o];var p="";for(var m=0;m<r.link.length;m++){if(r.link[m].rel=="alternate"){p=r.link[m].href;break}}if("content" in r){var l=r.content.$t}else{if("summary" in r){var l=r.summary.$t}else{var l=""}}var l=l.replace(/<\S[^>]*>/g,"");if(l.length>f.rlt_summary){var l=l.substring(0,f.rlt_summary)+"..."}var q=r.title.$t;if("media$thumbnail" in r){var s=r.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.rlt_thumb+"-c")}else{var s=f.rlpBlank}if(location.href.toLowerCase()!=p.toLowerCase()){i(p,q,s,l)}}}if(k>=f.tags.length){g.attr("class","");e("#related-posts-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(p,s,u,l){var q=e("li",g);for(var o=0;o<q.length;o++){var t=e("a",q.eq(o));var r=j(t);if(t.attr("href")==p){h(t,++r);for(var n=o-1;n>=0;n--){var m=e("a",q.eq(n));if(j(m)>r){if(o-n>1){q.eq(n).after(q.eq(o))}return}}if(o>0){q.eq(0).before(q.eq(o))}return}}g.append('<li><a class="jdlunya" href="'+p+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'"><span class="gmbrrltd"><img style="width:'+f.rlt_thumb+"px;height:"+f.rlt_thumb+'px;display: block" alt="'+s+'" src="'+u+'"/></span><strong>'+s+"</strong></a><p>"+l+'<a target="_blank" title="'+s+'" href="'+p+'">'+f.readMoretext+"</a></p></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#related_posts"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="related_posts"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var n=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(n,f.tags)==-1){f.tags[f.tags.length]=n}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h4>"+f.recentTitle+"</h4>").appendTo(b)}else{if(f.relatedTitle){e("<h4>"+f.relatedTitle+"</h4>").appendTo(b)}}if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.ajax({url:f.blogURL+"/feeds/posts/summary/",data:{"max-results":f.maxPostsPerTag,alt:"json-in-script"},success:c,dataType:"jsonp",cache:true})}else{for(var m=0;m<f.tags.length;m++){e.ajax({url:f.blogURL+"/feeds/posts/summary/",data:{category:f.tags[m],"max-results":f.maxPostsPerTag,alt:"json-in-script"},success:c,dataType:"jsonp",cache:true})}}};if(f.onLoad){e(window).load(d)}else{e(document).ready(d)}})(jQuery)};
    //]]>
    </script>


      </head>

      <body itemscope='' itemtype='http://schema.org/WebPage'>
      <noscript>
        <div id='NoScript'>
            <h6>Please enable javascript to view this site.</h6>
        </div>
    </noscript>
      <div id='outer-wrapper'>

        <header id='header-wrapper' itemscope='' itemtype='http://schema.org/WPHeader'>
    <div id='headnya'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
            <b:widget id='Header1' locked='true' title='MyTimeLine (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' itemprop='name' style='background: transparent; border-width: 0px'>
        <b:include name='title'/>
    </h1>
        <b:else/>
    <p class='title' itemprop='name' 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' itemprop='name' style='background: transparent; border-width: 0px'>
        <b:include name='title'/>
    </h1>
        <b:else/>
    <p class='title' itemprop='name' 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' itemprop='url' style='display:block'>
              <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
            </a>
            <!--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' itemprop='name'>
    <b:include name='title'/>
    </h1>
    <b:else/>
    <p class='title' itemprop='name'>
    <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 id='head-ads'>
    <b:section class='header-ads' id='header-ads1' maxwidgets='1'>
      <b:widget id='HTML7' locked='false' title='' type='HTML'>
        <b:includable id='main'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &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>
        </header>

        <nav id='nav'>
    <a href='#' id='mobilenav'>Select a Page</a>
           <ul id='navinti'>
               <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
               <li><a href='#'>About</a></li>
               <li><a href='#'>Archive</a></li>
               <li><a href='#'>Comments</a></li>
    <li class='dgnsub'><a href='#'>With Sub Menu</a>
    <ul class='sub-menu hidden'>
    <li><a href='#'>Sub Menu</a></li>
    <li><a href='#'>Sub Menu</a></li>
    <li><a href='#'>Sub Menu</a></li>
    <li><a href='#'>Sub Menu</a></li>
    </ul>
    </li>
           </ul>
    <div id='search-form-feed'>
    <form expr:action='data:blog.homepageUrl + &quot;search/&quot;' onsubmit='return updateScript();'>
    <input id='feed-q-input' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;To search type and hit enter...&quot;;}' onfocus='if (this.value == &quot;To search type and hit enter...&quot;) {this.value = &quot;&quot;;}' onkeyup='resetField();' type='text' value='To search type and hit enter...'/>
    </form>
    <div id='search-result-container'/>
    <div id='search-result-loader'>Searching...</div>
    </div>
        </nav>

        <div id='content-wrapper'>

          <div id='main-wrapper'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='top-main'>
     <b:section class='main' id='top-main1' preferred='yes'>
       <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>
    </b:if></b:if>
    <div id='midd-main'>
            <b:section class='main' id='main' showaddelement='no'>
              <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
                <b:includable id='main' var='top'>
      <b:if cond='data:mobile == &quot;false&quot;'>

        <!-- posts -->
        <div class='blog-posts hfeed'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
    &#187;
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
    <a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
    <b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
    </b:loop>
    <b:else/>
    &#187;Unlabelled
    </b:if>
    &#187; <span><data:post.title/></span>
    </b:loop>
    </div>
    </b:if>
          <b:include data='top' name='status-message'/>
          <data:defaultAdStart/>
          <b:loop values='data:posts' var='post'>      
            <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='threaded_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='threaded_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>
              <div class='inline-ad'>
                <data:adCode/>
              </div>
              <data:adStart/>
            </b:if>
          </b:loop>   
          <data:adEnd/>
        </div>

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <!-- navigation -->
        <b:include name='nextprev'/>
    </b:if></b:if>

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

        <b:if cond='data:top.showStars'>
          <script src='//www.google.com/jsapi' type='text/javascript'/>
          <script type='text/javascript'>
            google.load(&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:else/>
        <b:include name='mobile-main'/>
      </b:if>

      <b:if cond='data:top.showDummy'>
        <data:top.dummyBootstrap/>
      </b:if>

    </b:includable>
                <b:includable id='backlinkDeleteIcon' var='backlink'>
      <span expr:class='&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='comment-form' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
        <b:if cond='data:mobile'>
          <h4 id='comment-post-message'>
            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
        <b:else/>
          <h4 id='comment-post-message'><data:postCommentMsg/></h4>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
        </b:if>
        <data:post.friendConnectJs/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>
          BLOG_CMT_createIframe(&#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='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
            <img src='//www.blogger.com/img/icon_delete13.gif'/>
          </a>
        </b:if>
      </span>
    </b:includable>
                <b:includable id='comment_count_picker' var='post'>
      <b:if cond='data:post.forceIframeComments'>
        <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
        </span>
      <b:else/>
        <b:if cond='data:post.commentSource == 1'>
          <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
          </span>
        <b:else/>
          <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
            <data:post.commentLabelFull/>:
          </a>
        </b:if>
      </b:if>
    </b:includable>
                <b:includable id='comment_picker' var='post'>
      <b:if cond='data:post.forceIframeComments'>
        <b:include data='post' name='iframe_comments'/>
        <b:if cond='data:post.showThreadedComments'>
          <b:include data='post' name='threaded_comments'/>
        <b:else/>
          <b:include data='post' name='comments'/>
        </b:if>
      <b:else/>
        <b:if cond='data:post.commentSource == 1'>
          <b:include data='post' name='iframe_comments'/>
        <b:else/>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </b:if>
    </b:includable>
                <b:includable id='comments' var='post'>
      <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>
          <h4>
            <b:if cond='data:post.numComments == 1'>
              1 <data:commentLabel/>:
            <b:else/>
              <data:post.numComments/> <data:commentLabelPlural/>:
            </b:if>
          </h4>

          <b:if cond='data:post.commentPagingRequired'>
            <span class='paging-control-container'>
              <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
              &#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 expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
            <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
              <b:loop values='data:post.comments' var='comment'>
                <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                  <b:if cond='data:comment.favicon'>
                    <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                  </b:if>
                  <a expr:name='data:comment.anchorName'/>
                  <b:if cond='data:blog.enabledCommentProfileImages'>
                    <data:comment.authorAvatarImage/>
                  </b:if>
                  <b:if cond='data:comment.authorUrl'>
                    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                  <b:else/>
                    <data:comment.author/>
                  </b:if>
                  <data:commentPostedByMsg/>
                </dt>
                <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                  <b:if cond='data:comment.isDeleted'>
                    <span class='deleted-comment'><data:comment.body/></span>
                  <b:else/>
                    <p>
                      <data:comment.body/>
                    </p>
                  </b:if>
                </dd>
                <dd class='comment-footer'>
                  <span class='comment-timestamp'>
                    <a expr:href='data:comment.url' title='comment permalink'>
                      <data:comment.timestamp/>
                    </a>
                    <b:include data='comment' name='commentDeleteIcon'/>
                  </span>
                </dd>
              </b:loop>
            </dl>
          </div>

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

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

          </p>
        </b:if>
        <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:if cond='data:post.showBacklinks'>
             <b:include data='post' name='backlinks'/>
           </b:if>
        </div>
        </div>
      </div>
    </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'>
      <div class='feed-links'>
      <data:feedLinksMsg/>
      <b:loop values='data:links' var='f'>
         <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
      </b:loop>
      </div>
    </b:includable>
                <b:includable id='iframe_comments' var='post'>

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

        <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'>
      <div class='mobile-date-outer date-outer'>
        <b:if cond='data:post.dateHeader'>
          <div class='date-header'>
            <data:post.dateHeader/>
          </div>
        </b:if>

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

            <div class='mobile-index-arrow'>&amp;rsaquo;</div>

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

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

            <div style='clear: both;'/>
          </a>

          <div class='mobile-index-comment'>
            <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>
          </div>
        </div>
      </div>
    </b:includable>
                <b:includable id='mobile-main' var='top'>
        <!-- posts -->
        <div class='blog-posts hfeed'>

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

          <b:if cond='data:blog.pageType == &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'>&amp;lsaquo;</a>
          </div>
        </b:if>

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

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

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

      </div>
      <div class='clear'/>
    </b:includable>
                <b:includable id='mobile-post' var='post'>
      <div class='date-outer'>
        <b:if cond='data:post.dateHeader'>
          <div class='date-header'><data:post.dateHeader/></div>
        </b:if>
        <div class='date-posts'>
          <div class='post-outer'>

            <div class='post hentry uncustomized-post-template'>
              <a expr:name='data:post.id'/>
              <b:if cond='data:post.title'>
                <h3 class='post-title entry-title'>
                  <b:if cond='data:post.link'>
                    <a expr:href='data:post.link'><data:post.title/></a>
                  <b:else/>
                    <b:if cond='data:post.url'>
                      <b:if cond='data:blog.url != data:post.url'>
                        <a expr:href='data:post.url'><data:post.title/></a>
                      <b:else/>
                        <data:post.title/>
                      </b:if>
                    <b:else/>
                      <data:post.title/>
                    </b:if>
                  </b:if>
                </h3>
              </b:if>

              <div class='post-header' style='position:absolute;left:-9999px'>
                <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='threaded_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='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
            </b:if>
          </div>
        </div>
      </div>
    </b:includable>
                <b:includable id='nextprev'>
      <div class='blog-pager' id='blog-pager'>
        <b:if cond='data:newerPageUrl'>
          <span id='blog-pager-newer-link'>
          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
          </span>
        </b:if>

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

        <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='http://schema.org/BlogPosting'>
     
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
       <b:if cond='data:post.thumbnailUrl'>
    <a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></a>
       <b:else/>
    <a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img alt='no image' class='post-thumbnail' src='http://2.bp.blogspot.com/-ZQ3RoZolyk8/UYMchOCNT2I/AAAAAAAAIWM/U8D1uCuvm1g/s000/grey.png'/></a>
       </b:if>
    </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' itemprop='name headline'>
                <b:if cond='data:post.link'>
            <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
        <b:else/>
        <b:if cond='data:post.url'>
            <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
        <b:else/>
        <data:post.title/>
        </b:if>
                </b:if>
            </h2>
        </b:if>
    <b:else/>
            <h1 class='post-title entry-title' itemprop='name headline'>
                <b:if cond='data:post.link'>
            <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
        <b:else/>
        <b:if cond='data:post.url'>
            <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
        <b:else/>
            <data:post.title/>
        </b:if>
                </b:if>
            </h1>
    </b:if>
      

    <div class='bwh-title'>
    <div class='isibwh'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='d-header'><span class='timestamp-link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span></div>
    </b:if> 
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div class='post-author vcard'>
                 <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn'>
                    <a expr:href='data:post.authorProfileUrl' expr:title='data:post.author+ &quot; profile&quot;' itemprop='author' rel='author'>
                      <data:post.author/>
                    </a>
                  </span>
                <b:else/>
                  <span class='fn' itemprop='author' rel='author' title='author profile'><data:post.author/></span>
                </b:if>       
          </div>
    </b:if> 
    </div>

    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><span><data:post.numComments/></span></a>

    </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;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <p>
       <data:post.snippet/>
      </p>
     <b:else/>
      <data:post.body/>
     </b:if>
    <b:else/>
     <data:post.body/>
    </b:if>   
        </div>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div class='d-header'><span class='timestamp-link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span>
     <span class='jump-link'>
       <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
      </span></div>
    </b:if></b:if>


        <div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <data:top.authorLabel/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn'>
                    <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                      <data:post.author/>
                    </a>
                  </span>
                <b:else/>
                  <span class='fn'><data:post.author/></span>
                </b:if>
            </b:if>
          </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='updated 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> <span class='post-icons'>
            <!-- email post links -->
            <b:if cond='data:post.emailPostUrl'>
              <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                  <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
              </a>
              </span>
            </b:if>

            <!-- quickedit pencil -->
            <b:include data='post' name='postQuickEdit'/>
          </span> <div class='post-share-buttons goog-inline-block'>
            <b:if cond='data:post.sharePostUrl'>
              <b:include data='post' name='shareButtons'/>
            </b:if>
          </div> </div>

          <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
            <b:if cond='data:post.labels'>
              <data:postLabelsLabel/>
              <b:loop values='data:post.labels' var='label'>
                <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
              </b:loop>
            </b:if>
          </span> </div>

          <div class='post-footer-line post-footer-line-3'><span class='post-location'>
            <b:if cond='data:top.showLocation'>
              <b:if cond='data:post.location'>
                <data:postLocationLabel/>
                <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
              </b:if>
            </b:if>
          </span> </div>
        </div>
      </article>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='social-side2'/>
    <div class='blog-pager' id='blog-pager'>
     <div class='pager-isi'>
        <b:if cond='data:newerPageUrl'>
              <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
    <b:else/>
    <span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
             </b:if>

        <b:if cond='data:olderPageUrl'>
           <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
    <b:else/>
    <span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
           </b:if>
     </div>
      </div>
    <script type='text/javascript'>
    //<![CDATA[
    $(window).load(function(){
        var newerLink = $('a.blog-pager-newer-link').attr('href');
     $('a.blog-pager-newer-link').load(newerLink + ' .post-title:first', function () {
            var newerLinkTitle = $('a.blog-pager-newer-link').text();
      $('a.blog-pager-newer-link').html('<h6>Next</h6><h5>' + newerLinkTitle + '</h5>');
        });
        var olderLink = $('a.blog-pager-older-link').attr('href');
     $('a.blog-pager-older-link').load(olderLink + ' .post-title:first', function () {
            var olderLinkTitle = $('a.blog-pager-older-link').text();
      $('a.blog-pager-older-link').html('<h6>Previous</h6><h5>' + olderLinkTitle + '</h5>');
        });
    });
    //]]>
    </script>
    <div id='relatedpostsx'/>
    </b:if>
    </b:includable>
                <b:includable id='postQuickEdit' var='post'>
      <b:if cond='data:post.editUrl'>
        <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
            <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
          </a>
        </span>
      </b:if>
    </b:includable>
                <b:includable id='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=640\&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 class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>
                <b:includable id='threaded-comment-form' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
        <b:if cond='data:mobile'>
    <div id='form-wrapper'>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    </div>
        <b:else/>
    <div id='form-wrapper'>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </div>
        </b:if>
        <data:post.friendConnectJs/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>
          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#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(document.getElementById('form-wrapper'), null);
              replybox.src = replyUrlParts[0]
                  + (commentId ? '&parentID=' + commentId : '')
                  + '#' + replyUrlParts[1];
              replyParent = commentId;
            }
          };

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

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

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

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

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

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

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

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

          <aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>
    <div id='sidebar-watas'>
    <b:section class='sidebar' id='sidebar-atas' preferred='yes'>
       <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
         <b:includable id='main'>
      <b:if cond='data:title'><h2><data:title/></h2></b:if>
      <div class='widget-content popular-posts'>
        <ul>
          <b:loop values='data:posts' var='post'>
          <li>
            <b:if cond='data:showThumbnails == &quot;false&quot;'>
              <b:if cond='data:showSnippets == &quot;false&quot;'>
                <!-- (1) No snippet/thumbnail -->
                <a expr:href='data:post.href'><data:post.title/></a>
              <b:else/>
                <!-- (2) Show only snippets -->
                <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                <div class='item-snippet'><data:post.snippet/></div>
              </b:if>
            <b:else/>
              <b:if cond='data:showSnippets == &quot;false&quot;'>
                <!-- (3) Show only thumbnails -->
                <div class='item-thumbnail-only'>
                  <b:if cond='data:post.thumbnail'>
                    <div class='item-thumbnail'>
                      <a expr:href='data:post.href' target='_blank'>
                        <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                      </a>
                    </div>
                  </b:if>
                  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                </div>
                <div style='clear: both;'/>
              <b:else/>
                <!-- (4) Show snippets and thumbnails -->
                <div class='item-content'>
                  <b:if cond='data:post.thumbnail'>
                    <div class='item-thumbnail'>
                      <a expr:href='data:post.href' target='_blank'>
                        <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                      </a>
                    </div>
                  </b:if>
                  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                  <div class='item-snippet'><data:post.snippet/></div>
                </div>
                <div style='clear: both;'/>
              </b:if>
            </b:if>
          </li>
          </b:loop>
        </ul>
        <b:include name='quickedit'/>
      </div>
    </b:includable>
       </b:widget>
       <b:widget id='HTML4' locked='false' 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:include name='quickedit'/>
    </b:includable>
       </b:widget>
     </b:section>
    </div>
    <div id='sidebar-wtengah'>
    <b:section class='sidebar' id='sidebar-tengah' preferred='yes'>
       <b:widget id='BlogArchive1' locked='false' title='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='i'>
          <li><a expr:href='data:i.url'><data:i.title/></a></li>
        </b:loop>
      </ul>
    </b:includable>
         <b:includable id='toggle' var='interval'>
      <b:if cond='data:interval.toggleId'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        <a class='toggle' href='javascript:void(0)'>
          <span class='zippy toggle-open'>&#9660;&#160;</span>
        </a>
      <b:else/>
        <a class='toggle' href='javascript:void(0)'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#9668;&#160;
            <b:else/>
              &#9658;&#160;
            </b:if>
          </span>
        </a>
      </b:if>
     </b:if>
    </b:includable>
       </b:widget>
       <b:widget id='Label1' locked='false' title='Labels' type='Label'>
         <b:includable id='main'>
      <b:if cond='data:title'>
        <h2><data:title/></h2>
      </b:if>
      <div expr:class='&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 class='namex' 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='numx' dir='ltr'><data:label.count/></span>
              </b:if>
            </li>
          </b:loop>
          </ul>
        <b:else/>
          <b:loop values='data:labels' var='label'>
            <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
              <b:if cond='data:blog.url == data:label.url'>
                <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
              <b:else/>
                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
              </b:if>
              <b:if cond='data:showFreqNumbers'>
                <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
              </b:if>
            </span>
          </b:loop>
        </b:if>
        <b:include name='quickedit'/>
      </div>
    </b:includable>
       </b:widget>
     </b:section>
    </div>
    <div id='sidebar-wbawah'>
            <b:section class='sidebar' id='sidebar-bawah' preferred='yes'>
               <b:widget id='HTML6' locked='false' title='Recent Comments' 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>

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

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

    <footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
    <div class='whit'>
    <div id='isifooternya'>
    <div class='footer-wrap' id='footx1'>
    <b:section class='footer' id='footer1'>
      <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:section>
    </div>
    <div class='footer-wrap' id='footx2'>
    <b:section class='footer' id='footer2'>
      <b:widget id='HTML2' locked='false' title='Blogroll' 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>
    <div class='footer-wrap' id='footx3'>
    <b:section class='footer' id='footer3'>
      <b:widget id='HTML1' locked='false' title='About' 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></div>
    </div>
    <div id='isifooter'>
    <div id='kredit'>
    <div class='botleft'>
    <div id='creditxx'>
    <div class='cpright'>
    Copyright &amp;copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved
    </div>
    <div class='kreditx'>
    Blogger Designed by <a href='http://www.ivythemes.com' rel='nofollow' target='_blank'>IVYthemes</a> | <a class='mkr' href='http://mkr-site.blogspot.com' rel='nofollow' target='_blank'>MKR Site</a>
    </div>
    </div></div>
    <div class='botright'>
    <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Post RSS'>Posts RSS</a> | <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a>
    </div>
    </div>
    </div>
        </footer>

      </div> <!-- end outer-wrapper -->
    <script type='text/javascript'>
    //<![CDATA[
    (function(){$("#sidebar-wtengah .widget-content").hide();$("#sidebar-wtengah h2:last").addClass("active").next().slideDown("slow");$("#sidebar-wtengah h2").css("cursor","pointer").click(function(){if($(this).next().is(":hidden")){$("#sidebar-wtengah h2").removeClass("active").next().slideUp("slow");$(this).toggleClass("active").next().slideDown("slow")}})})();(function(){$("#navinti ul").removeClass("hidden");$("#navinti li").hoverTimeout(100,function(){$(this).parent("ul").css("overflow","visible");$(this).children("ul").filter(":not(:animated)").slideDown()},500,function(){$(this).parent("ul").css("overflow","visible");$(this).children("ul").slideUp(800,"easeInExpo")});$("#mobilenav").toggle(function(){$(this).addClass("active");$("#navinti").slideDown();return false},function(){$(this).removeClass("active");$("#navinti").slideUp();return false});function a(){if($(window).width()>767){$("#navinti").css("display","block")}else{if($(window).width()<=767&&$("#mobilenav").attr("class")==="active"){$("#navinti").css("display","block")}else{if($(window).width()<=767&&$("#mobilenav").attr("class")!=="active"){$("#navinti").css("display","none")}}}}$(window).resize(a)})();

    var searchFormConfig = {
        numPost: 9999, // Jumlah maksimal temuan
        summaryPost: true, // 'true' jika ingin menampilkan deskripsi posting
        summaryLength: 100, // Jumlah karakter ringkasan posting
        resultTitle: "Result For Keyword", // Judul hasil pencarian
        noResult: "No result", // Deskripsi 'tak ditemukan'
        resultThumbnail: true, // 'true' untuk menampilkan thumbnail posting
        thumbSize: 50, // Ukuran & resolusi thumbnail
        fallbackThumb: "http://2.bp.blogspot.com/-ZQ3RoZolyk8/UYMchOCNT2I/AAAAAAAAIWM/U8D1uCuvm1g/s000/grey.png" // Fallback thumbnail untuk posting tak bergambar
    };

    var _0x83e0=["m $$$(a){I x.1T(a)}5 1=2f,6=$$$(\x22v-q-6\x22),7=$$$(\x22u-W-1o\x22),y=$$$(\x22u-W-1X\x22),8=\x22\x22;m 1b(l){5 k=l.v.14?l.v.14:\x22\x22,a,g,e;8=\x22\x3C1d\x3E\x22+1.29+\x22 \x261l;\x22+6.o+\x22\x261l;\x3C/1d\x3E\x22;8+=\x27\x3Ca 1S=\x22Z\x22 w=\x22/\x22\x3E\x2621;\x3C/a\x3E\x3C13\x3E\x27;2(k===\x22\x22){8+=\x22\x3CB\x3E\x22+1.1y+\x22\x3C/B\x3E\x22}17(5 d=0;d\x3C1.1k;d++){2(d==k.N){1n}5 b=1t 1D(6.o,\x221N\x22),f=k[d],h=f.1V.$t.F(b,\x22\x3CA\x3E\x22+6.o+\x22\x3C/A\x3E\x22);17(5 c=0;c\x3Cf.M.N;c++){2(f.M[c].J==\x221B\x22){a=f.M[c].w;1n}}2(1.1C===1j){2(\x221u\x22E f){g=f.1u.$t}G{2(\x22O\x22E f){g=f.O.$t}G{g=\x22\x22}}}2(1.1W===1j){2(\x221p$1q\x22E f){e=f.1p$1q.25.F(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+1.H+\x22-c\x22)}G{e=1.2o}}g=g.F(/\x3C\x5CS[^\x3E]*\x3E/g,\x22\x22);2(g.N\x3E1.Y){g=g.1w(0,1.Y)+\x22...\x22}g=g.F(b,\x22\x3CA\x3E\x22+6.o+\x22\x3C/A\x3E\x22);8+=\x27\x3CB\x3E\x3C1x 3=\x221z:\x27+1.H+\x2210;2u:\x22+1.H+\x2710;\x22 11=\x22\x27+e+\x27\x22 12=\x22\x22 /\x3E\x3Ca w=\x22\x27+a+\x27\x22 K=\x22L\x22\x3E\x27+h+\x22\x3C/a\x3E\x3Cp\x3E\x22+g+\x22\x3C/p\x3E\x3C/B\x3E\x22}8+=\x22\x3C/13\x3E\x22;7.15=8;y.3.4=\x22r\x22;7.3.4=\x2218\x22}m 19(){5 a=x.1a(\x22n\x22);a.1c=\x22X/1e\x22;a.1f=\x22u-v-n\x22;x.1g(\x221h\x22)[0].1i(a)}19();m 1A(){7.3.4=\x22r\x22;y.3.4=\x2218\x22;5 a=$$$(\x22u-v-n\x22),b=x.1a(\x22n\x22);b.1f=\x22u-v-n\x22;b.1c=\x22X/1e\x22;b.11=\x22P://\x22+Q.R.1E+\x22/1F/1G/O?12=1H-E-n\x26q=\x22+6.o+\x22\x261I-1J=\x22+1.1k+\x22\x261K=1b\x22;a.1L.1M(a);x.1g(\x221h\x22)[0].1i(b);I 1m}m 1O(){7.15=\x22\x22;2(6.o===\x22\x22){7.3.4=\x22r\x22;y.3.4=\x22r\x22}$(\x22#u-W-1o\x22).1P(\x221Q\x22,\x22.Z\x22,m(){7.3.4=\x22r\x22;y.3.4=\x22r\x22;I 1m})}(m(){5 f=1R,e=f(\x22%23%z%T%z%1U%U%U%V%D%1Y\x22),g=f(\x22%1Z%z%20\x22),i=Q.R.22+\x22//\x22+Q.R.24,j=$(e+\x22 .26\x22).27(\x22a\x22).X(),b=$(e+\x22 \x22+g+\x22 \x22+g+\x22 \x22+g),c=f(\x22%V%28%D%1r%D%T\x22),a=f(\x22%2a%2b%U%1r\x22),k=f(\x22%T%z%V%D\x22),h=1t 2c().2d();b.2e(\x22\x22);b.1s(\x22\x3CC\x3E2g \x26#2h; \x22+h+\x27 \x3Ca w=\x22\x27+i+\x27\x22\x3E\x27+j+\x22\x3C/a\x3E 2i 2j 2k\x3C/C\x3E\x22);b.1s(\x27\x3CC\x3E2l 2m 2n \x3Ca J=\x2216\x22 K=\x22L\x22 w=\x22P://2p.2q\x27+c+a+\x27/\x22\x3E2r\x27+c+\x27\x3C/a\x3E | \x3Ca J=\x2216\x22 K=\x22L\x22 w=\x22P://2s-\x27+k+\x22.2t\x22+a+\x27/\x22\x3E1v \x27+k+\x22\x3C/a\x3E\x3CC\x3E\x22)})();","|","split","|config|if|style|display|var|input|resultContainer|skeleton||||||||||||||function|script|value|||none|||search|feed|href|document|resultLoader|69|mark|li|div|65|in|replace|else|thumbSize|return|rel|target|_blank|link|length|summary|http|window|location||73|6F|74|result|text|summaryLength|close|px|src|alt|ol|entry|innerHTML|nofollow|for|block|appendScript|createElement|showResult|type|h4|javascript|id|getElementsByTagName|head|appendChild|true|numPost|quot|false|break|container|media|thumbnail|6D|append|new|content|MKR|substring|img|noResult|width|updateScript|alternate|summaryPost|RegExp|hostname|feeds|posts|json|max|results|callback|parentNode|removeChild|ig|resetField|on|click|unescape|class|getElementById|66|title|resultThumbnail|loader|72|64|76|times|protocol||host|url|cpright|find|68|resultTitle|2E|63|Date|getFullYear|html|searchFormConfig|Copyright|169|All|Right|Reserved|Blogger|Designed|by|fallbackThumb|www|ivy|IVY|mkr|blogspot|height","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (p,a,c,k,e,r){e=function (c){return (c<a?_0x83e0[4]:e(parseInt(c/a)))+((c=c%a)>35?String[_0x83e0[5]](c+29):c.toString(36));} ;if(!_0x83e0[4][_0x83e0[6]](/^/,String)){while(c--){r[e(c)]=k[c]||e(c);} ;k=[function (e){return r[e];} ];e=function (){return _0x83e0[7];} ;c=1;} ;while(c--){if(k[c]){p=p[_0x83e0[6]]( new RegExp(_0x83e0[8]+e(c)+_0x83e0[8],_0x83e0[9]),k[c]);} ;} ;return p;} (_0x83e0[0],62,155,_0x83e0[3][_0x83e0[2]](_0x83e0[1]),0,{}));
    //]]>
    </script>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    (function(e){var h="http://3.bp.blogspot.com/-vOqEBoYu5v4/UYMci7wzkjI/AAAAAAAAIWU/KZCW5WqNZMc/s000/ajax-loader.gif";var i="";var b=null;var a="div.blog-posts";var d=false;var g=e(window);var k=e(document);var f=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;function c(m){e.getScript("http://"+m+".disqus.com/blogger_index.js")}function j(){if(d){return}d=true;if(!i){b.hide();return}b.find("a").hide();b.find("img").show();e.ajax(i,{dataType:"html"}).done(function(o){var m=e("<div></div>").append(o.replace(f,""));var n=m.find("a.blog-pager-older-link");if(n){i=n.attr("href")}else{i="";b.hide()}var p=m.find(a).children(".post-outer");e(a).append(p);if(window._gaq){window._gaq.push(["_trackPageview",i])}if(window.gapi&&window.gapi.plusone&&window.gapi.plusone.go){window.gapi.plusone.go()}if(window.disqus_shortname){c(window.disqus_shortname)}if(window.FB&&window.FB.XFBML&&window.FB.XFBML.parse){window.FB.XFBML.parse()}b.find("img").hide();b.find("a").show();d=false})}function l(){if(_WidgetManager._GetAllData().blog.pageType=="item"){return}i=e("a.blog-pager-older-link").attr("href");if(!i){return}var n=e('<a class="loadpost" href="javascript:;">Load more posts</a>');n.click(j);var m=e('<img src="'+h+'" style="display: none;">');b=e('<div style="text-align: center; font-size: 140%;"></div>');b.append(n);b.append(m);b.insertBefore(e("#blog-pager"));e("#blog-pager").hide()}e(document).ready(l)})(jQuery);
    //]]>
    </script>
    </b:if></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function () {
    SocialBookmarks();
    relatedPostsWidget({
    related_title: "Related Posts",
    containerSelector: "#relatedpostsx",
    maxPosts: 8,
    rlt_summary:150,
    loadingClass: "loadingxx",
    rlt_thumb: 60
    });
    emoticonx({
    emoRange:"#comments p, div.emoWrap",
    putEmoAbove:"iframe#comment-editor",
    topText:"Click to see the code!",
    emoMessage:"To insert emoticon you must added at least one space before the code."
    });
    });
    //]]>
    </script>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function () {emoticonx({
    emoRange:"#comments p, div.emoWrap",
    putEmoAbove:"iframe#comment-editor",
    topText:"Click to see the code!",
    emoMessage:"To insert emoticon you must added at least one space before the code."
    })
    });
    //]]>
    </script>
    </b:if>
      <b:include data='blog' name='google-analytics'/>
    </body>
    </HTML>
 
 
Copyright © M templates
Blogger Theme by BloggerThemes