Theme Blog jquery-photos-gallery (cool)

By:
Free Blogger Grunge HTML5 News Press Magazine Blog Jquery Web 2.0 Layout Theme Template, One Of The Grunge HTML5 Free News Magazine Blog Jquery Blogger Blogspot Layouts Themes Templates With Jquery Slideshow, HTML5 Effect, Chrome Fresh Blue Background, Elegant, Adapted From Wordpress, Ready Videos Grabb Code Integration, This Template Was Tested On IE 6.0 & 7.0,
Mozilla Firefox, Opera 9.02, Google Chrome and Safari Web Browsers, Support Latest Blogger Features, Fixed Width, Fresh Fast Loading Template, Ads Space Ready, Web 2.0 Interface, Chrome White Background Design, Posts Thumbnails, Twitter Ready, Facebook Ready, RSS Ready, Drop-Down Menu, Navigation Menu, 100% CSS, Compact, Valid CSS/HTML, Top Header Red Christmas Logo, Internal Search, Unique RSS Subscribe Button on The Header, 2 Columns, Right Sidebar, Rounded Corners, Don't Forget to Share This Template if You Like it. At Template4all.com We Know How Can Be Free Blogger Layouts Themes Templates Important For Bloggers, That's Why We Share With You The Best Free Blogger Blogspot Layouts Themes Templates Design Under Free GPL License and Free Common Creative 3.0 License, If You Found This Post Interesting Please. COPY IS CODE IN YOUR SETTING

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
    <b:include data='blog' name='all-head-content'/>
    <title>
 <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <data:blog.title/>
 <b:else/>
  <data:blog.pageName/> | <data:blog.title/>
 </b:if>
</title>
    <b:skin><![CDATA[/*
===================================================

Template name: MADkassar
Version:1.0
Developed by: PixelOplosan.com

===================================================
*/

/* Variable definitions
   ====================
   <Variable name="header.font" description="Font: blog title"
             type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif" value="normal normal 38px Pacifico">
   <Variable name="header.description.font" description="Font: blog description"
             type="font" default="normal normal 11px 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif" value="normal normal 11px/1.6em helvetica, arial, verdana, san-serif">
*/


/* ========================
general
======================== */
body {
 background:url(http://2.bp.blogspot.com/-UhjSup_fqCg/TzwrFuagIzI/AAAAAAAAAIw/n6H2oibAQ1Y/s000/body.png);
 margin:0;
 padding:0;
 color:#898989;
}

#outer-wrapper, .out-container {
 width: 1070px;
 text-align:left;
 font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
 margin:0 auto;
 background:#FFF;
}

#content-wrapper {
 padding-top:20px
}

#grid-1 {
 margin-bottom:10px;
 background:#FFF;
}

#grid-2 {
 margin-top:10px;
 background:#fff;
}

#grid-3 {
 margin-top:10px;
 background:#fff;
}


#wrap2 {
 width: 1030px;
 margin:0 auto;
}

a:link {
 color:#5378b3;
 text-decoration:none;
}

a:visited {
 color:#555555;
 text-decoration:none;
}

a:hover {
 color:#111111;
 text-decoration:underline;
}

a img {
 border-width:0;
}

#navbar-iframe,
.feed-links,
.jump-link,
.status-msg-wrap {
 display:none
}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:8px;}
hr {
 background-color:#DDD;
 border:0;
 height:1px;
 margin-bottom:2px;
 clear:both;
}


/* ========================
HEADER
======================== */
#header-wrapper {
 width: 970px;
 margin:0 auto;
 padding:15px 0;
}

#header {
 text-align: left;
 overflow:hidden;
 padding:15px 0;
 width:40%;
 float:left;
}

#header h1 {
 margin:0 auto;
 padding:0;
 text-decoration:none;
 font: $(header.font);
 color:#555555;
}

#header a {
 color:#555555;
 text-decoration:none;
}

#header a:hover {
 color:#555555;
}

