Kode Template: Pic Foto Plate

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

    <meta content='IE=9' http-equiv='X-UA-Compatible'/>
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>
    <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[/*

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

Name : PicFotoPlate
Designed by: 54Blogger (http://fiveforblogger.blogspot.com)
Date : May 2011

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

/* Template Colors and Fonts

<Variable name="bgcolor" description="Page Background Color"
          type="color" default="#fff" value="#111111">
<Variable name="textcolor" description="Text Color"
          type="color" default="#333" value="#cccccc">
<Variable name="headercolor" description="Header Color"
          type="color" default="#666" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
          type="color" default="#c60" value="#bbbbbb">
<Variable name="bordercolor" description="Border Color"
          type="color" default="#ccc" value="#dddddd">
<Variable name="linkcolor" description="Link Color"
          type="color" default="#58a" value="#999999">
<Variable name="visitedlinkcolor" description="Visited Link Color"
          type="color" default="#999" value="#999999">
<Variable name="hoverlinkcolor" description="Hover Color"
          type="color" default="#999" value="#ffffff">

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

<Variable name="bodyfont" description="Text Font"
          type="font" default="normal normal 100% Georgia, serif" value="normal normal 15px 'Times New Roman', Times, Georgia, serif">

<Variable name="blogtitlefont" description="Blog Title Font"
          type="font" default="normal normal 200% Georgia, Serif" value="normal bold 200% 'Raleway', Sans-serif">

<Variable name="posttitlefont" description="Post Title Font"
          type="font" default="normal normal 160% Georgia, serif" value="normal bold 250% 'Raleway', Sans-serif">

<Variable name="widgettitlefont" description="Widget Title Font"
          type="font" default="normal normal 180% Georgia, serif" value="normal bold 180% 'Raleway', Sans-serif">

*/

#navbar-iframe {
     display: none;
     height: 0 !important;
     visibility: hidden;
     }

*{ margin: 0; padding: 0; }

body {
     margin: 0 auto;
     padding: 0;
     font: $bodyfont;
     line-height: 1.2;
     color: $textcolor;
     background: $bgcolor url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaTRlcuJ8EimcHT5mNF-cixL7YspMt1LR11-0lJTtgOHBJPJnVfQ085N8MDQ6zzU-SUt50452Uh2juevi3Lx60t85pOLlVMNLm4Z_G-GaR3dqc7LDeOZbOhxC51ROiLo9rTaJt2qn2wJQ/s0/texture-body-bg.png);
   }

a:link {
     color: $linkcolor;
     text-decoration: none;
     }

a:visited {
     color: $visitedlinkcolor;
     text-decoration: none;
     }

a:focus { outline-style: none; }

a:hover {
     text-decoration: none;
     color: #fff;
     }

img {
     border: 0;
     margin: 0;
     }

.clear { clear: both; }

/* headings
----------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }


/* main layouts
----------------------------------------------*/

#wrapper {
     position:relative;
     margin: 0 auto;
     padding: 0;
     }

#top-wrapper {
     margin: 0;
     padding: 0;
     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOjnnxu0UdUVtzrULAbiDvkeOCp-SE2-8pDrqK866dE1ny7fC-NziWBWE4TWdNDZPBcYTl7boN4EtUNBpyEzPvoRDHupV0YtDp-sHlaJca8459oN2fSUz6OpWdLpSpn1EGmB-vaQuHQOs/s0/texture-top-bg.png);
     }

#main-wrapper {
     position: relative;
     padding: 0;
     margin: 0;
     overflow: hidden;
     }

#content {
     display: inline;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     padding: 0;
     overflow: hidden;
     }

.mask {
     width: 100%;
     margin: 0;
     padding: 0;
     border-top: 20px solid #2f2f2f;
     background: #222;
     }

.mask2 {
     width: 960px;
     margin: 0 auto;
     padding: 0;
     background: #222;
     }

/* header
----------------------------------------------*/

#header-wrapper {
      height: 90px;
      width: 960px;
      margin: 0 auto;
      padding: 10px 0;
      background: transparent;
      }

#header {
     float: $startSide;
     width: 300px;
     height: 90px;
     margin: 0;
     padding: 0 0 0 100px;
     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFFCyvQWq3bORC4I_2gwX2YzdPM4w41JMKfXANLM5gnmIBkujqQkAN57ASf8J7_f1EN1tI2XkH0j11jliT67vAnhHvbdwGL-TpQF3AyDoUdEYJ_XcBDeqz50X8AFG8O5knU5tnw_4xmWQ/s0/aperture-black90.png) no-repeat;
     }

