; template juragan
Documents
Resources
Learning Center
Upload
Plans & pricing Sign in
Sign Out
Your Federal Quarterly Tax Payments are due April 15th Get Help Now >>

template juragan

VIEWS: 29 PAGES: 31

  • pg 1
									<?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'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'
name='DESCRIPTION'/>
<meta content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE' name='KEYWORDS'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title +
&quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title +
&quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>

<meta   content='index, follow' name='robots'/>
<meta   content='2 days' name='revisit-after'/>
<meta   content='id' name='language'/>
<meta   content='id' name='geo.country'/>
<meta   content='Indonesia' name='geo.placename'/>
<meta   content='global' name='distribution'/>
<meta   content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta   content='true' name='MSSmartTagsPreventParsing'/>
<meta   content='blogger' name='generator'/>
<meta   content='general' name='rating'/>

<link expr:href='data:blog.url' rel='canonical'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Thesis SEO Blogger Template Juragan Style
Author:   Juragan
URL:      http://blogjuragan.blogspot.com
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif"
value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet
MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet
MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal
200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,
Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet,
Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,
Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet,
Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog
language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog
language"
             type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */


body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ececec
url(http://1.bp.blogspot.com/_rLYhkzmU7RY/TD5owJ2wFOI/AAAAAAAAAAo/Mdv207vRp9k
/s1600/kertas.gif) repeat-y center;
color:#333333;
font:15px 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
text-align:center;
}
a:link {
color:#007ACC;
text-decoration:none;
}
a:visited {
color:#007ACC;
text-decoration:none;
}
a:hover {
color:#5588AA;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ
/s1600/line.gif) repeat-x scroll left bottom;
height:119px;
width:900px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#000000;
text-align:left;
}
#header h1 {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 3px 0;
text-transform:none;
}
#header a {
color:#000000;
text-decoration:none;
}
#header a:hover {
color:#000000;
}
#header .description {
color:#999999;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 15px 0;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #fff;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:20px auto;
padding:0 10px;
text-align:justify;
width:900px;
}
#main-wrapper {
float:left;
margin-right:10px;
overflow:hidden;
width:507px;
word-wrap:break-word;
}
#sidebar-top {
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background:#F5F5F5;
width:362px;
float:right;
padding:10px;
}
#sidebar-wrapper {
background:transparent
url(http://2.bp.blogspot.com/_rLYhkzmU7RY/TDvfgoOK5uI/AAAAAAAAAAU/kOXGkdBkMT4
/s1600/sidebg.gif) repeat-y scroll left top;
float:right;
overflow:hidden;
padding-left:8px;
margin-right:13px;
width:362px;
word-wrap:break-word;
}
h2 {
color:#000000;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
}
.post {
margin:0.5em 0 1.5em;
}
.post h1, .post h2 {
color:#007ACC;
font-family:'Segoe UI', Calibri, 'Myriad   Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
line-height:1em;
margin:0;
padding:0 0 5px;
}
.post h1 a, .post h1 a:visited, .post h1   strong,   .post h2 a, .post h2
a:visited, .post h2 strong {
color:#333;
display:block;
font-weight:normal;
text-decoration:none;
}
.post h1 strong, .post h1 a:hover, .post   h2 strong, .post h2 a:hover {
color:#007ACC;
}
.post-body {
font-family:'Segoe UI', Calibri, 'Myriad   Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size:14px;
line-height:1.4em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
border-bottom:1px solid #EEEEEE;
color:#999999;
font-style:normal;
letter-spacing:0;
margin:0.3em 0;
padding:2px;
text-transform:none;
}
.comment-link {
margin-left:0em;
}
.post img {
border:4px solid #DDDDDD;
}
.post blockquote {
color:#666666;
font-family:'Segoe UI', Calibri, 'Myriad   Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-style:italic;
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.4em;
margin:1em 0;
font-size:medium;
text-transform:none;
}
#comments-block{border:0px dotted #ccc;width:507px;margin:1.3em 0 1.5em;line-
height:1.6em}#comments-block .comment-author{background:#f6f6f6;border-
top:1px solid #ddd;margin:.5em 0;padding-left:0px;color:#111}#comments-block
.comment-author a:link,a:visited{color:#346ba4}#comments-block .comment-
body{padding-left:0px;color:#333}#comments-block .comment-footer{padding-
left:0px;margin:.25em 0 2em;line-height:1.5em;font-size:9px;border-top:1px
solid #ddd}#comments-block .comment-footer
a:link,a:visited{color:#444}#comments-block .comment-body p{text-
align:justify;margin:0 1em .75em;padding-left:5px;border-left:3px solid
#f0f0f0}#comments-block a:link{color:#c13a10}.deleted-comment{font-
style:italic; color:gray}.owner-Body{padding-left:0px;color:#333}.owner-Body
p{text-align:justify;margin:0 1em .75em;padding-
left:5px;background:#f5f5f5;border-left:3px solid #ddd}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color:#666666;
line-height:1.5em;
}
.sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sidebar li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(http://4.bp.blogspot.com/_qJFbsMHBJNg/SoaUE7XY4hI/AAAAAAAAAJY/fQ02np_6CiY
/s1600/libg300.png) no-repeat scroll left -1px;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
}
.sidebar .widget, .main .widget {
margin:0 0 0.2em;
padding:0 0 0.2em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font-family:''Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
#menu {
background-color:#F5F5F5;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
height:29px;
margin:3px auto 0;
width:900px;
}
#menu ul {
border-left:1px solid #DDDDDD;
float:left;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
width:630px;
}
#menu ul li {
border-right:1px solid #DDDDDD;
display:block;
float:left;
font-size:12px;
font-weight:lighter;
height:29px;
letter-spacing:1px;
line-height:18px;
margin-right:0;
padding:0;
text-transform:uppercase;
}
#menu ul li:hover {
background-color:#DDDDDD;
}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
color:#666666;
display:block;
float:left;
height:19px;
margin:0;
padding:5px 20px 0;
text-transform:uppercase;
}
#menu .home, #menu .current_page_item {
background-color:#FFFFFF;
}
#menu .home a:link, #menu .home a:visited, #menu .current_page_item a:link,
#menu .current_page_item a:visited {
background-position:right center;
background-repeat:no-repeat;
color:#000000;
}
#menu ul li a:hover {
background-position:right center;
background-repeat:no-repeat;
color:#111111;
height:29px;
text-decoration:none;
}
#menu ul li ul {
width:180px;
}
#menu .rss {
border:medium none;
float:right;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
width:300px;
}
#menu .rss li {
background-color:#FFFBFA;
border-left:1px solid #DDDDDD;
border-right:medium none;
float:right;
height:24px;
padding-left:10px;
}
#menu .rss li:hover {
background-color:#FFF7F5;
}
#menu .rss li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(http://1.bp.blogspot.com/_qJFbsMHBJNg/SoaUQ21lsyI/AAAAAAAAAJg/oRu5AVR0i-
M/s1600/rss.png) no-repeat scroll left top;
display:block;
height:19px;
padding:5px 20px 0;
}
#menu .rss li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(http://1.bp.blogspot.com/_qJFbsMHBJNg/SoaUQ21lsyI/AAAAAAAAAJg/oRu5AVR0i-
M/s1600/rss.png) no-repeat scroll left top;
color:#111111;
height:21px;
}
.menunav li:hover ul, ul.menunav li.sfHover ul {
left:-1px;
top:25px;
}
.menunav li:hover li ul, .menunav li.sfHover li ul {
top:-9999px;
}
.menunav li li:hover ul, ul.menunav li li.sfHover ul {
border-top:1px solid #DDDDDD;
left:180px;
top:-1px;
}
.menunav li:hover ul, .menunav li li:hover ul {
top:-9999px;
}
.menunav li ul {
border-right:1px solid #DDDDDD;
position:absolute;
top:-9999px;
}
.menunav li {
border-bottom:1px solid #DDDDDD;
float:left;
position:relative;
}
.menunav ul li {
width:100%;
}
.menunav li li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/libgt.png) repeat scroll 0 0;
height:auto !important;
padding:0;
}
.menunav li ul {
z-index:100;
}
.menunav li:hover a:link, .menunav li:hover a:visited {
color:#111111 !important;
text-decoration:none;
}
.menunav li li:hover, .menunav li .current_page_item {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(images/libgth.png) repeat scroll 0 0 !important;
}
.menunav li li a:link, .menunav li li a:visited {
background-image:none !important;
float:left;
height:auto !important;
margin:0 !important;
padding:5px 20px !important;
}
#content-wrapper {
margin:0 auto 10px;
overflow:hidden;
padding:0;
width:900px;
}
#comments {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS',
Helvetica, sans-serif;
}
#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ
/s1600/line.gif) repeat-x scroll left top;
margin:0 auto;
overflow:hidden;
width:900px;
}
#footer .copyright {
float:right;
}
#footer .link {
float:left;
}
#footer p {
font-size:12px;
margin:0;
padding:12px 0 7px;
text-align:center;
}
.post-comment-link {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin-left:0px;
padding-left:0px; font-size: large;
}
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var
c=0;c<d.length;c++){if(d[c].indexOf(">")!=-
1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.
length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-
1){a++}b=b.substring(0,a-1);return b+" [...]"}function
createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var
b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span
style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'"
width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';e=summary_img}var
c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
  </head>

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

   <!-- skip links for text browsers -->
   <span id='skiplinks' style='display:none;'>
     <a href='#main'>skip to main </a> |
     <a href='#sidebar'>skip to sidebar</a>
   </span>

    <div id='header-wrapper'>
