template zoom 01

Diposting oleh anyail dehbedeh beih

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html dir='ltr' lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/></title>
</b:if>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name Template      : Main dynamic Blogger Template
Designer & Author  : Convert template
URL                : http://www.freetemplatetigefa.info/

License            : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

#navbar-iframe, .date-header, .jump-link, .status-msg-wrap{
  display:none!important;
}

#searchsubmit,widget-item-control,.icon-action,#blog-pager div,#skiplinks,.widget-item-control,#navbar{display:none}
.BlogArchive #ArchiveList ul li{padding-left:0;text-indent:0;line-height:1.1}
.toggle span{font-size:10px;color:#093C78}
@media screen {
*{margin:0;padding:0}html{overflow-y:scroll}a img{border:0;background:none}img{vertical-align:middle}.clear{clear:both}body{background:#f0eceb url(http://3.bp.blogspot.com/-qvkkNjvrF9I/TpK_07l2SHI/AAAAAAAAAEI/hzu-tEURZyE/s1600/dot.gif);color:#222;font:13px/1.6 arial, serif}a{text-decoration:none;outline:none;color:#DF3A00}pre{background:rgba(246,228,216,0.5);border:1px solid #fff;clear:both;font-family:Consolas,Monaco,"Courier New",Courier,monospace;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;padding:10px 20px}blockquote{margin-left:20px;background:rgba(246,228,216,0.5);border:1px solid #fff;border-left:2px solid #f60;padding:10px 20px}h1,h2,h3,h4{font-family:PT Sans Narrow;line-height:1.2;font-weight:400}h2{font-size:28px}h3{font-size:20px}h4{font-size:16px}p,dd{margin:0 0 15px}li{margin:0 0 5px}#top{background:#f60;border-bottom:1px solid #fff;height:40px;letter-spacing:.5px;min-width:960px;position:relative;padding:0 10px}#logo{float:left;font-size:23px;margin-right:10px;padding:6px 10px}#logo a{font-family:Lobster, arial, serif;color:#fff;text-shadow:0 1px 1px #AF4600}.PageList{height:40px;font-family:calibri,arial,sans-serif;font-size:14px;float:left;width:450px;overflow:hidden}.crosscol .PageList li{margin:0}.PageList li a{color:#fff;display:block;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 1px #AF4600;margin:0 2px;padding:10px 8px}.PageList li.selected a{background:#F6E4D8;color:#DF3A00!important;text-shadow:1px 1px 1px #fff}#searchform{position:absolute;right:140px;width:175px}#s{background:#fa6502;border:1px solid #ff8737;color:#fff;width:165px;margin:7px 0 0;padding:3px 5px}#subscribe{position:absolute;right:15px;width:105px;z-index:9;margin:7px 5px 0}#subscribe img{cursor:pointer}#subscribe ul{display:none;background:#F6E4D8;margin-top:8px;padding-top:5px;border:1px solid #fff}#subscribe ul li{list-style:none;font-size:10px}#subscribe ul li a{display:block;line-height:1.2;padding:3px 8px}#subscribe ul li a:hover{background:#D8DDE3}#content-wrapper{width:960px;margin:20px auto}#main-wrapper{float:left;overflow:hidden;width:630px;word-wrap:break-word}#sidebar-wrapper{float:right;overflow:hidden;width:310px;word-wrap:break-word}.post h2{margin-bottom:10px;line-height:1}.post h2 a:active{position:relative;top:1px}.post ul,.post ol{margin-left:40px}.post-header,.post-footer{color:#616161;font:10px Verdana, Sans-serif;letter-spacing:.02em;text-transform:uppercase}.post-header{background:url(http://lh3.ggpht.com/_dfnTVAxeWMI/S_3v-jHbURI/AAAAAAAADcg/Jm6lklciOcU/s800/list.gif) 0 bottom repeat-x;line-height:1.4em;padding-bottom:7px;margin-bottom:15px}.post-comment-link{position:absolute;right:20px}.post-body{overflow:hidden;margin-bottom:15px}.post-body h3{color:#093c78;margin-bottom:8px;padding-bottom:2px;border-bottom:1px solid #EFEBE9}.post-body img{background:#fff;border:1px solid #ddd;padding:1px}.post-footer{background:rgba(216,221,227,0.7);border:1px solid #fff;display:block;height:12px;margin-bottom:5px;padding:6px 10px}.jump-link{font-size:10px;font-weight:700;margin-top:1px;position:absolute;right:20px;text-align:center;width:165px}.jump-link a{background:rgba(246,228,216,0.7);border-right:1px solid #fff;display:block;height:24px;letter-spacing:.1em;line-height:2.3em;text-transform:uppercase;padding:0 10px}#middle h3{color:#093C78;margin-bottom:10px}#related-posts{float:left;width:400px}#related-posts ol{margin:0 0 0 30px}#shareit{float:right;width:160px;background:rgba(246,228,216,0.5);border:1px solid #fff;padding:10px}#shareit li{display:block;list-style:none;font-size:11px;padding:2px 0 0}#shareit li.stumbleupon{background:url(http://lh5.ggpht.com/_dfnTVAxeWMI/TAMvLHxdSwI/AAAAAAAADeU/frP3RWfgdW8/stumbleupon.png) no-repeat left center;padding-left:22px}#shareit li.facebook{background:url(http://lh6.ggpht.com/_dfnTVAxeWMI/TAMtSut4k8I/AAAAAAAADd4/3Ud0WNdlmCo/facebook.png) no-repeat left center;padding-left:22px}#shareit li.delicious{background:url(http://lh5.ggpht.com/_dfnTVAxeWMI/TAMya_jq76I/AAAAAAAADe0/oFQYjSEedRw/1delicious.png) no-repeat left center;padding-left:22px}#shareit li.twitter{background:url(http://lh3.ggpht.com/_dfnTVAxeWMI/TAMuFJePB1I/AAAAAAAADeE/HOQbzHtt7v4/twitter.png) no-repeat left center;padding-left:22px}#shareit li.digg{background:url(http://lh3.ggpht.com/_dfnTVAxeWMI/TAMuimHhG5I/AAAAAAAADeI/P852XLdKUQQ/Digg.png) no-repeat left center;padding-left:22px}.comments{background:rgba(255,255,255,0.4);border:1px solid #fff;clear:both;position:relative;margin:0 0 20px;padding:10px 20px}.comments h3{background:url(http://lh3.ggpht.com/_dfnTVAxeWMI/S_3v-jHbURI/AAAAAAAADcg/Jm6lklciOcU/list.gif) 0 bottom repeat-x;color:#093c78;padding-bottom:5px;margin:5px 0}.comments li{border-bottom:1px solid #EFEBE9}.comment-author{font-weight:700}.comment-timestamp{font:10px Verdana, Sans-serif;letter-spacing:.02em;text-transform:uppercase}#comments-block .avatar-image-container{left:auto;right:0;background:#fff;border:1px solid #ddd;margin-top:-10px;padding:1px}#comments-block.avatar-comment-indent{margin-left:30px}.comment-body{margin:20px 0}#comment-post-message{margin:20px 0 10px;padding:3px 10px}#comment-post-message:after{content:' (Click Here to Open)'}#comment-post-message.active:after{content:' (Click Here to Close)'}.leave{text-align:right}.comments h3 span{font-size:14px;color:#666}.sidebar .widget{background:rgba(255,255,255,0.4);border:1px solid #fff;margin-bottom:20px;padding:10px 15px 20px}.sidebar h2{background:url(http://lh3.ggpht.com/_dfnTVAxeWMI/S_3v-jHbURI/AAAAAAAADcg/Jm6lklciOcU/list.gif) 0 bottom repeat-x;color:#093c78;font-size:21px;padding-bottom:5px;margin:0 0 5px}.sidebar li{list-style:none;border-bottom:1px solid #EFEBE9;padding:3px 0}.BlogArchive select{margin-top:10px;width:100%;background:#fff;border:2px inset #fff;padding:4px}.sidebar .Label li{float:left;width:129px;margin:5px}.sidebar .Label li a{display:block}#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}#blog-pager{background:rgba(255,255,255,0.4);border:1px solid #fff;display:block;height:30px;position:relative;text-align:center;top:-21px;padding:20px}#blog-pager span{margin:2px}#blog-pager .showpageOf,#blog-pager span a{color:#093C78;background:rgba(216,221,227,0.7);border:1px solid #fff;padding:5px 10px}#blog-pager span a:hover{background:rgba(246,228,216,0.7);color:#C22400}#blog-pager span.showpagePoint{background:#F6E4D8;color:#C22400;padding:5px 10px}.box{background:rgba(255,255,255,0.4);border:1px solid #fff;margin-bottom:20px;padding:10px 15px 15px}#ads{padding-top:5px}#ads li{background:rgba(255,255,255,0.4);border:1px solid #fff;width:125px;height:125px;float:left;list-style:none;margin:5px;padding:1px}#footer{position:relative;background:#093c78;border-top:1px solid #fff;clear:both;color:#fff;font-family:arial,sans-serif;font-size:10px;height:40px;letter-spacing:.5px;text-shadow:0 1px 1px #00224b;text-transform:uppercase;width:min-width:960px;padding:0 20px}#footer a{color:#fff}#footer ul{float:left;padding-top:12px;width:50%}#footer ul li{float:left;list-style:none;margin-right:10px}#footer p{float:right;text-align:right;padding-top:12px;width:30%;margin:0}table{border-collapse:collapse;border:1px solid #ddd}td,th{border:1px dotted #ddd;padding:.5em}caption{text-align:left;font-weight:700;text-transform:uppercase;padding:0 0 .5em}tbody th{white-space:nowrap}a:hover,h2 a,h2 a:visited{color:#093c78}::selection,::-moz-selection{background:#F6E4D8;color:#222}h2 a:hover,a.comment-timestamp:hover{color:#C22400}#logo a:hover,.PageList li a:hover{color:#002754;text-shadow:1px 1px 1px #ff9249}.post,#middle{background:rgba(255,255,255,0.4);border:1px solid #fff;position:relative;margin:0 0 20px;padding:10px 20px}.post-footer a,a.comment-timestamp{color:#093C78}.post-footer a:hover,#footer a:hover{color:#DF3A00}.profile-img{margin:0 10px 5px 0}
a.maintop{background:#FF6600;width:25px;height:25px;display:block;left:48%;line-height:23px;position:absolute;text-align: center;top:-10px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
#ads a img{display:block;width:125px;height:125px}
}/* end media screen */
@media print {
body{font-family:arial;font-size:12px;line-height:18px;letter-spacing:0.5px}
a{color:#093C78;text-decoration:none}
#comment-form,#middle,.leave,.comment-form,.avatar-image-container,.item-control img,.comment-link,.post-footer,#footer,#blog-pager,#top,#sidebar-wrapper{display:none}
.post-header{margin-bottom:10px}
}
]]></b:skin>

<!--[if IE 6]> <style type='text/css'> #comments-block .avatar-image-container{right:20px} #related-posts{width:390px} </style> <![endif]-->
<!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]-->
<script type='text/javascript'>
/*!
 * Script by SimplexDesign
 * http://simplexdesign.blogspot.com/
*/

imgr = new Array();

imgr[0] = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ-OvkYyFR8AWdGLVwAPkzGhQXqZsbpwG-8vd8FWk4WfjnAo1-pSDhLPCeREj15Z05N2WylsZLDUazxkDGoY72hJ1ci4ETiXL3k6A3TgeeQEi8jK9FSSmXOvU7CkGLedqFZ0_Tp95IQT5n/s1600/no-thumbnail.png&quot;;

showRandomImg = true;

aBold = true;

summaryPost = 110;
summaryTitle = 25;

numposts1 = 5;

function removeHtmlTag(strx,chop){
    var s = strx.split(&quot;&lt;&quot;);
    for(var i=0;i&lt;s.length;i++){
        if(s[i].indexOf(&quot;&gt;&quot;)!=-1){
            s[i] = s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length);
        }
    }
    s =  s.join(&quot;&quot;);
    s = s.substring(0,chop-1);
    return s;
}

