Template Diary Girl

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title><data:blog.title/></title>
      <meta expr:content='data:blog.title' property='og:title'/>
      <meta expr:content='data:blog.homepageUrl' property='og:url'/>
  <b:else/>
      <title><data:blog.pageName/> | <data:blog.title/></title>
      <meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' property='og:title'/>
      <meta expr:content='data:blog.url' property='og:url'/>
  </b:if>

    <meta expr:content='data:blog.metaDescription' name='description'/>
   <meta content='Download template cewek perempuan wanita girl,template keren,Diary Girl,template gratis,template blogger' name='keywords'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='index, follow' name='robots'/>
    <meta content='Santa Mars' name='author'/>
    <meta content='blogger' name='generator'/>
<meta content='index, follow' name='googlebot'/>
<meta content='index, follow' name='Googlebot-Image'/>
<meta content='index, follow' name='alexabot'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<link href='https://plus.google.com/109243396730475169552' rel='author'/>
<link href='https://plus.google.com/109243396730475169552' rel='publisher'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiolWQhWkCMxEYnJtSHy0afg7jv-w_WkSf6G5cTRSPmOo3LrQTI2IGFHuIOs-zvqlbeycY9ZVq5LIAk8rbCfNaI3hvrhpbzPnKeHx5I_bfmEPXbVmXy5EtJJoTrW0zNdoMQwlYK-Hrf0g/s1600/Love-icon-sm.png' rel='icon' type='image/x-icon'/>
    <link href='http://fonts.googleapis.com/css?family=Lobster|Leckerli+One|Sunshiney|Gloria Hallelujah' rel='stylesheet' type='text/css'/>
    <b:skin><![CDATA[
  /*
-----------------------------------------------
--Blogger Template Style
--Name:   Diary Girl
--Author: Santa Mars
--URL:    santa-mars.blogspot.com
--Date:   Dec 2012
----------------------------------------------- */

/* Content
----------------------------------------------- */
body {margin:0px; padding:0px;}

html body {
  min-width: 0; max-width: 100%; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNsTvDXUrXiB2CvhOv32FqzadLQb40O8gvGlJ8qMycFMLIlpQWDxrCw-K4czStQK2oOATlOJBurJgALxnf0BechWCcGiwrTGXdcayu9BbbhfT_DC21KFNmhc0xIY7VWMVQU21nVfLd-A/s1600/bg-sm.gif) repeat top left; font-size:14px; font-family:Arial;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
  padding: 5px;
  background: #fff;
  border: 2px dashed #ec107c;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img:hover, .post-body:hover .tr-caption-container:hover, .Profile img:hover, .Image img:hover, .BlogList:hover .item-thumbnail img:hover {
  padding: 5px;
  background: #fff;
  border: 2px dashed #21a2fd;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
_focus{outline:none;}

a {color:#ec107c; text-decoration:none;}
a:hover{color:#ec107c; text-decoration:none; border-bottom:solid 1px #ec107c;}

.widget-content ul.pagelist {margin:0px; padding:0; list-style-type:none; background:#ec107c;}
.widget-content ul.pagelist li{ float:none; list-style:none; line-height:20px; margin:0; padding:0px; display:block}
.widget-content ul.pagelist li a{display:block; color:#fff;padding:2px 5px 2px 8px; }
.widget-content ul.pagelist .selected {background:#21a2fd; color:#fff; }
.widget-content ul.pagelist li a:hover{text-decoration:none;}

h2{font-family: 'Gloria Hallelujah', cursive; font-size:14px; border-bottom:solid 1px #a0a0a0; color:#eb0a78;}
h3{font-family: 'Gloria Hallelujah', cursive; font-size:17px; font-weight:normal; padding:0 0 10px 0; border-bottom:solid 1px #b5b3b3; color:#5920cd; margin:0 0 20px 0; line-height:20px;}
h3.post-title a{ color:#5920cd; display:block; text-decoration:none; border:none;}
h3.post-title a:hover{ display:block; text-decoration:underline; border:none;}
.subscribe-now {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEdfyvgyX__Nkz-IFTOuPtfbgpZqp02KqMSSeg1EpOF0dusuvms8QcnRhrwEEEwA2Z9UBdHqlVN8bhgoBzRhckoiiCvPYtlXuP604wYkVcblqi5Qe29NwmtLnfsfMrxsIVZLFkLfbDQ/s1600/subscribe-to-our-feed-sm.gif) no-repeat; display: block; width: 242px; height: 97px;
  top:55px; right:14px; text-indent: -999px; position: absolute; z-index:50; border:none;
}       
.profile-data{display:inline-block;}
.subscribe-now:hover { background-position: 0% -97px; border:none; }
.header-wrap{width:100%; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQqYCrifhDHGHqO9zHkLoA4Ws6ripkPFTVWxNpOUrPMJ7rkCr06e3Ruk7HvJH3E3EEcscCUE1FbNA572QF23WQYEPqXvWxUaGfLmFwPIoq7PFB2XGRMjAPW-YsmrkC_2lRUVBIfQro_Q/s1600/header-top-sm.jpg) no-repeat top center; height:152px; position:relative;}
.header-wrap .header{width:980px; margin:auto; padding:27px 0 0 0; text-align:center; position:relative;}
.header-wrap .header h1{font-family: 'Sunshiney', cursive; font-size:45px; font-weight:normal; color:#c20372; text-align:center; line-height:48px; margin:0px; padding:0px;}
.header-wrap .header h1 a{color:#c20372; text-decoration:none; border:none;}
.header-wrap .header h1 a:hover{text-decoration:none; color:#ec107c; border:none;}
.header-wrap .header .des{color:#4b0104; font-size:15px; font-style:italic; margin:0px; padding:0px;}
.content-outer-wrap {width:100%; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgynqoD3_nIVfSR6hXcgRvqVaBCIB7MkooP9bwAhePUUnFgsOGLK5mLOlGce47u3wiXYJKH2qLA9DvIPl38pfpU9d2nZAUnLAdqbhgsIE60LRN_OitNVcOyk8k1gluZypbV_DGAQYYxwQ/s1600/bg-repeat-sm.jpg) repeat-y top center; padding:0px; margin:0px;}
.content-outer-wrap .content-wrap {width:100%; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0TZIFdZY7AIE-725sJjizm2b93cSgeBkpz52aDMOUKxiRfBothZMoDoF_hVFAj2NgOvLug_n8hOGPRpLfbev50plZwHBFhjm09IJR7sgcnfMPeD3s9R9a4MSTwKMxNJJlupecO6BsYw/s1600/top-decorative-stuff.jpg) top center no-repeat; position:relative;}
.content-outer-wrap .content-wrap .content {width:910px; margin:auto; overflow:hidden; padding:25px 20px 20px 20px;}
.content-outer-wrap .content-wrap .content .col1{width:370px; position:relative; float:left; margin:170px 0 0 15px;}
.content-outer-wrap .content-wrap .content .col1 .col1-1{ width:194px; padding:0px; margin:0; float:left; position:relative;}
.content-outer-wrap .content-wrap .content .col1 .col1-2{ width:150px; padding:0px; margin:0 0 0 15px; float:left; position:relative;}
.content-outer-wrap .content-wrap .content .col2 { width:458px; padding:0px; position:relative; float:right; margin:0 10px 0 0;}
.content-outer-wrap .content-wrap .content .col2 .post{ display:block; overflow:hidden; padding:0 0 10px 0; margin:0 0 10px 0; position:relative;}
.content-outer-wrap .content-wrap .content .col2 .pagetitle{display:block; overflow:hidden;}

.content-outer-wrap .content-wrap .content .col2 .date-tag-wrap{display:block; overflow:hidden;}
.content-outer-wrap .content-wrap .content .col2 .tag-wrap{display:block; line-height:17px; float:left; position:relative; margin:0 0 0 0; color:#9c99c5; font-size:13px; padding:0 0 0 30px; font-style:italic; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7nVsPeotu9CUSerz9Qg-b_i4s7HwuJzbDUaYULal1s2p9MV1KWImwnYrlANR8Ka1laKspYh0DSCdWZzvcV0sYTEQxCtc5xzIhP_iQMpoF_U9bLpURXA7BUxZabxHwBmxGmzjHdItNTQ/s1600/blue-arrow.gif) no-repeat top left;}
.content-outer-wrap .content-wrap .content .col2 .tag-wrap a{color:#9c99c5; text-decoration:none}
.content-outer-wrap .content-wrap .content .col2 .tag-wrap a:hover{color:#9c99c5; text-decoration:none; border-bottom:1px solid #9c99c5;}
.content-outer-wrap .content-wrap .content .col2 .post-footer{width:389px; position:relative; height:112px; font-style:italic; margin:10px 0 10px 0; color:#682c4e; padding:35px 10px 10px 30px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSVE06LQdMY4ou3E8haOhIny7tWxbnTtaJe87X_SIGqNrAZmFUpe5ViIf1EIxR1iNNHqvejOfR9JyMIhzynlnW2CJVuPo1-a04KYejOTxkrpUmVYG0Yfp2aw_tlsWl9i9a383azSAxQ/s1600/post-footer-pink-sm.jpg) no-repeat top center;}
.content-outer-wrap .content-wrap .content .col2 .date-tag-wrap .date-wrap {background:#fce21b; float:right; z-index:5; padding:3px 8px 3px 8px; display:block; clear:both; overflow:hidden; position:relative; font-family:Gloria Hallelujah;}
.footer-wrap {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZhth9lXjSt42JMIQzx6VmqIGZtes1797m-pv1cnKxd1Q-K7VmVC4_Teq-Ni7RxuqFxEbFgfdfPYMFvj-nabdQfaN1T6e_YKu_KxKRgSHvIlbZTziKIPWr3a2TYKj95XUmGNfNKUlUgQ/s1600/footer-sm.jpg) bottom center no-repeat; width:100%; margin:0px; padding:0px; position:relative;}
.extream-footer{ position:relative; font-family: 'Gloria Hallelujah', cursive; width:100%; padding:50px 0 10px 0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ7sxnxteVYn7VFI3xdxERiybrtrE10j15DG-WGzXT5cWGENCVl39WJb2JBjefcwRyCgTAmFGcGAzCxHFa_ziPSk8mxuGXDWrmwZuihWjbgO8Vtz_VXeL1GUwxkIf48nOe7Mwvu4NrzQ/s1600/extream-footer-sm.jpg) no-repeat top center;}
.extream-footer .credit-info{ margin:auto; position:relative; width:900px; padding-left:80px; color:#666; font-size:14px; }
.extream-footer a{color:#eb0a78; text-decoration:none; font-style:italic; font-family:Arial; font-size:12px;}
.extream-footer a:hover{ color:#eb0a78; text-decoration:none;}
]]></b:skin>
<style type='text/css'>
HTML,BODY{cursor: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoVsxqLiXcOTdJOIY0lRp2O2oQ8S4bYe-sdu10HXRY-xJZWvYj0cqDg-OgJSzBjZjrwfe_GbjoAqyF3f7coLh_jQCO43LKPOoPq06_FBvhtsOgM9iWKIeLWCKlfz57e1CEAxUbeh25De8/s320/santa-icon-baru.png&quot;), auto;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
  </head>

  <body>
<!-- Top Header Starts Here -->
    <div class='header-wrap'>
      <div class='header'>    
<!-- Header Section Start Here -->
     <b:section id='logo-header' maxwidgets='1' showaddelement='no'>
       <b:widget id='Header1' locked='true' title='Toturial Blog (Header)' type='Header'>
         <b:includable id='main'>
              <b:if cond='data:useImage'>               
                <b:else/>
                <!--No header image -->               
                <div id='header-inner'>
                  <div class='titlewrapper'>
                    <h1 class='title'>
                      <b:include name='title'/>
                    </h1>
                  </div>
                  <b:include name='description'/>
                </div>
              </b:if>
            </b:includable>
         <b:includable id='description'>
                <span class='des'>
                  <data:description/>
                </span>
            </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>
        <a class='subscribe-now' href=''/>
<!-- Header Section Ends Here -->
      </div>
    </div>
<!-- Top Header Ends Here -->
<!-- Body Content Start Here -->
    <div class='content-outer-wrap'>
      <div class='content-wrap'>
        <div class='footer-wrap'>
          <div class='content'>
            <div class='col1'>
              <div class='col1-1'>
<!-- Page List Section Starts Here -->
<b:section class='tabs' id='crosscol2' maxwidgets='1' showaddelement='yes'>
  <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
    <b:includable id='main'>
      <b:if cond='data:title'>
        <h2>
          <data:title/>
        </h2>
      </b:if>
      <div class='widget-content'>
        <ul class='pagelist'>
          <b:loop values='data:links' var='link'>
            <b:if cond='data:link.isCurrentPage'>
              <li class='selected'>
                <a expr:href='data:link.href'>
                  <data:link.title/>
                </a>
              </li>
              <b:else/>
              <li>
                <a expr:href='data:link.href'>
                  <data:link.title/>
                </a>
              </li>
            </b:if>
          </b:loop>
        </ul>
        <b:include name='quickedit'/>
      </div>
    </b:includable>
  </b:widget>
</b:section>
<!-- Page List Section Ends Here -->
<!-- Other Widgets left column Starts Here -->
<b:section class='side' id='sidebar2' preferred='yes'>
  <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
    <b:includable id='main'>
      <b:if cond='data:title != &quot;&quot;'>
        <h2>
          <data:title/>
        </h2>
      </b:if>
      <div class='widget-content'>
        <b:if cond='data:team == &quot;true&quot;'>
          <!-- team blog profile -->
          <ul>
            <b:loop values='data:authors' var='i'>
              <li>
                <a expr:href='data:i.userUrl'>
                  <data:i.display-name/>
                </a>
              </li>
            </b:loop>
          </ul>

          <b:else/>
          <!-- normal blog profile -->

          <b:if cond='data:photo.url != &quot;&quot;'>
            <a expr:href='data:userUrl'>
              <img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/>
            </a>
          </b:if>

          <dl class='profile-datablock'>
            <dt class='profile-data'>
              <data:displayname/>
            </dt>

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

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

        <b:include name='quickedit'/>
      </div>
    </b:includable>
  </b:widget>
  <b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if> 
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
 
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
 
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//www.blogger.com/navbar.g?targetBlogID\0756514356506580233787\46blogName\75Toturial+Blog\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://community-warband.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://community-warband.blogspot.com/\46vt\0756742042877706891406&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
  </b:widget>
  <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
    <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' 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:section>
<!-- Other Widgets left column Starts Here -->
              </div>
              <div class='col1-2'>
<!-- Blog Sidebar 2 -->
    <b:section class='side' id='sidebar1' maxwidgets='2' preferred='yes' showaddelements='yes'>
      <b:widget id='Label1' locked='false' title='Label' type='Label'>
        <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
      </b:widget>
      <b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
        <b:includable id='main'>
      <b:if cond='data:title'>
        <h2>
          <data:title/>
        </h2>
      </b:if>
      <div class='widget-content'>
        <div id='ArchiveList'>
          <div expr:id='data:widget.instanceId + &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:section>
<!-- Blog Archive Ends Here -->
              </div>
            </div>
            <div class='col2'>             
              <div class='post'>
<!-- Body Post Starts Here -->
      <b:section class='main' id='main' showaddelement='no'>
        <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
          <b:includable id='main' var='top'>
            <b:if cond='data:mobile == &quot;false&quot;'>

              <!-- Posts Starts Here -->
              <div class='blog-posts hfeed'>

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

                <data:defaultAdStart/>
                <b:loop values='data:posts' var='post'>
                  <b:if cond='data:post.isDateStart'>
                    <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                      &lt;/div&gt;&lt;/div&gt;
                    </b:if>
                  </b:if>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-tag-wrap'>
                      <div class='date-wrap'>
                        <data:post.dateHeader/>
                      </div>
                      <!-- Post Tag Wrap Starts Here -->
                        <div class='tag-wrap'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
  <span style='color:#fb20a4'>In:</span>           
  <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 style='clear:both;'/>
                    </div>
                      <!-- Post Tag Wrap Ends Here -->
                  </b:if>
                  <b:if cond='data:post.isDateStart'>
                    &lt;div class=&quot;date-posts&quot;&gt;
                  </b:if>
                  <div class='post-outer'>
                    <b:include data='post' name='post'/>
                    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                      <b:include data='post' name='comments'/>
                    </b:if>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <b:include data='post' name='comments'/>
                    </b:if>
                  </div>
                  <b:if cond='data:post.includeAd'>
                    <b:if cond='data:post.isFirstPost'>
                      <data:defaultAdEnd/>
                      <b:else/>
                      <data:adEnd/>
                    </b:if>
                    <div class='inline-ad'>
                      <data:adCode/>
                    </div>
                    <data:adStart/>
                  </b:if>
                  <b:if cond='data:post.trackLatency'>
                    <data:post.latencyJs/>
                  </b:if>
                </b:loop>
                <b:if cond='data:numPosts != 0'>
                  &lt;/div&gt;&lt;/div&gt;
                </b:if>
                <data:adEnd/>
              </div>

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

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

              <b:if cond='data:top.showStars'>
                <script src='//www.google.com/jsapi' type='text/javascript'/>
                <script type='text/javascript'>
                  google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                  function initialize() {
                  google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                  google.annotations.createAll();
                  google.annotations.fetch();
                  }
                  google.setOnLoadCallback(initialize);
                </script>
              </b:if>

              <b: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'/>

    <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'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <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'>
                <data:post.commentLabelFull/>:
              </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'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

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

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

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </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'>
                    <meta expr:content='data:post.url' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><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'>
                        <data:post.commentLabelFull/>:
                      </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:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </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'>
            <div class='p-msg'>
            <div class='post hentry'>
              <a expr:name='data:post.id'/>
              <b:if cond='data:post.title'>
                <h3 class='post-title entry-title'>
                  <b:if cond='data:post.link'>
                    <a expr:href='data:post.link'>
                      <data:post.title/>
                    </a>
                    <b:else/>
                    <b:if cond='data:post.url'>
                      <b:if cond='data:blog.url != data:post.url'>
                        <a expr:href='data:post.url'>
                          <data:post.title/>
                        </a>
                        <b:else/>
                        <data:post.title/>
                      </b:if>
                      <b:else/>
                      <data:post.title/>
                    </b:if>
                  </b:if>
                </h3>
              </b:if>

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

              <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
                <div style='clear: both;'/>
                <!-- clear for photos floats -->
              </div>

              <b:if cond='data:post.hasJumpLink'>
                <div class='jump-link'>
                  <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
                    <data:post.jumpText/>
                  </a>
                </div>
              </b:if>
            </div>
  <!-- Post Footer Starts Here -->
  <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/>
                      <span class='fn'>
                        <data:post.author/>
                      </span>
                    </b:if>
                  </span>
                  <span class='post-timestamp'>
                    <b:if cond='data:top.showTimestamp'>
                      <data:top.timestampLabel/>
                      <b:if cond='data:post.url'>
                        <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                          <abbr class='published' expr:title='data:post.timestampISO8601'>
                            <data:post.timestamp/>
                          </abbr>
                        </a>
                      </b:if>
                    </b:if>
                  </span>
                  <span class='post-comment-link'>
                    <b:if cond='data:blog.pageType != &quot;item&quot;'>
                      <b:if cond='data: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-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>
<!-- Post Footer Ends Here -->
            </div>
          </b:includable>
          <b:includable id='postQuickEdit' var='post'>
            <b:if cond='data:post.editUrl'>
              <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                  <img alt='' class='icon-action' height='18' src='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.showBuzzButton'>
              <a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
                <span class='share-button-link-text'>
                  <data:top.shareToBuzzMsg/>
                </span>
              </a>
            </b: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'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#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(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

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

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

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

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

    <div class='comments-content'>
      <b: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>
<!-- Body Post Ends Here -->
              </div>
            </div>
            <div style='clear:both;'/>
          </div>         
        </div>
      </div>
      <div class='extream-footer'>
        <div class='credit-info'>
<!--Hargai Product Orang Lain, Jika Kamu Mau Dihargai Orang Lain-->
          Copyright &#169; 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | <span class='credit'/>
        </div>
      </div>
    </div>
<!-- Please Do Not Remove Designer. -->
<script>
$(&#39;.credit&#39;).html(&#39;\x44\x65\x73\x69\x67\x6E\x65\x72\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x73\x61\x6E\x74\x61\x2D\x6D\x61\x72\x73\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x27\x3E\x53\x61\x6E\x74\x61\x20\x4D\x61\x72\x73\x3C\x2F\x61\x3E\x20&#39;);
</script>
  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
</body>
</html>