#header h1.title {
     font: $blogtitlefont;
     }

#header h1.title, #header h1.title a {
     color: $headercolor;
     }

#header .titlewrapper {
     float: $startSide;
     width: 100%;
     margin: 20px 0 0;
     padding: 0;
     background: transparent;
     }

#header .descriptionwrapper {
     float: $startSide;
     width: 100%;
     margin: 0;
     padding: 0;
     font: normal normal 8px Helvetica, Arial, serif;
     background: transparent;
     }

#header img {
     margin: 0 auto;
     }

/* menu
----------------------------------------------*/

#menu {
     float: $endSide;
     width: 560px;
     height: 90px;
     line-height: 90px;
     background: transparent;
     }

#menu ul {
     margin: 10px 0 0;
     padding: 0;
     }

#menu ul li {
     list-style: none;
     display: inline;
     float: right;
     padding: 0 0 0 20px;
     }

#menu ul li a {
     font: normal bold 32px 'Oswald', serif;
     text-transform: uppercase;
     text-shadow: 0px 1px 2px #666;
     color: #222;
     }

/* sharing buttons
----------------------------------------------*/

.post-button {
     position: relative;
     overflow: hidden;
     width: 960px;
     height: 70px;
     margin: 0 auto;
     padding: 0;
     }

.post-button span.yslide img {
     position: relative;
     top: -20px;
     float: $endSide;
     margin: 0 4px 10px 6px;
     }

.post-button img:hover {
     -moz-box-shadow: 0px 0px 4px #777;
     -webkit-box-shadow: 0px 0px 4px #777;
     box-shadow: 0px 0px 4px #777;
     }

/* thumb posts
----------------------------------------------*/

.post-summary {
     float: $startSide;
     overflow: hidden;
     margin: 10px;
     width: 300px;
     height: 230px;
     }

.post-summary h2 {
     display: block;
     position: relative;
     height: 230px;
     margin: 0;
     padding: 0;
     }

.post-summary a.thumbview {
     display: block;
     position: relative;
     overflow: hidden;
     height: 230px;
     padding: 0;
     color: #333;
     line-height: 1.2;
     border: none;
     }

.post-summary a:hover {
     text-decoration: none;
     }

.post-summary img {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 280px;
     height: 210px;
     z-index: 2;
     border: 10px solid $bordercolor;
     }

.post-summary span.preview {
     position: absolute;
     top: 230px;
     left: 0px;
     z-index: 3;
     width: 280px;
     height: 210px;
     border-right: 10px solid $bordercolor;
     border-bottom: 10px solid $bordercolor;
     border-left: 10px solid $bordercolor;
     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEindVQEtjzUP1YvFwuwPW3Y9I4dXKSqcIHDcn2WmNViEbR8TP4hYXzU8EbdoEYlKXsHcGHyLwLpzD8NzvogC3-FWBsAmKgiU0hnz7e3zgHW-h52Iutx8dNcRXZYPh4KEizG9pAWqLNKruk/s0/texture70-body-bg.png);
     }

.post-summary span.title {
     position: absolute;
     top: 0;
     left: 0;
     padding: 10px 20px;
     line-height: 1;
     }

.post-summary span.linkview {
     position: absolute;
     top: 100px;
     left: 65px;
     padding: 10px 20px;
     line-height: 1.2;
     }

.post-summary span.linkview a {
     color: #222;
     }

.post-summary span.tag {
     position: absolute;
     top: 165px;
     left: 0;
     padding: 0px 20px;
     font-size: 12px;
     color: $bordercolor;
     }

.post-summary span.tag a {
     margin: 0;
     padding: 0 0 0 5px;
     font-size: 12px;
     border: none;
     text-shadow: none;
     color: $bordercolor;
     background: transparent;
     }

/* normal posts
----------------------------------------------*/

.post {
     width: 960px;
     margin: 0 auto;
     padding: 0;
     }

.post h3.entry-title {
     margin: 0;
     padding: 0;
     font: $posttitlefont;
     line-height: 1.1;
     }

.post h3.entry-title a, .post h3.entry-title a:visited {
     text-decoration: none;
     color: $titlecolor;
     }

.post h3.entry-title strong, .post h3.entry-title a:hover {
     color: $hoverlinkcolor;
     }