<div id='menu'>
  <ul class='menunav superfish'>

         <li class='page_item home'><a Title='Home'
expr:href='data:blog.homepageUrl'>Home</a></li>
         <li class='page_item page-item-2'><a href='#'
title='About'>About</a></li>
<li class='page_item page-item-3'><a href='mailto:#'
title='Contact'>Contact</a></li></ul>
</div>
       <b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tutorial Blog (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;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <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>
      </div>
    <b:else/>
      <!--
      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.
      -->
      <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;px;&quot;                      + &quot;_height: &quot; +
data:height + &quot;px;&quot;                      + &quot;background-repeat:
no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title' style='background: transparent; border-width:
0px'>
             <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title' style='background: transparent; border-width:
0px'>
             <b:include name='title'/>
          </p>
</b:if>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
<b:else/>
        <p class='title' style='font-size:26px; font-weight:bold;letter-
spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;'>
          <b:include name='title'/>
        </p>
</b:if>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>
   <div id='content-wrapper'>

     <div id='crosscol-wrapper' style='text-align:center'>
       <b:section class='crosscol' id='crosscol' showaddelement='no'/>
     </div>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' 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'><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:blog.homepageUrl != data:blog.url'>
      <a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='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>
      <a class='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>
      <a class='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>
      <a class='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>
      <a class='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: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.comments' var='comment'>
           <dt class='comment-author' id='comment-author'>
             <a expr:name='data:comment.anchorName'/>
             <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'>
             <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'>
                 <i><data:comment.timestamp/></i>
               <b:include data='comment' name='commentDeleteIcon'/>
             </span>
           </dd>
         </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'>
      <h2 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'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
</b:if>
<b:else/>
      <h1 class='post-title entry-title'>
     <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>
      </h1>
</b:if>

    <div class='post-header-line-1'/>
<p><i><data:top.authorLabel/>
<span class='fn'><data:post.author/></span><b:if cond='data:post.dateHeader'>
on <data:post.dateHeader/></b:if></i></p>
    <div class='post-body entry-content'>
      <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/>&quo
t;);</script>
<span class='rmlink' style='float:left'><b>More about</b> &#8594; <a
expr:href='data:post.url'><data:post.title/></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;'><data:post.jumpText/></a>
      </div>
    </b:if>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-author