#header .description {
 margin:0;
 padding:0;
 text-decoration:none;
 font: $(header.description.font);
 color:#555555;
}

#header img {
 margin:30px 0 0 0;
 overflow:hidden;
}


/* ========================
Navigation
======================== */
#navigation {
 padding:15px 0;
 margin:0;
 width:60%;
 float:right;
}

#navigation h2 {
 display:none;
 padding:0;
}

#navigation ul {
 list-style:none;
 float:right;
 width:auto;
 padding-top:20px;
}

#navigation li {
 text-align:left;
 line-height:2em;
 padding:5px 0;
 margin-left:20px;
 float:left;
}

#navigation li a {
 font:normal normal 12px helvetica, arial, verdana, sans-serif;
 color:#555555;
}

#navigation li a:hover {
 color:#111111;
}

#navigation .selected {
 border-top:1px solid #DDD;
 border-bottom:1px solid #DDD;
}

#navigation .widget-content {
 padding:0;
}


/* ===========================
Crosscol
=========================== */
#crosscol-wrapper {
 clear:both;
 width:100%;
 padding:20px 0;
}
#crosscol {
 font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
 float:left;
 width:50%;
}

#crosscol h2 {
 display:none
}

#crosscol .widget-content {
 padding:0 30px
}

#crosscol ul {
 list-style:none;
 padding:10px 0;
 overflow:auto;
}

#crosscol li {
 float:left;
 margin-right:20px;
}


/* ===========================
Search
=========================== */
#searchbar {
 font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
 float:right;
 width:50%;
 text-align:right;
}

#searchbar h2 {
 display:none
}

#searchform {
 margin-right:30px;
}

#searchform #s{
 background:#FFF; 
 color:#898989; 
 margin:15px 10px 0 0; 
 width:175px; 
 padding:6px 7px; 
 border:1px solid #DDD;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
}

#searchform #searchsubmit{
 background:#DDD;
 box-shadow:none;
 border:none;
 padding:6px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
}


/* ===========================
Primary Content
=========================== */
#main-wrapper {
 width:1030px;
 margin:0;
 float:right;
 text-align: left;
}

#main {
 padding:30px;
}

.main .Blog {
 border-bottom-width: 0;
}

.post {
 margin:0;
 padding-bottom:10px;
 line-height:1.8em;
 border-bottom:3px double #DDD;
}

.post h3 {
 margin:0;
 padding:0;
}

.post-title-2 {
 margin-top:10px!important
}

h3.post-title-2 a, h3.post-title-2 a:visited, h3.post-title-2 strong {
 width:100%;
 font:normal bold 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
 text-decoration:none;
 color:#818181;
}

h3.post-title-2 strong, h3.post-title-2 a:hover {
 color:#111111;
}

.duplicate-title-element h3 {
 overflow:hidden;
 padding:0;
 margin-bottom:10px;
 font:normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
 text-decoration:none;
 color:#fff;
}

.snip {
 color:#999!important;
 height:70px;
 font:normal normal 11px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
 overflow:hidden;
}

.post-body {
 margin:0 0 .75em;
 padding-top:35px;
}