.post ul, .post ol {
     margin: 0 0 1em 1em;
     }

.post ul li {
     padding: .3em 0 0;
     }

.post ol li {
     margin: 0 0 0 .3em;
     padding: .3em 0 0;
     }

.post-body {
     width: 600px;
     margin: 0 0 .75em;
     }

.post .post-body blockquote {
     margin: .3em 0;
     padding: 20px 0 10px 20px;
     font-style: italic;
     }

.post .post-body blockquote:before {
     padding: 0 .4em 0 0;
     content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBlnU1HtC4PIUUTjjsxa8k1bITppxu95hosNgEY6nFpKjDF7tk_A2iHGukoYDKorUdPQm_n2yM-zusY1weyqHcNoScPWSvwbVMf3j8LCfhgLrBjCqDCPF_cZ2sAHzDGyVEhW9QDJL9zko/s0/quote-open.png);
     }

.post .post-body blockquote:after {
     padding: 0 0 0 .4em;
     content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8MAXOEpIyp56-RSlpR7i0iKFuTc_HgS8iQ7E2r7et-JajHoEBW8wAo_Dm-aqeEH8pMoiBIfuUgH4NyBmEjFcnp9kwEmLXGG2cl0-jl7OnJiWcJqndMJIuxLdc8QrwI8emD6aIkMvyp2k/s0/quote-close.png);
     }

.post-body img {
     float: left;
     width: 940px;
     height: auto;
     margin: 0 0 20px;
     border: 10px solid $bordercolor;
     }

.post-body a {
     border-bottom: 1px dotted #999;
     }

.post-body .separator a {
     border: none;
     }

.post-body .post-header {
     margin: 0 0 20px;
     }

.post-body .post-header a {
     border: none;
     }

.post-body .post-footer {
     margin: 1.5em 0;
     line-height: 1.4;
     }

.post-body .post-footer a {
     border: none;
     }

.post-labels a {
     margin: 0 0 0 10px;
     padding: 2px 15px;
     text-decoration:none;
     font-weight: bold;
     text-shadow: 0px 1px 2px #444;
     color: #111;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     background-color: #333;
     }

/* misc
----------------------------------------------*/

.post table {
     margin: .7em 0;
     border: 1px solid #2f2f2f;
     }

.post table td, table th {
     padding: .3em .7em;
     text-align: center;
     border: 1px solid #2f2f2f;
     }

.post table th {
     text-transform: uppercase;
     font-weight: normal;
     background: #2a2a2a;
     }
.tr-caption-container img {
     border: none;
     padding: 0;
     }

.pagetitle {
     display: block;
     width: 960px;
     margin: 0 auto;
     text-align: center;
     }

.pager {
     width: 960px;
     margin: 0 auto;
     padding: 10px 0 0;
     }

#blog-pager {
     text-align: center;
     clear: both;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     }
#blog-pager a {
     padding: 0;
     font: normal bold 74px 'Oswald', serif;
     color: #2f2f2f;
     }

#blog-pager-older-link {
     float: $startSide;
     height: 72px;
     margin: 0;
     padding: 0;
     }

#blog-pager-newer-link {
     float: $endSide;
     height: 72px;
     margin: 0;
     padding: 0;
     }

.item-content {
     border-bottom: 5px solid #2d2d2d;
     padding: 0 0 10px;
     }

.item-thumbnail a img {
     width: 90px;
     height: auto;
     margin: 0 .5em 0 0;
     padding: 0;
     border: 5px solid #353535;
     }

.item-title a { font-weight: bold; }

/* comments
----------------------------------------------*/

#comments {
     width: 600px;
     padding: 0 360px 20px 0;
     margin: 0 auto;
     overflow: hidden;
     }

#comments h4 {
     display: block;
     margin: 20px 0 10px;
     padding: 0;
     font-family: 'Oswald', serif;
     font-size: 200%;
     color: #333;
     }

#comments a {
     border-bottom: 1px dotted #999;
     }

#comments a:hover {
     color: #fff;
     }

#comments-block {
     position: relative;
     margin: 10px 0;
     }

#comments-block dt.comment-author {
     margin: 10px 0 0;
     padding: 5px 0;
     font-size: .9em;
     }

#comments-block dt.comment-author a {
     border: none;
     }

#comments-block dd.comment-body {
     margin: 0 0 25px;
     padding: 0;
     }

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

.deleted-comment {
    font-style: italic;
    color: #999;
    }