function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
     document.write(&#39;&lt;div class=&quot;recentCol&quot;&gt;&#39;);
     if (numposts1 &lt;= json.feed.entry.length) {
        maxpost = numposts1;
        }
    else
       {
       maxpost=json.feed.entry.length;
       }   
      for (var i = 0; i &lt; maxpost; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k &lt; entry.link.length; k++) {
              if (entry.link[k].rel == &#39;alternate&#39;) {
                posturl = entry.link[k].href;
                break;
              }
        }
       
        for (var k = 0; k &lt; entry.link.length; k++) {
              if (entry.link[k].rel == &#39;replies&#39; &amp;&amp; entry.link[k].type == &#39;text/html&#39;) {
                pcm = entry.link[k].title.split(&quot; &quot;)[0];
                break;
              }
        }
       
        if (&quot;content&quot; in entry) {
              var postcontent = entry.content.$t;}
        else
        if (&quot;summary&quot; in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = &quot;&quot;;
       
        postdate = entry.published.$t;
   
    if(j&gt;imgr.length-1) j=0;
    img[i] = imgr[j];
   
    s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;

    //cmtext = (text != &#39;no&#39;) ? &#39;&lt;i&gt;&lt;font color=&quot;&#39;+acolor+&#39;&quot;&gt;(&#39;+pcm+&#39; &#39;+text+&#39;)&lt;/font&gt;&lt;/i&gt;&#39; : &#39;&#39;;


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = [&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];

    var day = postdate.split(&quot;-&quot;)[2].substring(0,2);
    var m = postdate.split(&quot;-&quot;)[1];
    var y = postdate.split(&quot;-&quot;)[0];

    for(var u2=0;u2&lt;month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ &#39; &#39; + m + &#39; &#39; + y ;
    pcm=pcm+&#39; comments&#39;;
   
    var trtd = &#39;&lt;a href=&quot;&#39;+posturl+&#39;&quot; class=&quot;recentNews&quot;&gt;&#39;+posttitle+&#39;&lt;/a&gt;&#39;;
    document.write(trtd);
            
              j++;
    }

    document.write(&#39; &lt;/div&gt;&#39;);

}

</script>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("← " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " →");//rgt
});
});
//]]>
</script>
</b:if>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 500;
summary_img = 400;
img_thumb_width = 150;
img_thumb_height = 130;
</script>
<script type='text/javascript'>
//<![CDATA[