.post-body blockquote {
 line-height:1.6em;
 background:url(http://1.bp.blogspot.com/-LpGToTXKGLg/TzwrFy3ICtI/AAAAAAAAAI4/T_baB6drFsI/s000/quote.png) no-repeat left top;
 padding:0 20px 5px 50px;
 font-style:italic;
 font-size:18px;
 font-family:georgia, 'times new roman', serif;
}

.post blockquote {
 margin:1em 20px;
}

.post blockquote p {
 margin:.75em 0;
}

.post-footer-line-1, .post-footer-line-3 {
 margin: 10px 0 0;
 padding:15px 0 0;
 color:#898989;
 font:normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}

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

.post img, table.tr-caption-container {
 max-width:720px;
 height:auto;
 overflow:hidden;
}

table.tr-caption-container {
 background:#f8f8f8;
}

.tr-caption-container img {
 border: none;
 padding: 0;
}


/* ====================
Entry meta
==================== */
.post-header-line-1 {
 clear:both;
 margin:10px 0 0 0;
 padding:0;
 font:normal normal 11px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
}

.rmlink {
 font-size:11px;
 font-weight:bold;
 margin-top:17px;
}

.rmlink a {
 color:#2dcf12;
}

.post-author-vcard,
.entry-date,
.post-labels {
 background:url(http://2.bp.blogspot.com/-c36tiDCyWLY/TzwrGA0eJxI/AAAAAAAAAJA/xmRz-MXBecw/s000/icon_meta_data.png) no-repeat;
 padding-left:18px;
}

.post-author-vcard {
 background-position:left center;
 margin-right:15px;
}

.entry-date {
 background-position:left top;
 margin-right:15px;
}

.post-labels {
 background-position:left bottom;
 margin-right:15px;
}

.post-share-buttons {
 padding-left:1px!important;
}


/* ==============================
Thumbnail sliding when hover
============================== */
.thumbs {
 background: #222;
 position: relative;
 font-size:11px;
 line-height:1.6em;
 margin-top:-35px;
}

.thumbs a {
 display: block;
 position: relative;
 overflow: hidden;
 height: 160px;
 width: 220px;
 color:#555555;
}

.thumbs a:hover {text-decoration:none}

.thumbs img {
 position: absolute;
 top: 0;
 left: 0;
 border: 0;
}

.thumbs-hovering {
 padding:20px;
}


/* =======================
Comments Content
======================= */
#comments h4 {
 font:normal bold 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
 color:#818181;
 clear:both;
}

.comment-header .user {
 font-size:14px;
 font-weight:bold;
}

.comment-header .datetime {
 font-size:11px;
}

.comment-thread li .comment-block {
 border-bottom:1px solid #DDD;
 padding-bottom:10px;
}

.comment-content {
 margin:0;
 padding:0;
}

.comments blockquote {
 margin-bottom:20px;
 line-height:1.8em;
 padding:10px 0;
}

#comment-holder .comment-block .comment-actions a {
 font-size:11px;
 margin-right:10px;
}

#comments-block .avatar-image-container {
 background:url(http://4.bp.blogspot.com/-hizOWo9gZpg/TzwrGJssejI/AAAAAAAAAJI/7SCCOfgQM5Y/s000/gravatar.png) no-repeat center center;
 position:absolute;
 left:0;
 width:35px;
 height:35px;
}

#comments-block .avatar-image-container img {
 border:medium none;
 height:35px;
 width:35px;
}

#comments-block.avatar-comment-indent  {
 position:relative;
 margin:0 auto;
}


/* ========================
Page navigation
======================== */
#blog-pager {
 text-align:center;
 padding-top:20px!important;
 clear:both;
}

#blog-pager-newer-link, #blog-pager-newer-link a {
 background:url(http://4.bp.blogspot.com/-pZb_fQ7ryR0/TzwrGT2tbwI/AAAAAAAAAJQ/BA0X5LYmSkY/s000/pagenav.png) no-repeat right bottom;
 float: right;
 text-indent:-8000px;
 width:26px;
 height:26px
}

#blog-pager-newer-link a:hover {
 background:url(http://4.bp.blogspot.com/-pZb_fQ7ryR0/TzwrGT2tbwI/AAAAAAAAAJQ/BA0X5LYmSkY/s000/pagenav.png) no-repeat right top
}

#blog-pager-older-link, #blog-pager-older-link a {
 background:url(http://4.bp.blogspot.com/-pZb_fQ7ryR0/TzwrGT2tbwI/AAAAAAAAAJQ/BA0X5LYmSkY/s000/pagenav.png) no-repeat left bottom;
 float: left;
 text-indent:-8000px;
 width:26px;
 height:26px
}