vcard'>
      </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:post.allowComments'>
{ <a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments
== 0'>Add <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a> }
          </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://www.blogger.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 post-footer-line-2'><span class='post-
labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
&quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>

      <div class='post-footer-line post-footer-line-3'/>
    </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'/>
    <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='230' id='comment-editor'
name='comment-editor' src='' width='507'/>
    <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_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='http://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'>&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'>
         <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'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
         </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments
== 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-
share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div>
              </b:if>
            </div>
         </div>
       </div>
       <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
         <b:if cond='data:post.showThreadedComments'>
           <b:include data='post' name='threaded_comments'/>
          <b:else/>
             <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
             <b:include data='post' name='threaded_comments'/>
          <b:else/>
             <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='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://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for
<data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under
<data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

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

   <data:defaultAdStart/>
   <b:loop values='data:posts' var='post'>
     <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>
     <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>
   <data:adEnd/>
 </div>

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



  <b:if cond='data:top.showStars'>
    <script src='http://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 expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
      <img src='http://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'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

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

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

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

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

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
             <b:if cond='data:post.numComments != 0'>
               <a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments
== 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
             </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='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='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/>... read them below or <a href='#comment-
form' rel='nofollow'>add one</a>
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>... read them
below or <a href='#comment-form' rel='nofollow'>add one</a>
        </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>
<dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author' expr:id='data:comment.anchorName'>
              <a expr:name='data:comment.anchorName'/>
            <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>

<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
          <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>
</b:if>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'>
<data.comment.timestamp/></a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName'
rel='nofollow' title='comment permalink'><data:comment.timestamp/></a></b:if>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>
      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
<br/>
          <b:include data='post' name='comment-form'/>
        <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>
<div id='sidebar-top'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text1' locked='false' title='About' type='Text'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Pilih Kategori Artikel'
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='Gadget1' locked='false' title='5 Artikel Terbaru'
type='Gadget'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:renderingUrl != &quot;&quot;'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
    <b:if cond='data:gadgetSnippet != &quot;&quot;'>
       <data:gadgetSnippet/>
    <b:else/>
      <div class='widget-content'>
        <b:if cond='data:nonSocialFragment != &quot;&quot;'>
          <data:nonSocialFragment/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <data:errorMessage/>
  </b:if>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Recent Post' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

    <div class='widget-content'>
      <div expr:id='data:widget.instanceId + &quot;_form&quot;'>
    <span class='cse-status'><data:loadingMsg/></span>
  </div>
</div>
<!-- override gsearch.css -->
<style type='text/css'>
  #uds-searchControl .gs-result .gs-title,
  #uds-searchControl .gs-result .gs-title *,
  #uds-searchControl .gsc-results .gsc-trailing-more-results,
  #uds-searchControl .gsc-results .gsc-trailing-more-results * {
    color:<data:linkColor/>;
  }
  #uds-searchControl .gs-result .gs-title a:visited,
  #uds-searchControl .gs-result .gs-title a:visited * {
    color:<data:visitedLinkColor/>;
  }

  #uds-searchControl .gs-relativePublishedDate,
  #uds-searchControl .gs-publishedDate {
    color: <data:dateColor/>;
  }

  #uds-searchControl .gs-result a.gs-visibleUrl,
  #uds-searchControl .gs-result .gs-visibleUrl {
    color: <data:urlColor/>;
  }

  #uds-searchControl .gsc-results {
    border-color: <data:borderColor/>;
    background-color: <data:backgroundColor/>;
  }

  #uds-searchControl .gsc-tabhActive {
    border-color: <data:borderColor/>;
    border-top-color: <data:activeBorderColor/>;
    background-color: <data:backgroundColor/>;
    color: <data:textColor/>;
  }
  #uds-searchControl .gsc-tabhInactive {
    border-color: <data:borderColor/>;
    background-color: transparent;
    color: <data:linkColor/>;
  }
  #uds-searchClearResults {
    border-color: <data:borderColor/>;
  }

  #uds-searchClearResults:hover {
    border-color: <data:activeBorderColor/>;
  }

  #uds-searchControl .gsc-cursor-page {
    color: <data:linkColor/>;
  }
  #uds-searchControl .gsc-cursor-current-page {
    color: <data:textColor/>;
  }
</style>

<b:include name='quickedit'/>
  </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 id='footer'>
<!-- Tolong jangan hapus link credit ini, tunjukkan bahwa anda adalah blogger
indonesia yang beretika dan tau bagaimana menghargai karya orang lain -->
<p class='link'>2012 All Rights Reserved <a
expr:href='data:blog.homepageUrl'><data:blog.title/></a>.</p>
<p class='copyright'>Powered by <a href='http://mondaydressing.com'>Baju
Grosiran</a></p></div></div></div> <!-- end outer-wrapper --></body></html>

								
To top