/******************************************
Auto-readmore link script, version 2.0 (for blogspot)(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
Modified by KellyStudio (http://kellystudio.blogspot.com/)
********************************************/
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, pURL, pTITLE)
{
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if (img.length >= 1)
    {
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="' + img[0].src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>';
        summ = summary_img
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML, summ) + '</div>';
    div.innerHTML = summary
}

//]]>
</script>
<style> #related-posts { float : left; width : 300px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9oMNDtirCwuXRWsaifzCDoPZKnHqXAOta1nl6GFgbURqLEErUB_RCC3nbXs7KOZ1mgWWf6jYf75P4fzSMZNaaaXV4CulhGZSUdAZ0cF7iwbmrgHfhQWe2J10loaIHjKQtYRkVOItf4I0/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style>
<script src='http://code-tigefa.googlecode.com/files/related-posts-widget.js' type='text/javascript'/>
</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='top'>
<h1 id='logo'><a href='/'>Main Dynamic</a></h1>
        <b:section class='crosscol section' id='crosscol' maxwidgets='1'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

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

      <div id='subscribe'>
<img alt='Subscribe' height='25' src='http://lh5.ggpht.com/_dfnTVAxeWMI/TAXrl0TAWLI/AAAAAAAADfU/p38F-FI9ETs/subc.gif' width='104'/>
<ul>
<li><a class='fullrss' href='#'>Posts RSS</a></li>
<li><a class='mailrss' href='#'>Subscribe by Email</a></li>
<li><a class='twitrss' href='#'>Twitter</a></li>