#blog-pager-older-link a:hover {
 background:url(http://4.bp.blogspot.com/-pZb_fQ7ryR0/TzwrGT2tbwI/AAAAAAAAAJQ/BA0X5LYmSkY/s000/pagenav.png) no-repeat left top
}


/* ========================
Admin Profile
======================== */
.profile-img { 
 float: left;
 margin: 0 5px 5px 0;
 padding: 4px;
 border: 1px solid #DDD;
}

.profile-data {
 margin:0;
 font:normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
 color: #898989;
}

.profile-datablock { 
 margin:.5em 0 .5em;
}

.profile-textblock { 
 margin: 0.5em 0;
}

.profile-link { 
 font:normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
 text-transform: uppercase;
 letter-spacing: .1em;
}


/* ====================
Widget area
==================== */
#bottom {
 width:970px;
 margin:0 auto;
 padding:20px 0;
 font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
 line-height:1.6em;
 color:#818181;
 clear:both;
}

#bottom a,
#bottom a:visited {
 color:$(widget.link.color)!important
}

#bottom a:hover {
 color:$(widget.link.hover)!important
}

#bottom h2 {
 font: normal bold 15px 'Trebuchet MS', helvetica, arial, sans;
 margin: 0 0 15px 0;
 padding: 4px 0;
 color: $(widget.title.color);
}

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

#bottom li {
 margin:0;
 padding:.5em 0;
 line-height:1.5em;
 border-bottom:1px solid #DDD;
}

#left-bottom {
 width:220px;
 margin-right:15px;
 float:left;
 overflow:hidden;
}

#center-bottom-1, #center-bottom-2 {
 width:220px;
 float:left;
 margin:0 15px;
 overflow:hidden;
}

#right-bottom {
 width:220px;
 float:left;
 margin-left:15px;
 overflow:hidden;
}

.bottom .widget {margin-bottom:30px}


/* =======================
Footer
======================= */
#footer-wrapper {
 width: 970px;
 padding:20px 0;
 margin: 0 auto;
 color:#898989;
 font:normal normal 11px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
 overflow:auto;
}

#footer-wrapper a,
#footer-wrapper a:visited{
 text-decoration: none;
 color:$(widget.link.color);
}

#footer-wrapper a:hover {
 color:$(widget.link.hover);
}

.footer-left {
 width:50%;
 float:left;
 text-align:left;
 overflow:hidden;
}

.footer-right {
 width:50%;
 float:right;
 text-align:right;
 overflow:hidden;
}


]]></b:skin>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>


<!-- ++++++++++++++++++++++++++++++
Jquery images hover
-->
<script type='text/javascript'>
$(function() {
 $(&#39;.thumbs&#39;).hover(function(){
 $(this).find(&#39;img&#39;).animate({top:&#39;220px&#39;},{queue:false,duration:500});
  }, function(){
 $(this).find(&#39;img&#39;).animate({top:&#39;0px&#39;},{queue:false,duration:500});
  });
 })
</script>


<!-- Start Conditional Tag
 - The following CSS control Home Page & Non_Post layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#main {
 padding:15px;
}

#blog-pager {padding:0 15px}

.thumbs {
 width:220px;
 height:160px;
 overflow:hidden;
}

.post {
 width:220px;
 height:160px;
 float:left;
 margin:15px;
 padding:0;
 border:none;
}

.post-header-line-1,
.entry-date,
.post-footer {
 display:none
}
</style>
</b:if>


<!-- Start Conditional Tag
 - The following CSS control Static/Pages layout.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.main {
 margin:15px!important;
}

.post-body,
.post-title-2 {
 display:block
}

.post-footer,
.post-header-line-1,
.rmlink {
 display:none;
}

.post-body {
 padding:15px 0!important
}

.post,
.post-body {
 width:100%;
 height:auto;
 background:none;
 opacity:1;
 margin:0;
 padding:0;
}

.post-entry-title, .post-header {
 display:none
}