.feed-links {
    display: none;
    clear: both;
    }

/*footer 3 columns
----------------------------------------------*/

#footer-wrapper {
     margin: 0;
     padding: 0 0 20px;
     border-top: 20px solid #2f2f2f;
     background: #2b2b2b;
     }

#footer {
     width: 960px;
     margin: 0 auto;
     padding: 10px 0 0;
     line-height: 1.2;
     color: #777;
     background: transparent;
     }

#footer a {
     color: #777;
     }

#footer a:hover {
     color: $hoverlinkcolor;
     }

.footcol {
     float: $startSide;
     margin: 10px 0;
     padding: 0 10px 10px;
     }

.footcol h2 {
     margin: 0 0 20px -20px;
     padding: 0 0 10px 20px;
     font: $widgettitlefont;
     border-bottom: 8px solid #2b2b2b;
     }

.footcol ul, .footcol ol {
     margin: 0;
     }

.footcol ul li, .footcol ol li {
     list-style: none;
     padding: 0 0 .2em;
     }

#fcol1, #fcol2, #fcol3 {
     float: $startSide;
     width: 300px;
     margin-right: 0 10px;
     }

#fcol1 .widget, #fcol2 .widget, #fcol3 .widget {
     margin: 0 0 20px;
     padding: 20px 15px 20px 20px;
     background: #2f2f2f;
     }

/* credit
----------------------------------------------*/

#credit-wrapper {
     margin: 0;
     background: #eee;
     }

#credit {
     width: 960px;
     height: 2em;
     margin: 0 auto;
     padding: 1em 0 0 0;
     color: $linkcolor;
     }

#credit span.cleft {
     float: $startSide;
     }

#credit span.cright {
     float: $endSide;
     }

#credit p {
     margin: 0;
     font: normal normal 13px Helvetica, Arial, serif;
     }

#credit a:hover {
     color: $linkcolor;
     }

.post-body img {max-width:99% !important;}
]]></b:skin>

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

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
img_thumb_height = 210;
img_thumb_width = 280;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

<script type='text/javascript'>
jQuery(function(){
    //thumbview animation
        jQuery(".post-summary").hover(function(){
             jQuery(this).find(".preview").animate({top:10}, 'slow');
        }, function(){
             jQuery(this).find(".preview").animate({top:230}, 'slow');
        });
    //button animation
        jQuery(".yslide").hover(function(){
             jQuery(this).find("img").animate({top:-10}, 'slow');
        }, function(){
             jQuery(this).find("img").animate({top:-20}, 'slow');
        });
});
</script>

</head>
<body>

<div id='wrapper'>