<li><a class='facerss lastone' href='#'>Facebook</a></li>
</ul>
</div>
<form action='/search' id='searchform' method='get'>
<input id='s' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;search ...&quot;;}' onfocus='if (this.value == &quot;search ...&quot;) {this.value = &quot;&quot;}' type='text' value='search ...'/>
<input id='searchsubmit' name='go' type='submit' value='Go'/>
</form>
     </div>

        <div id='content-wrapper'>
        <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data: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>

    <div class='post-header'>
    <div class='post-desc'>
      <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 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
           </span>
      <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
      </div>

      <div class='post-labels'>
        <b:if cond='data:post.labels'>
          <p>Categories :</p>
          <p><b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?&amp;max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> . </b:if>
          </b:loop></p>
        </b:if>
      </div>

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

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><a class='readmore' expr:href='data:post.url'>Read more...</a>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<section id='middle'>
<div id='related-posts'>
<h3>Related Post</h3>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#fff'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>

<div id='shareit'>
<h3>Share this Article</h3>
<ul>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this on del.icio.us'>Share on Delicius</a></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this on Facebook'>Share on facebook</a></li>
<li class='twitter'><a expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@sugeng_kers)&quot;' rel='nofollow' target='_blank' title='Tweet This!'>Sahre on twitter</a></li>
<li class='digg'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Digg this!'>Share on Digg</a></li>
<li class='stumbleupon'><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share it on StumbleUpon'>Share on stumbleupon</a></li>
</ul>
</div>
</section>
</b:if>
</b:if>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

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


 <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

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

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

      </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 id='comment-form'>
<div id='respond'>
<a name='comment-form'/>
    <b:if cond='data:mobile'>
<h3>Leave a Reply</h3>
<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='' style='display: none' width='100%'/>
    <b:else/>