.post-body:hover .post-entry-title {
 display:none
}
</style>
</b:if>


  </head>

  <body>

    <div class='out-container' id='grid-1'>
 <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Madkassar (Header)' type='Header'>
<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:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<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'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </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'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &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'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>

      <b:section class='header' id='navigation'>
<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'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
      <div class='clear'>&#160;</div>
 </div>
    </div>

  <div id='outer-wrapper'><div id='wrap2'>

    <div id='content-wrapper'>

      <div id='main-wrapper'>

      <div class='crosscol-wrapper'>
      <b:section class='sidebar' id='crosscol' maxwidgets='1'>
<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 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:section>

<div id='searchbar' class='sidebar'>
<form id="searchform" expr:action='data:blog.homepageUrl + &quot;search/&quot;' style="display:inline;" method="get">
<input id="s" name="q" value="Search for something?" type="text"/>
<input id="searchsubmit" value="Go" type="submit"/>
</form>
      <b:section id='searchbar1' maxwidgets='1'>
</b:section>
</div>
      <div class='clear'>&#160;</div>
      </div>

        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<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'>| Next \\</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'>// Prev |</a>
      </span>
    </b:if>

  </div>
  <div class='clear'/>
</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='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 postId = &#39;<data:post.id/>&#39;;
      var feed = &#39;<data:post.commentFeed/>&#39;;
      var authorName = &#39;<data:post.author/>&#39;;
      var authorUrl = &#39;<data:post.authorUrl/>&#39;;
      var blogId = &#39;<data:top.id/>&#39;;
      var baseUri = &#39;<data:post.commentBase/>&#39;;
      var maxThreadDepth = &#39;<data:post.commentMaxThreadDepth/>&#39;;

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      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;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = feed;
          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 == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + 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': maxThreadDepth
      };
      var provider = {
        'id': 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='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='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='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.title'>
      <!-- ==============================
      Post title pada single post
      =============================== -->
      <h3 class='post-title-2'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
    </b:if>

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:if cond='data:post.title'>
      <!-- ==============================
      Post title pada static post
      =============================== -->
      <h3 class='post-title-2'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
    </b:if>

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

    <span class='post-author-vcard'>
        <b:if cond='data:top.showAuthor'>
          <span class='fn'><data:post.author/></span>
        </b:if>
    </span>

      <span class='entry-date'><data:post.dateHeader/></span>

      <!-- ++++++++++++++++++
      <span class='post-comment-link'>
          <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>
      </span>
      +++++++++++++++++++ -->

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

      </div>
    </div>


    <div class='post-body entry-content'>

<div class='auto-thumbnail'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.snippet'>

    <!-- DO NOT MAKE ANY CHANGES
    * Berfungsi untuk menggenerate thumbnail
    * baik berupa gambar, youtube video, dan flickr photostream
    * bisa diresize sesuai kebutuhan tanpa menyebabkan gambar terlihat buram
    * Author: PixelOplosan.com
    -->
    <b:if cond='data:post.thumbnailUrl'>
      <div class='thumbs'>
<a expr:href='data:post.url'>
    <script type='text/javascript'>
 //<![CDATA[
 function bp_thumbnail_resize(image_url,post_title)
 {
 var image_size=220;
 var show_default_thumbnail=true;
 var default_thumbnail="http://1.bp.blogspot.com/-kq819REHI_8/TzwrGui26JI/AAAAAAAAAJY/cctudgK6Nmo/s000/default.png";
 if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
 image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'"/>';
 if(image_url!="") return image_tag; else return "";
 }
 //]]>
    </script>
    <script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
    </script>

<div class='thumbs-hovering'>
        <div class='duplicate-title-element'>
            <h3 class='duplicate-title'>
              <data:post.title/>
            </h3>
        </div>

<div class='snip'>
    <data:post.snippet/>
</div>
</div>

</a>
      </div><!-- ### akhir .thumbs, sesuatu -->
    <!-- End # DO NOT MAKE ANY CHANGES -->

    </b:if>
 <b:if cond='data:post.jumpLink != 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>
    <b:else/>
        <data:post.body/>
    </b:if>
    <b:else/>
        <data:post.body/>
  </b:if>
</div><!-- # End, auto-thumbnail -->

  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <data:post.body/>
  </b:if>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data: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 class='post-footer'>
    <div class='post-footer-line-1'>
    <b:if cond='data:post.sharePostUrl'>
 <div class='post-share-buttons' style='float:left'>
 <b:include data='post' name='shareButtons'/>
 </div>
    </b:if>
<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span></div>

      <div class='post-footer-line-2'>
      

<!-- Feature added by BTemplates.com -->
 <b:if cond='data:top.showReactions'>
  <span class='reaction-buttons'>
   <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
    <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
     <span class='reactions-label'>
     <data:top.reactionsLabel/></span>&#160;</td>
    <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
   </tr></table>
  </span>
 </b:if>
</div>

      <div class='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>
  </div>
</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='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='250' id='comment-editor' name='comment-editor' src='' width='720'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='width:100px;height:20px;'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <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_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: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='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

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

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

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

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

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data: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'>
            <p><data:post.body/></p>
            <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-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='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='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

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

    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isDateStart'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-posts&quot;&gt;
      </b:if>
      <div class='post-outer'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='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: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:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</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='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='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

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

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

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

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

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>Rss: <img height='10px' src='http://4.bp.blogspot.com/-Yv6v-WGuclE/TzwrGp2hgQI/AAAAAAAAAJg/kfaVIqbEPYo/s000/mini-rss.gif'/></a>
  </b:loop>
<span style='float:right'><img src='http://3.bp.blogspot.com/-4pUf8oUeZ5w/TzwrG4l91ZI/AAAAAAAAAJo/G09JMH3SFck/s000/mini-blogroll.gif'/> <a href='#' onclick='MGJS.goTop();return false;'>Top</a></span>
  </div>
</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:class='data:post.postAuthorClass' 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 class='author-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> says:
            <b:else/>
              <data:comment.author/>
            </b:if> <br/>at: 
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
<data:commentPostedByMsg/>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dt>
          <dd class='comment-body'>
            <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'>
          </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>

    <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>

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

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

    <div class='out-container' id='grid-2'>
<div id='bottom'>
      <b:section class='bottom' id='left-bottom' preferred='yes'>

</b:section>
      <b:section class='bottom' id='center-bottom-1' preferred='yes'>

</b:section>
      <b:section class='bottom' id='center-bottom-2' preferred='yes'>

</b:section>
      <b:section class='bottom' id='right-bottom' preferred='yes'>

</b:section>
      <div class='clear'>&#160;</div>
</div> <!-- end bottom -->
    </div>

    <div class='out-container' id='grid-3'>
    <div id='footer-wrapper'>
<div class='footer-left'>
&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>, Design by <a href='http://pixeloplosan.com' title='blogger template club'>Pixel Oplosan</a>, Proudly powered by <a href='http://blogger.com'>Blogger</a></div>

<div class='footer-right'>
<a expr:href='data:blog.homepageUrl'>Home</a> / <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts</a> / <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a> / <a href='#'>Top</a>
</div>
<center> Design Downloaded from <a href="http://www.template4all.com/" title="free blogger templates" target="_blank">Free Blogger Templates</a> | <a href="http://www.freethemes4all.com/" title="free website templates" target="_blank">free website templates</a> | <a href="http://www.seodesign.us" title="free vector art" target="_blank">Free Vector Art</a></center>
    </div>
    </div>

</body>
</html>



[edit]

Pasang INTERNET FASNET PLUS TV KABEL FIRSTMEDIA
Pasang FIRSTMEDIA internet speed hingga 100mbps + CHannel TV HD hingga 50HD hub 087777313417 only SMS