<div id='top-wrapper'>
<div id='header-wrapper'>
<div id='header'>
<b:section class='logoimg' id='blog-title' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Picfotoplate (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'>
    <h2><span><data:description/></span></h2>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' 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 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
<b:else/>
    
    <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>
</div>

            
            <div id='menu'><div>
            
            <b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
              <b:if cond='data:title'></b:if>
              <div>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
                      <li><a expr:href='data:link.href'><data:link.title/></a></li>
                    <b:else/>
                      <li><a expr:href='data:link.href'><data:link.title/></a></li>
                    </b:if>
                  </b:loop>
                </ul>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
</b:widget>
</b:section>
            
            </div></div>
</div>
<div class='clear'/>
</div>
<b:if cond='data:blog.pageType != "item"'>        
   <div class='post-button'>
     <span class='yslide'>
       <a class='a2a_dd' href='http://www.addtoany.com/share_save'>
         <img alt='Share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3avqKS5nzH50g3EAFoqGVx6cjWf1pr_tpmQ-Fs6Hb7ng7PERUSTaY74ffIry8bG0Qw-h3L6u-A0FWzg_gGLdPutOXJsQAURrbeus1fMKirylrKDIj6vvJY5PNOlfV_F4yXMQQ6ochzvI/s0/share.png'/></a>
         <script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
      </span>
     <span class='yslide'>
       <a href='http://twitter.com/YOUR_USERNAME' target='_blank' title='Twit!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVge0FNfzjP8ygDh_kpb2jFRqIAQLQoUEaJYakUNuCd5wup_n94ML9Mm7FoNOoKf1I_vCBeQMJlHHhLQcudapOuHZWtpHKeu0x94gGwMEZudS51jB-UEWYUIhxXiisvOme3K1Djjg40YM/s0/twitter.png'/></a>
     </span>
     <span class='yslide'>
       <a href='http://www.facebook.com/YOUR_USERNAME' target='_blank' title='Share this!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVX5crmB4ElSSCRcTbp7f3CVMC7LRsW8OibRyeI2wcuGiZOC2CBt5sa2TcPGwh2rgON-S27pphZSOG-aeZpOfvoB2-UmU1ZWznpRR87bWuqIvcMPeq3M0KqEGkU3-darljDHTUMnlkFR4/s0/facebook.png'/></a>
     </span>
     <span class='yslide'>
       <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='Subscribe!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG3PlGlSe-vdGT_Ir7OeHK7isJWnDKNCVRdsJORB2H9s_0f_t4yZV4-R4zxQLwac3EKjMWa09HZaYZboiXOWWYVGintAD59zUy_yhLbba9E1ghL_8bNQvKE-pfi3K1IJO8xbcqVBJK_sw/s0/rss.png'/></a>
     </span>
    </div>
</b:if>

<div id='main-wrapper'>
<div id='content'>
<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:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>prev</a>
      </span>
    </b:if>
    <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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>next</a>
      </span>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a>
<b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</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'> </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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != "item"'>        
<div class='mask2'>
<div class='post-summary' id='post'>
    <h2>
      <a class='thumbview' expr:href='data:post.url'>
        <a expr:href='data:post.url'>
           <div expr:id='"summary" + data:post.id'><data:post.body/>
           </div>
        </a>
        <script type='text/javascript'>getImage("summary<data:post.id/>"); </script>
      </a>
      <span class='preview'>
        <span class='title'><a expr:href='data:post.url'><data:post.title/></a>
        </span>
        <span class='linkview' style='display:block; background:#eee; border:1px solid #999;'><a expr:href='data:post.url'>Full View</a>
        </span>
        <span class='tag'>
          <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 != "true"'>,</b:if>
              </b:loop>
            </b:if>
          </span>
        </span>
      </span>
    </h2>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>          
<div class='post hentry'>
<a expr:name='data:post.id'/>
   <div class='post-button'>
     <span class='yslide'>
        <a class='a2a_dd' href='http://www.addtoany.com/share_save'><img alt='Share/Bookmark' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3avqKS5nzH50g3EAFoqGVx6cjWf1pr_tpmQ-Fs6Hb7ng7PERUSTaY74ffIry8bG0Qw-h3L6u-A0FWzg_gGLdPutOXJsQAURrbeus1fMKirylrKDIj6vvJY5PNOlfV_F4yXMQQ6ochzvI/s0/share.png'/></a>
        <p class='a2a_linkname_escape' style='display:none'><data:post.title/></p>
          <script type='text/javascript'>var a2a_config = a2a_config || {};a2a_config.linkname_escape=1;a2a_config.linkurl="<data:post.url/>";</script>
          <script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
      </span>
     <span class='yslide'>
       <a expr:href='"http://twitter.com/share?text=" + data:post.title + "&url=" + data:post.url' target='_blank' title='Twit!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVge0FNfzjP8ygDh_kpb2jFRqIAQLQoUEaJYakUNuCd5wup_n94ML9Mm7FoNOoKf1I_vCBeQMJlHHhLQcudapOuHZWtpHKeu0x94gGwMEZudS51jB-UEWYUIhxXiisvOme3K1Djjg40YM/s0/twitter.png'/></a>
     </span>
     <span class='yslide'>
       <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Share this!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVX5crmB4ElSSCRcTbp7f3CVMC7LRsW8OibRyeI2wcuGiZOC2CBt5sa2TcPGwh2rgON-S27pphZSOG-aeZpOfvoB2-UmU1ZWznpRR87bWuqIvcMPeq3M0KqEGkU3-darljDHTUMnlkFR4/s0/facebook.png'/></a>
     </span>
     <span class='yslide'>
       <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='Subscribe!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG3PlGlSe-vdGT_Ir7OeHK7isJWnDKNCVRdsJORB2H9s_0f_t4yZV4-R4zxQLwac3EKjMWa09HZaYZboiXOWWYVGintAD59zUy_yhLbba9E1ghL_8bNQvKE-pfi3K1IJO8xbcqVBJK_sw/s0/rss.png'/></a>
     </span>
    </div>

<div class='post-body entry-content'>
    <div class='post-header'>
      <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'>
              <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
        </h3>
      </b:if>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>
      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
      <span class='post-comment-link'>
      <b:if cond='data:post.allowComments'>
        ✪ <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
          <b:if cond='data:post.numComments == 1'>1 comment
            <b:else/>
            <b:if cond='data:post.numComments == 0'>No comment yet
            <b:else/>
              <data:post.numComments/> comments
            </b:if>
          </b:if>
        </a>
      </b:if>
      </span>
    </div>
    <data:post.body/>
    <div style='clear: both;'/>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url'>more</a>
      </div>
    </b:if>
</div>
<div class='clear'/>

<div class='post-footer'>
    <b:if cond='data:blog.pageType == "item"'>
    <div class='post-footer-line-1'>
      <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 != "true"'/>
          </b:loop>
        </b:if>
      </span>



    <b:if cond='data:post.sharePostUrl'>
        <div class='post-share-buttons'>
            <b:include data='post' name='shareButtons'/>
        </div>
    </b:if>

</div>
    <div class='post-footer-line-2'>
      <span class='post-backlinks post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.showBacklinks'>
            <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
          </b:if>
        </b:if>
      </span>
      <span class='post-icons'>
        <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>
        <b:include data='post' name='postQuickEdit'/>
      </span>



    <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> </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 post-footer-line-3'/>
<div class='clear'/>
</b:if>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "archive"'>
    <p class='pagetitle'>Archive for <data:blog.pageName/></p>
</b:if>
<b:if cond='data:navMessage'>
    <p class='pagetitle'><data:navMessage/></p>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div id='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' frameborder='0' height='410' id='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + 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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&laquo;</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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&raquo;</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='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + 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'>                  
<div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
      <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.labels'>
          <b:include data='post' name='post'/>
      <b:else/>
          <b:include data='post' name='post'/>
      </b:if>
      <b:if cond='data:blog.pageType == "item"'>   
          <div class='pager'>
              <b:include name='nextprev'/>
          </div>
      </b:if>
      <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
          <data:adEnd/>
          <data:adCode/>
          <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>   
     <div class='pager'>
        <b:include name='nextprev'/>
     </div>
</b:if>
<b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      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='"item-control " + data:comment.adminClass'>
    <a 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 != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
    <b:else/> 
    <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='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)'>&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 != "item"'>
        <b:if cond='data:blog.pageType != "static_page"'>
          <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'>
<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='mask'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>1 comment
          <b:else/>
          <b:if cond='data:post.numComments == 0'>
          <b:else/>
            <data:post.numComments/> comments
          </b:if>
          </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>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <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>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + data:comment.authorClass' 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>
            <span class='comment-timestamp'> :
              <small><a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/></small>
            </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>
        </b:loop>
      </dl>

      <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>
           
          <data:post.commentRangeText/>
           
          <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 + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>

</div>
</div>
<div class='clear'/>

<div id='footer-wrapper'>
<div id='footer'>
    <div class='footcol' id='fcol1'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<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='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <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='"label-size label-size-" + 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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == "rtl"'>
          ◄ 
        <b:else/>
          ► 
        </b:if>
      </span>
    </a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
    </div>

    <div class='footcol' id='fcol2'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label3' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <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='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
    </div>

    <div class='footcol' id='fcol3'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
    </div>
    <div class='clear'/>
</div>
</div>

<div id='credit-wrapper'>
<div id='credit'>
    <span class='cleft'>
    <p><a expr:href='data:blog.homepageUrl' title='Back to Home page'>HOME</a> | <a href='YOURABOUTPAGE'>ABOUT</a>
    </p>
    </span>
    <span class='cright'>
    <p>Copyright © 2011 <a expr:href='data:blog.homepageUrl' title='All Rights Reserved'> <data:blog.title/></a> |

       
       Powered by <a href='http://www.blogger.com/' title='Sign in to Blogger'>BLOGGER</a> | Template by <a href='http://fiveforblogger.blogspot.com' title='Visit to download this free template'>54BLOGGER</a>
    </p>
    </span>
    <div class='clear'/>
</div>
</div>

</body>
</html>

Info Penting

Pages

Selasa, 24 April 2012

Kode Template: Pic Foto Plate

Artikel Terkait:

0 komentar:

Posting Komentar

Info Penting !!!

Info Penting

Label

Buku Tamu

Followers

Berita Blog

Tentang Ane

Berita Terbaru

****************

Blogger news

Arsip Blog

Popular Posts

***************