<h3>Leave a Reply</h3>
      <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='240' id='comment-editor' name='comment-editor' src='' width='103%'/>
    </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>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

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

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

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'><span><data:post.dateHeader/></span></div>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

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

          <div class='post-header'>
            <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'>
                  <data:top.authorLabel/>
                  <span class='fn'><data:post.author/></span>
                </b:if>
              </span>

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

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

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>

  <b:if cond='data:mobileindex'>
    <!-- mobile index -->
    <div class='blog-posts hfeed'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;
        </b:if>
        &lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
        <b:include data='post' name='mobile-index-post'/>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;
      </b:if>
    </div>
  <b:else/>

    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <div class='date-header'><span><data:post.dateHeader/></span></div>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <b:if cond='data:mobile == &quot;false&quot;'>
            <div class='inline-ad'>
              <data:adCode/>
            </div>
          </b:if>
          <data:adStart/>
        </b:if>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
  </b:if>

  <!-- navigation -->
  <b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>

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

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

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

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
<b:includable id='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='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='clear'/>
<div id='commentsbox'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
One Response so far.
<b:else/>
<data:post.numComments/> Responses so far.
</b:if>
</h3>
</b:if>

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

<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<li class='comment odd'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
<b:else/>
<li class='comment even'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
</b:if>
</b:loop>
</ol>

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

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

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

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

       </div>
 <div id='sidebar box'>
<aside id='sidebar-wrapper'>
<div class='box'>
<ul id='ads'>
<li><a href='http://www.freetemplatetigefa.info'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA8ZwuErG0u3keOoytLYnGDv6XYJ9q9DX75Zubap6itO-XiqNGS0ARLwgqvqwOvxJSQEOwADAohBe4ITMvhWcxjP6t5eqg_xMCAg6AkH0MXJG0L6XCC4Qo2xQyvKtE730qFa-kMr-RMNn7/s400/blogTigefa.gif'/></a></li>
<li><a href='/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
<li><a href='/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
<li><a href='http://www.freetemplatetigefa.info'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA8ZwuErG0u3keOoytLYnGDv6XYJ9q9DX75Zubap6itO-XiqNGS0ARLwgqvqwOvxJSQEOwADAohBe4ITMvhWcxjP6t5eqg_xMCAg6AkH0MXJG0L6XCC4Qo2xQyvKtE730qFa-kMr-RMNn7/s400/blogTigefa.gif'/></a></li>
</ul>
<div class='clear'/>
</div>
<!-- end recent -->
        <b:section class='sidebar' id='sidebar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Recent Comments' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

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

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

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link' expr:href='data:userUrl' rel='author'>
            <data:displayname/>
          </a>
        </dt>

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

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

     <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/></aside>

          <div class='sidebar box'>

            <b:section class='sidebar' id='sidebar1' preferred='yes'/>

            <b:section class='tabdiv' id='label' preferred='yes'/>
         </div>

<div class='clear'/>

        <b:section class='sidebar' id='sidebar4' preferred='yes'/>
</div>

<div class='clear'/>

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

<footer id='footer'>

<nav>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='/'>Contact</a></li>
<li><a href='/'>About</a></li> |
<li>Convert bay <a href='http://www.freetemplatetigefa.info/'>freetemplatetigefa.info</a></li>
</ul>
</nav>
<p>&#169; 2011 - <a href='/'>Main Dynamic</a> | Powered: <a href='http://blogger.com'>Blogger</a></p>

<a class='maintop' href='#top'><img alt='' src='http://2.bp.blogspot.com/-KdxGmQgXWBo/TsZb9xcKx0I/AAAAAAAAAFo/McdgTz1dIRw/top.gif'/></a>
</footer>

<script type='text/javascript'>
$(document).ready(function(){
    //Hide (Collapse) the toggle containers on load
    $(&quot;#show&quot;).hide();
    //Switch the &quot;Open&quot; and &quot;Close&quot; state per click then slide up/down (depending on open/close state)
    $(&quot;#comment-post-message&quot;).click(function(){
    $(this).toggleClass(&quot;active&quot;).next().toggle(&quot;slow&quot;);
    });
});

var IE7_PNG_SUFFIX = &quot;.png&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
$(function(){$('a[href*="#"]').click(function(){if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')&&location.hostname==this.hostname){var $target=$(this.hash);$target=$target.length&&$target||$('[name='+this.hash.slice(1)+']');if($target.length){var targetOffset=$target.offset().top;$('html,body').animate({scrollTop:targetOffset},1000);return false}}})});

jQuery(document).ready(function () {
    jQuery('#subscribe img').click(function () {
    jQuery('#subscribe ul').slideToggle('medium');
    });
});

//]]>
</script>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;widgetJsBefore&#39;);
</script>

</body>
</html>
Label: ,