News Template DZO Edited ~ Template Blogger Selected

FRONT PAGE

CLICK COPY AND PASTE THIS CODE TO YOUR BLOGGER EDIT HTML PAGE, GOOD LUCK !

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' 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='0273b9d5d7a72fe2' name='y_key'/>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
    <meta content='width=1100' name='viewport'/>
    <meta content='Pusat Download Aneka Software dan Koleksi Gratis, software unik, software portable, software mini, download aplikasi android, download apk android ' name='description'/>
    <meta content='diZoo' name='author'/>
    <meta content='never' name='Expires'/>
    <meta content='INDEX,FOLLOW' name='Robots'/>
    <meta content='follow, all' name='googlebot'/>
    <meta content='2 Days' name='Revisit-after'/>
    <meta content='global' name='distribution'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='true' name='MSSmartTagsPreventParsing'/>
    <meta content='general' name='rating'/>
    <meta content='blogger' name='generator'/>
    <meta content='ID, indonesia' name='geo.country'/>
    <meta content='ID' name='geo.position'/>
    <meta content='Indonesia' name='geo.placename'/>
    <meta content='3792ba9e3e7969bb' name='y_key'/>
    <meta content='-dVGyAGg6UZaL_AgJZjlt_3LlQilAK4tuyV3wInrlzk' name='google-site-verification'/>
    <meta content='ALL' name='SPIDERS'/>
    <meta content='ALL' name='WEBCRAWLERS'/>
    <meta content='global' name='target'/>
    <meta content='886c9720b1213f9d' name='y_key'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='diZoo Software Free Download' itemprop='name'/>
    <meta expr:content='data:blog.pageTitle + ",Download gratis, tips dan trik, download,software, android, apk, mp3, gadget, template,koleksi, scripts"' name='keywords'/>
    <meta expr:content='data:blog.pageName + ",Download gratis, tips dan trik, download,software, android, apk, mp3, gadget, template,koleksi, scripts "' name='keywords'/>
    <b:include data='blog' name='all-head-content'/>
    <title>
      <data:blog.pageTitle/>
    </title>
    <b:skin><![CDATA[
      
/* ----------------------------------------------------------
Blogger Template Style
Name: Xclear
Designer: Daris4
URL: http://www.daris4.info
Bloggerized by: http://www.themescook.com
Date: August 2009
Last Updated: Aug 20 2005:27
Thanks to: famfamfam.com for icons, photobucket.com for imagehosting
---------------------------------------------------------- */
/* Variable definitions
========================
<variable type="font" name="pagefont" default="normal normal 100% trebuchet, arial, verdana, sans-serif" description="General Font Properties" value="normal normal 100% trebuchet, arial, verdana, sans-serif">
<variable type="color" name="pagefontcolor" default="#444444" description="Page Font Color" value="#444444">
<variable type="color" name="pagelinkcolor" default="#16387C" description="Page Link Color" value="#16387C">
<variable type="color" name="pagelinkcolorhover" default="#990000" description="Page Link Hover Color" value="#990000">
<variable type="color" name="mainbarbgcolor" default="#ffffff" description="Mainbar Background Color" value="#ffffff">
<variable type="font" name="headertitlefont" default="normal bold 100% trebuchet, arial, verdana, sans-serif" description="Header Title Font Properties" value="normal bold 100% trebuchet, arial, verdana, sans-serif">
<variable type="color" name="headertitlecolor" default="#cc0000" description="Header Title Color" value="#cc0000">
<variable type="color" name="headerdescrcolor" default="#222222" description="Header Description Color" value="#222222">
<variable type="color" name="menubarbgcolor" default="#bbbbbb" description="Menu Bar Background Color" value="#bbbbbb">
<variable type="color" name="menubarbdcolor" default="#cccccc" description="Menu Bar Border Color" value="#cccccc">
<variable type="color" name="menufontcolor" default="#222222" description="Menu Font Color" value="#222222">
<variable type="color" name="menufontcolorhover" default="#0066CC" description="Menu Font Hover Color" value="#0066CC">
<variable type="color" name="searchbgcolor" default="#ffffff" description="Search Form Background Color" value="#ffffff">
<variable type="color" name="searchbdcolor" default="#999999" description="Search Form Border Color" value="#999999">
<variable type="color" name="widgettitlebgcolor" default="#ffffff" description="Widget Title Background Color" value="#ffffff">
<variable type="color" name="widgettitlebdcolor" default="#dddddd" description="Widget Title Border Color" value="#dddddd">
<variable type="color" name="widgettitlecolor" default="#cc0000" description="Widget Title Color" value="#cc0000">
<variable type="color" name="widgetbdcolor" default="#ffffff" description="Widget Border Color" value="#ffffff">
<variable type="color" name="widgetbgcolor" default="#ffffff" description="Widget Background Color" value="#ffffff">
<variable type="color" name="widgettextcolor" default="#ee0000" description="Widget Text Color" value="#ee0000">
<variable type="color" name="posttitlecolor" default="#334964" description="Post Title Color" value="#334964">
<variable type="color" name="postheadercolor" default="#16387C" description="Post Header Text Color" value="#16387C">
<variable type="color" name="postfootercolor" default="#16387C" description="Post Footer Text Color" value="#16387C">
<variable type="color" name="boxbgcolor" default="#FDFCF2" description="Commnet and Blockquote Background Color" value="#FDFCF2">
<variable type="color" name="boxbdcolor" default="#cccccc" description="Commnet and Blockquote Border Color" value="#cccccc">
<variable type="color" name="copyrightcolor" default="#444444" description="Copyright Text Color" value="#444444">
<variable type="color" name="footbarbdcolor" default="#cccccc" description="Footbar Border Color" value="#cccccc">
<variable type="color" name="footbarbgcolor" default="#F2F8FD" description="Footbar Background Color" value="#F2F8FD">
*/
body { margin:0; padding:2; background:#ffffff; font-family:verdana,arial; text-align:center; font-size:12px }
a, a:visited { padding:0; margin:0; color:$pagelinkcolor; text-decoration:none } 
a:hover { background:#B1EFE2;text-decoration:underline; color:$pagelinkcolorhover}
a img { border-width:0 }
ul,ol { margin:0; padding:0 }
li { margin:0; padding:1px 0 }
div { margin:0; padding:0 }
.clear { clear:both; padding: 0; margin: 0; width:1px; height:1px }
.readmore { float:right }
#navbar-iframe { height:0px; visibility:hidden; display:none }
h2 {  background-color:transparent; background-image:none; }
.widget { background-color:transparent; background-image:none;  }
.widget-content{ background-color:transparent; background-image:none;  }
/*  -------------- * WRAPPER LAYOUT *  ------------------- */
#outer-wrapper { margin:0 auto; width:980px; text-align:left; font:$pagefont; color:$pagefontcolor }
#header-wrapper { height:70px; width:980px; padding-top:20px }
#header-inner { float:left }
#header-left { float:left; width:420px; height:60px; padding-left:10px }
#header-right {float:right; width:540px; height:60px; text-align:right }
#header-right h2 { background-color:transparent; background-image:none; border:0 }
#header-right .widget { background-color:transparent; background-image:none; border:0 }
#content-wrapper { clear:both; margin-top:5px; background:#fff; border:1px solid #fff  }
#content-pad { margin:0 6px 0 5px } 
#main-wrapper { float:left; padding:12; width:620px; word-wrap: break-word; overflow: hidden; background:$mainbarbgcolor }
#main-left { float:left; width:200px }
#main-right { float:right; width:409px }
#sidebar-wrapper {
padding:0 0 10px 0; float:right; width:336px; 
word-wrap:break-word; overflow:hidden; /* fix for long text & non-text content breaking sidebar float in IE */ 
}
#top-sidebar-wrapper {}
#left-sidebar-wrapper { width:163px; float:left }
#right-sidebar-wrapper { width:163px; float:right }
#footer-wrapper { margin:0 auto; width:980px; background:#fff }
#footer { text-align:center }
#footbar { margin-top:15px; padding:7px; background:$footbarbgcolor; border:1px solid $footbarbdcolor}
#footbar-a { float:left; width:310px }
#footbar-b { float:left; margin-left:17px; width:310px }
#footbar-c { float:right; width:310px }
#footbar .widget { background:none }
#footbar .widget h2 { background-color:transparent;  }
#footbar .widget-content { background:transparent }
#c { height:40px; padding:15px; font-size:11px; color:$copyrightcolor }
#c a { color:$copyrightcolor; text-decoration:none}
#cleft {float:left; width:460px }
#cright {float:right; width:470px; text-align:right }
/*  -------------- * HEADER *  ------------------- */
#header { text-align:left; color:#060; padding:0 }
#header img { margin:0; padding:0; vertical-align:text-bottom }
#header h1 { margin:0; padding:0; font-size:26px }
#header a { font:$headertitlefont; color:$headertitlecolor; text-decoration:none; letter-spacing:-1px }
#header .description { margin:3px 0; padding:0; font-weight:normal; max-width:900px; font-size:14px; color:$headerdescrcolor  }
/*  -------------- * SIDEBAR & WIDGET *  ------------------- */
.sidebar { }
.sidebar .widget { margin:0 0 4px 0; padding:0 0 6px 0; border:1px solid $widgetbdcolor; background:$widgetbgcolor } 
.widget h2 { margin:0; padding:5px 0 5px 6px; text-transform:uppercase; font-size:12px; font-weight: bold; 
background:$widgettitlebgcolor; color:$widgettitlecolor; border-bottom:1px solid $widgettitlebdcolor }
.widget-content { margin:0; padding:4px 6px 6px 6px }
.main { }
.widget-content ul { list-style-type:none }
.widget-content li { border:0; padding:3px 0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7bHLiiR3eTlx28tqYmhxcdwYnGQE4ztUQ-4OwxycRz5bEgS2jNYHyHRcm3I2_D0s8-9vTrXgGwGEw0tbElwivb24geTOemq6u33l8TcRspYTHfeCRcwvM0pg_Cw2ce96jFforMuSFMXE/s1600/border_h.gif) repeat-x left bottom }
.Label li, .LinkList li {  }
.Label li a, .LinkList li a { padding-left:13px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FLalQlccM3OjWwAjaPauCLhcoveJ39t9UfJe8y4VCXTHgRUfxHCr3DHfJn-zf-dB7jBd0DVq_WEs8Utef7k0rzklth6YTHgYaQ8wuwdz-XC0cuJj_zf2wVMUww6NFZSbcOCrxpA2sH0/s1600/bullet_star.png) no-repeat -4px -1px }
/*  -------------- * MENU & SEARCH*  ------------------- */
#menu-bar { padding:6px 20px 0 4px; height:28px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheKkNmqyntROnQ51cB_2DSLo5MY50YBKbJlGnUVRHNqjn-SJLPQQWoELpM4MfSydMM4Y4lLbK7a_HjJGA6_bBxge8Q_4aOwSOo5Bmib_rJQlUravb4eG3vlbMCyJ4Ui_s_nWwlXAASgX8/s1600/b0blue.gif) repeat-x; border:1px solid $menubarbdcolor  }
#menu-bar .widget-content { margin:0; padding:0 }
#bar { clear:both }
.menu { width:500px; float:left; margin-top:3px }
.menu ul { float:left }
.menu li {float:left; padding:0; list-style:none; background-color:transparant; background-image:none }
.menu a { padding:0 10px; height:30px; font-size:12px; font-weight:bold; color:$menufontcolor;
background-color:transparant; background-image:none }
.menu a:hover { background:#EAFBF7;color:$menufontcolorhover; text-decoration:none }
.search { width:440px; float:right }
.search form { margin:0; padding:0; float:right }
.search .s{ height:18px; border:1px solid $searchbdcolor; 
background:$searchbgcolor url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYRthnNM23860hj3RT4cXSXl3SIK4afXkwFgUVntwjIkufo__uNZKgiImowzq065-fyzkvaEiFvmEnigfwskUFKqqNxucHYQjuYMCUr7sFLt3R3wKrR_zsMvAQ249pWBzLXkcfyUvS78o/s1600/zoom.png) no-repeat 6px 2px; 
margin:0; padding-left:25px; color:$searchbdcolor }
.search ul { float:right; width:240px }
.search li {float:right; list-style:none; height:22px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_OVP9HhIQqBAHyIa6foe5mjW9uWqdirAOC1dijK2MePIljcWRGGYCGUtr8RgGMO6Itfr2AI6NxBrpCEeYtcQXUogzzKhjWNKgkTTx0nTKKLnySYzrbxw1vBRxpZvUImzMenZB3nwi0k/s1600/feed.png) no-repeat 5px 4px; padding:4px 0 0 27px; margin-left:5px }
.search a { text-decoration:normal; font-size:12px; font-weight:normal; color:$menufontcolor }
.search a:hover { color:$menufontcolorhover; text-decoration:none }
/*  -------------- * POSTS *  ------------------- */
.blog-posts { }
.blog-posts .date-header { margin:5px 0 0 0; padding:2; font-size:10px; font-weight:bold }
.post { margin:0; padding-bottom:1.5em }
.post h3 { font-size:14px; padding:12;margin:5px 0; font-weight:bold  }
.post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$posttitlecolor; font-weight:bold; }
.post h3 strong, .post h3 a:hover { background:#EAFBF7;text-decoration:underline }
.post-body { $pagefontcolor }
.post-body blockquote{ margin:.8em 0; padding:5px 0 5px 26px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnDKPYdJS66El3W0UZ0mLebaV6LG6C5pHjvSvYB1akByAtc64NEPmAGLRiXEA1cPYTli3SHYWolWa9B0vOc2ztXgcE0OIrtqsKgF0ySOx_z3IElX9vBH2R-wHWn6sbXK07abtxkDW1Ajg/s1600/blockquote.gif) no-repeat 2px 5px;  }
.post-body blockquote p { margin:0; padding:0 0 0 8px; border:1px solid #ddd; background:$boxbgcolor} 
/*.post-body code{ background:$boxbgcolor  } */
.post-body ul,ol {margin:0; padding:0 0 0 20px}
.post-body li { }
.post-body h2 { margin:0; padding:0; text-transform:none; font-size:18px; font-weight:normal; 
background:none; color:$pagefontcolor; border:0px }
.post-comment-link { } 
.post-author{ padding:2px 0 0 19px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOeB5PgCiZ-HWbCf9_-NTmkqyUL8BEY0eFPCD1tnPLA6kVypDbTcrszogRdfaCwcovB6NNKj202oIlkR1bQl7kQyuFJRcVKda09Y4nyRyuDuNkw-qGWEHtSmxuNijAAy_UJbcCmZiXx8/s1600/user.png) no-repeat }
.post-labels { padding:2px 6px 0 19px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipE7_RiZ9J7RO7zV5fGKvi9BDPcVEOchvs67_pN5GfBqHHkuqYSRXca8HlTufkv05kJaariYVxZh74xmV6deAhDSa0X8eHwX9WDULum5alyBy20oqPa6Buiz6AriqNkdrnYlIKrvej-wQ/s1600/tag_blue.png) no-repeat } 
.comment-link { padding:2px 6px 0 19px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI8qKyv3YofnF4B1A2hi387xCPx7dw-f7WI7XKrlDtEMr8Sc0_pDAXVTazzDUhB6P1J3lvxfZkD7wRDof4T51fJXA6oDvm5MSDjTS77b7fyAXgmMakYUWDfGoVfPfb_68hAn8yW6W7I1s/s1600/comment.png) no-repeat }
.post-timestamp { padding:0 6px 0 0 }
.post-header-line-1 { margin:5px 0; font-size:11px; text-transform:uppercase } 
.post-header-line-1 a { color:$postheadercolor } 
.post-footer { margin:5px 0; font-size:11px; text-transform:uppercase }
.post-footer a { color:$postfootercolor }
.post-footer-line { margin:0; padding:2px 0 }
.post img { margin:0; padding:3px; border:1px solid #aaa }
/*  -------------- * COMMENTS *  ------------------- */
#comments h4 { padding:0 6px 0 19px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU5iWsejDxd_4EhgYRcIsGR3bzi-KxingU61DPo8N43TzgPCqfug-8QsxMZK9Xi8OoA2o-GdhB9yQ3oZUnG7gOcIQH6-3WomILDkDJD3zB7wuPSBCrTCB7tR-7yYFs2B6tIdz1V9Y7xFI/s1600/comment_edit.png) no-repeat; font-weight:bold; text-transform:uppercase; font-size:12px }
#comments-block { margin:0 }
#comments-block .comment-bg { }
#comments-block .comment-author { height:15px;  padding:5px 0 0 22px; font-weight:bold }
.comment-au1 { float:left }
.comment-au2 { float:right; text-align:right; font-size:10px; padding-top:2px}
#comments-block .comment-body { margin:0; padding:15px 10px 5px 10px;  
background:$boxbgcolor url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgctURCr0yPEQ-SAovzKd9Qoowyl2WZzycJgQ1_nHdR4Dc0JL2t084SZAJe0SspP7dfxnKadztM5n3TYstWse5OEHVZcZ6uC9ixarPWHL7D3Oq5nMJ2moGyhhxI2r8oxXCxEfZKSZXc9GE/s1600/comment-triangle2-1.gif) no-repeat left top;  }
#comments-block .comment-body p { margin:0 }
#comments-block .comment-footer { margin:0; text-transform:none; font-size:10px; border-top:1px solid #ddd }
.deleted-comment { font-style:italic; color:gray }
#blog-pager-newer-link { float: left } 
#blog-pager-older-link { float: right }
#blog-pager { text-align: center }
.feed-links { clear: both; line-height: 2.5em }
/*  -------------- * PROFILE *  ------------------- */
.profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border:1px solid #444 }
.profile-data { font-weight: bold }
.profile-datablock { margin:0 .5em }
.profile-textblock { margin:0.5em 0;  }
.profile-link { text-transform: uppercase; font-size:10px }
/*  -------------- * recent post label *  ------------------- */
img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
/* Rainbow Popular Post by http://hzndi.blogspot.com*/
#PopularPosts1 ul li a:hover{color:#000;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px;opacity:0.5}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#FEB3B8;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#E190E4 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
/* Rainbow Popular Post by http://hzndi.blogspot.com*/
/* CODE VIEW */
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #C4FBC1 url() no-repeat right bottom;
border-top : 1px solid #fff;
border-right : 1px solid #fff;
border-bottom : 1px solid #fff;
border-left : 1px solid #fff;
}
.codeview li {
font-size : 12 px;
line-height : 23px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #000;
font-weight : normal;
margin : 0;
padding : 0;
}

.button {
    display: inline-block;
    height: 27px;
    border: 2px solid #333;
    outline: 0;
    margin: 4px 6px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 13px;
    line-height: 27px;
    text-shadow: 1px 1px 1px #FFF;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 5px rgba(255, 255, 255, 0.2), 0 0 4px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 1px 1px 5px rgba(255, 255, 255, 0.2), 0 0 4px rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 5px rgba(255, 255, 255, 0.2), 0 0 4px rgba(255, 255, 255, 0.5);
    background-color: #e0e0e0;
    background-image: -webkit-linear-gradient(top, #f7edff, #b1b1b1);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7edff), color-stop(1, #b1b1b1));
    background-image: -moz-linear-gradient(top, #f7edff, #b1b1b1);
    background-image: -o-linear-gradient(top, #f7edff, #b1b1b1);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7edff, EndColorStr=#b1b1b1)";
    background-image: linear-gradient(top, #f7edff, #b1b1b1);
    -webkit-background-clip: padding;
    background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
    }
.button:link, .button:visited, .button:hover {
    color: #444;
    text-decoration: none
    }
.button:hover, .button:focus {
    background-image: -webkit-linear-gradient(top, #f5f5ff, #999);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5ff), color-stop(1, #999));
    background-image: -moz-linear-gradient(top, #f5f5ff, #999);
    background-image: -o-linear-gradient(top, #f5f5ff, #999);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5ff, EndColorStr=#999)";
    background-image: linear-gradient(top, #f5f5ff, #999);
    }
.button:active {
    position: relative;
    top: 1px;
    -webkit-box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.5);
    -moz-box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.5);
    box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.5)
    }
.big {
    font-size: 17px;
    height: 38px;
    line-height: 38px;
    padding-left: 23px;
    padding-right: 23px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }
.small {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #333;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
    }
.disabled {
    border-color: #CCC;
    background: #e0e0e0;
    color: #CCC;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70)
    }
.disabled:hover, .disabled:active, .disabled:focus {
    top: 0;
    background: #e0e0e0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }
.blue:link, .blue:visited, .red:link, .red:visited, .green:link, .green:visited, .orange:link, .orange:visited, .purple:link, .purple:visited, .black:link, .black:visited {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6)
    }
.blue {
    border-color: #003b80;
    background-color: #004ca3;
    background-image: -webkit-linear-gradient(top, #006ce8, #004ca3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #004ca3));
    background-image: -moz-linear-gradient(top, #006ce8, #004ca3);
    background-image: -o-linear-gradient(top, #006ce8, #004ca3);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#004ca3)";
    background-image: linear-gradient(top, #006ce8, #004ca3);
    }
.blue:hover, .blue:focus {
    background-color: #003b80;
    background-image: -webkit-linear-gradient(top, #006ce8, #003b80);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #003b80));
    background-image: -moz-linear-gradient(top, #006ce8, #003b80);
    background-image: -o-linear-gradient(top, #006ce8, #003b80);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#003b80)";
    background-image: linear-gradient(top, #006ce8, #003b80);
    }
.red {
    border-color: #b50000;
    background-color: #d00000;
    background-image: -webkit-linear-gradient(top, #F33, #d00000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #d00000));
    background-image: -moz-linear-gradient(top, #F33, #d00000);
    background-image: -o-linear-gradient(top, #F33, #d00000);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#d00000)";
    background-image: linear-gradient(top, #F33, #d00000);
    }
.red:hover, .red:focus {
    background-color: #b50000;
    background-image: -webkit-linear-gradient(top, #F33, #b50000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #b50000));
    background-image: -moz-linear-gradient(top, #F33, #b50000);
    background-image: -o-linear-gradient(top, #F33, #b50000);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#b50000)";
    background-image: linear-gradient(top, #F33, #b50000);
    }
.green {
    border-color: #279100;
    background-color: #2ead00;
    background-image: -webkit-linear-gradient(top, #3fed00, #2ead00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #2ead00));
    background-image: -moz-linear-gradient(top, #3fed00, #2ead00);
    background-image: -o-linear-gradient(top, #3fed00, #2ead00);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#2ead00)";
    background-image: linear-gradient(top, #3fed00, #2ead00);
    }
.green:hover, .green:focus {
    background-color: #279100;
    background-image: -webkit-linear-gradient(top, #3fed00, #279100);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #279100));
    background-image: -moz-linear-gradient(top, #3fed00, #279100);
    background-image: -o-linear-gradient(top, #3fed00, #279100);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#279100)";
    background-image: linear-gradient(top, #3fed00, #279100);
    }
.orange {
    border-color: #da7c0c;
    background-color: #faa51a;
    background-image: -webkit-linear-gradient(top, #faa51a, #f47a20);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #f47a20));
    background-image: -moz-linear-gradient(top, #faa51a, #f47a20);
    background-image: -o-linear-gradient(top, #faa51a, #f47a20);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#f47a20)";
    background-image: linear-gradient(top, #faa51a, #f47a20);
    }
.orange:hover, .orange:focus {
    background-color: #da7c0c;
    background-image: -webkit-linear-gradient(top, #faa51a, #da7c0c);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #da7c0c));
    background-image: -moz-linear-gradient(top, #faa51a, #da7c0c);
    background-image: -o-linear-gradient(top, #faa51a, #da7c0c);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#da7c0c)";
    background-image: linear-gradient(top, #faa51a, #da7c0c);
    }
.purple {
    border-color: #609;
    background-color: #ca00d1;
    background-image: -webkit-linear-gradient(top, #ca00d1, #aa00b0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #aa00b0));
    background-image: -moz-linear-gradient(top, #ca00d1, #aa00b0);
    background-image: -o-linear-gradient(top, #ca00d1, #aa00b0);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#aa00b0)";
    background-image: linear-gradient(top, #ca00d1, #aa00b0);
    }
.purple:hover, .purple:focus {
    background-color: #609;
    background-image: -webkit-linear-gradient(top, #ca00d1, #609);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #609));
    background-image: -moz-linear-gradient(top, #ca00d1, #609);
    background-image: -o-linear-gradient(top, #ca00d1, #609);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#609)";
    background-image: linear-gradient(top, #ca00d1, #609);
    }
.black {
    border-color: #000;
    background-color: #333;
    background-image: -webkit-linear-gradient(top, #666, #333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
    background-image: -moz-linear-gradient(top, #666, #333);
    background-image: -o-linear-gradient(top, #666, #333);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#333)";
    background-image: linear-gradient(top, #666, #333);
    }
.black:hover, .black:focus {
    background-color: #000;
    background-image: -webkit-linear-gradient(top, #666, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    background-image: -moz-linear-gradient(top, #666, #000);
    background-image: -o-linear-gradient(top, #666, #000);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#000)";
    background-image: linear-gradient(top, #666, #000);
    }
.arrow, .heart, .star {
    padding-left: 12px
    }
.arrow:before, .heart:before, .star:before {
    padding-right: 5px;
    vertical-align: -15%
    }
.arrow:before {
    content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_AzmPjr0HVQwmK4rN8rpewuPZWHLDh1aKyQav8QpEBjvaOI_n4Q_63HpqzzxRY8E7OVM4wzgrzDpLruXhEsE9B5lOlAKvgJIWJr__8VQK40bYMQas_6U-NRU1kxm3HGSRpc1TM4Vlvg0/s1600/up+green.png)
    }
.heart:before {
    content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtFpMjbp26_ei-BQiyjMJ7eiiq9BeYvaiWgvq7rW1yBOQMpwGJnPVziL-lAt-ufI2sKxLaVN9AOi6lq6tTBO338enVQlfUuphlatQPTjqwmC8FQ1gOMyZSDtHzfoer5mv6h06_uKwBf0/s1600/heart.png)
    }
.star:before {
    content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxPrloDCaaa-olSb3iu01YKeGQXzhyKt1wJ4_EuMvNcWiH7lSpaTWjpNFB0LRFrsfkmiGbRrvO0PobQwpBEI0CD6-AUxMeMrk9q0u_bEyJJZF4lF1a4jxiW75STBC9mMQkpOCOkNRnjU/s1600/star.png)
    }

/* Multiple Page Slide */
a.movepg.nexter,a.movepg.prever{color:#fff}
.separator{overflow:hidden;max-height:240px;margin:0 0 20px}.separator img{background:#eee;max-width:100%;vertical-align:middle;background-position:middle;border:0;height:auto;width:100%}.next-wrap img,.next-wrap video,.next-wrap object{max-width:100% }.next-wrap{position:relative;padding:0 0 0 40px;line-height:normal;}.instruction{display:block;height:100%;width:100%;overflow:hidden}.slidecontentWrap{width:1000%}.slidecontent{float:left;width:10%;line-height:161%;overflow:hidden}.movepg{display:none;position:absolute;bottom:20px;background:#e74c3c;color:#fff;font-weight:700;text-transform:uppercase;padding:6px 12px;cursor:pointer;font-size:80%;outline:none;border-radius:3px;transition:background .6s}.movepg:hover{background:#c0392b}.movepg.prever{left:20px}.movepg.nexter{right:20px}

]]></b:skin>
    <script src='http://mybloglog.googlecode.com/files/labels.js' type='text/javascript'/>

</head>
  <body>
    <div id='outer-wrapper'>
      <div id='wrap2'>
        
        <span id='skiplinks' style='display:none;'>
          <a href='#main'>
          
          </a>
          |
          <a href='#sidebar'>
            skip to sidebar
          </a>
        </span>
        <div id='header-wrapper'>
          <div id='header-left'>
            
            <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
              <b:widget id='Header1' locked='true' title='0(O|O)0 (Header)' type='Header' visible='true'>
                <b:includable id='main'>
                  <b:if cond='data:useImage'>
                    <b:if cond='data:imagePlacement == "REPLACE"'>
                      
                      <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>
                      </div>
<b:else/>
                      
                      <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'>
                          <h1 class='title'>
                            <b:include name='title'/>
                          </h1>
</div>
<b:include name='description'/>
                      </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:includable id='description'>
                  <div class='descriptionwrapper'>
                    <p class='description'>
<span>
                        <data:description/>
                      </span>
                    </p>
</div>
</b:includable>
                <b:includable id='title'>
                  <a expr:href='data:blog.homepageUrl'>
                    <data:title/>
                  </a>
                </b:includable>
              </b:widget>
            </b:section>
             
          </div>
<div id='header-right'>
            
            <b:section class='banner-top' id='banner-top' maxwidgets='1' showaddelement='yes'>
              <b:widget id='HTML5' locked='false' title='' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
</b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
<b:include name='quickedit'/>
                </b:includable>
              </b:widget>
            </b:section>
             
          </div>
</div>
<div id='menu-bar'>
          <b:section class='menu' id='menu' maxwidgets='1' showaddelement='yes'>
            <b:widget id='HTML6' locked='false' title='' type='HTML' visible='true'>
              <b:includable id='main'>
                
                <b:if cond='data:title != ""'>
                  <h2 class='title'>
                    <data:title/>
                  </h2>
</b:if>
                <div class='widget-content'>
                  <data:content/>
                </div>
<b:include name='quickedit'/>
              </b:includable>
            </b:widget>
          </b:section>
          <b:section class='search' id='search' maxwidgets='1' preferred='yes' showaddelement='no'>
            <b:widget id='HTML2' locked='true' title='Search' type='HTML' visible='true'>
              <b:includable id='main'>
                <ul>
<li>
                    <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>
                      Posts (RSS)
                    </a>
                  </li>
<li>
                    <a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>
                      Comments (RSS)
                    </a>
                  </li>
</ul>
<form action='/search' id='searchform' method='get'>
                  
                  <input class='s' id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>
                  <input id='searchsubmit' type='hidden' value='Search'/>
                </form>
</b:includable>
            </b:widget>
          </b:section>
          <div class='clear'>
             
          </div>
</div>
<div id='bar'>
          <b:section class='banner-bar' id='banner-bar' maxwidgets='2' showaddelement='yes'>
            <b:widget id='HTML14' locked='false' title='' type='HTML' visible='true'>
              <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
            </b:widget>
            <b:widget id='HTML15' locked='false' title='' type='HTML' visible='true'>
              <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
            </b:widget>
          </b:section>
          <div class='clear'>
             
          </div>
</div>
<div id='content-wrapper'>
          <div id='content-pad'>
            <div id='crosscol-wrapper' style='text-align:center'>
              <b:section class='crosscol' id='crosscol' showaddelement='no'/>
            </div>
<div id='main-wrapper'>
              <b:section class='banner-main' id='banner-main' maxwidgets='1' showaddelement='yes'/>
              <div id='main-left'>
                
                <b:section class='sidebar' id='Sidebar4' preferred='yes'>
                  <b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'>
                    <b:includable id='main'>
                      
                      <b:if cond='data:title != ""'>
                        <h2 class='title'>
                          <data:title/>
                        </h2>
</b:if>
                      <div class='widget-content'>
                        <data:content/>
                      </div>
<b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                  <b:widget id='HTML4' locked='false' title='' type='HTML' visible='true'>
                    <b:includable id='main'>
                      
                      <b:if cond='data:title != ""'>
                        <h2 class='title'>
                          <data:title/>
                        </h2>
</b:if>
                      <div class='widget-content'>
                        <data:content/>
                      </div>
<b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                  <b:widget id='HTML8' locked='false' title='' type='HTML' visible='true'>
                    <b:includable id='main'>
                      
                      <b:if cond='data:title != ""'>
                        <h2 class='title'>
                          <data:title/>
                        </h2>
</b:if>
                      <div class='widget-content'>
                        <data:content/>
                      </div>
<b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                </b:section>
                 
              </div>
<div id='main-right'>
                
                <b:section class='banner-main-right' id='banner-main-right' maxwidgets='2' showaddelement='yes'/>
                <b:section class='main' id='main' showaddelement='no'>
                  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'>
                    <b:includable id='main' var='top'>
                      
                      <div class='blog-posts'>
                        <b:include data='top' name='status-message'/>
                        <data:adStart/>
                        <b:loop values='data:posts' var='post'>
                          
                          <b:if cond='data:blog.homepageUrl!= data:blog.url'>
                            <b:if cond='data:blog.pageType != "item"'>
                              <h3 class='post-title'>
                                <span style='background:#EAFBF7'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                </span>
                              </h3>
<b:else/>
                              <b:include data='post' name='post'/>
                            </b:if>
                            <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>
                            
                            <b:else/>
                            <b:include data='post' name='post'/>
                          </b:if>
                          <b:if cond='data:blog.pageType == "item"'>
                            <b:include data='post' name='comments'/>
                          </b:if>
                        </b:loop>
                        <data:adEnd/>
                      </div>

                      <b:include name='nextprev'/>
                      
                      <b:include name='feedLinks'/>
                    </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'>
                          <span class='delete-comment-icon'>
                             
                          </span>
                        </a>
                      </span>
                    </b:includable>
                    <b:includable id='backlinks' var='post'>
                      <a name='links'/>
                      <h4>
                        <data:post.backlinksLabel/>
                      </h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
                          <b:loop values='data:post.backlinks' var='backlink'>
                            <div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
                                <span class='backlink-toggle-zippy'>
                                   
                                </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='comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <h4 id='comment-post-message'>
                          <data:postCommentMsg/>
                        </h4>
<p>
<data:blogCommentMessage/>
                        </p>
<data:blogTeamBlogMessage/>
                        <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                        <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        <data:post.friendConnectJs/>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                        </script>
                      </div>
</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'>
                          <span class='delete-comment-icon'>
                             
                          </span>
                        </a>
                      </span>
                    </b:includable>
                    <b:includable id='comment_count_picker' var='post'>
                      <b:if cond='data:post.forceIframeComments'>
                        <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                        </span>
                        <b:else/>
                        <b:if cond='data:post.commentSource == 1'>
                          <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                          </span>
                          <b:else/>
                          <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <data:post.commentLabelFull/>
                            :
                          </a>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='comment_picker' var='post'>
                      <b:if cond='data:post.forceIframeComments'>
                        <b:include data='post' name='iframe_comments'/>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='threaded_comments'/>
                          <b:else/>
                          <b:include data='post' name='comments'/>
                        </b:if>
                        <b:else/>
                        <b:if cond='data:post.commentSource == 1'>
                          <b:include data='post' name='iframe_comments'/>
                          <b:else/>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='threaded_comments'/>
                            <b:else/>
                            <b:include data='post' name='comments'/>
                          </b:if>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='comments' var='post'>
                      <div class='comments' id='comments'>
                        <a name='comments'/>
                        <b:if cond='data:post.allowComments'>
                          <h4>
                            <b:if cond='data:post.numComments == 1'>
                              1 
                              <data:commentLabel/>
                              :
                              <b:else/>
                              <data:post.numComments/>
                              <data:commentLabelPlural/>
                              :
                            </b:if>
                          </h4>
<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'>
                                <div class='comment-au1'>
                                  <a expr:name='data:comment.anchorName'/>
                                  <b:if cond='data:comment.authorUrl'>
                                    <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                      <data:comment.author/>
                                    </a>
                                    <b:else/>
                                    <data:comment.author/>
                                  </b:if>
                                  <data:commentPostedByMsg/>
                                </div>
<div class='comment-au2'>
                                  <span class='comment-timestamp'>
                                    <a expr:href='data:comment.url' title='comment permalink'>
                                      <data:comment.timestamp/>
                                    </a>
                                    <b:include data='comment' name='commentDeleteIcon'/>
                                  </span>
                                </div>
</dt>
<dd class='comment-body'>
                                <b:if cond='data:comment.isDeleted'>
                                  <span class='deleted-comment'>
                                    <data:comment.body/>
                                  </span>
                                  <b:else/>
                                  <p>
<data:comment.body/>
                                  </p>
</b:if>
                              </dd>
                              <dd class='comment-footer'>
                                 
                              </dd>
                            </b:loop>
                          </dl>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
                              <b:include data='post' name='comment-form'/>
                              <b:else/>
                              <b:if cond='data:post.allowComments'>
                                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                  <data:postCommentMsg/>
                                </a>
                              </b:if>
                            </b:if>
                          </p>
</b:if>
                        <div id='backlinks-container'>
                          <div expr:id='data:widget.instanceId + "_backlinks-container"'>
                            <b:if cond='data:post.showBacklinks'>
                              <b:include data='post' name='backlinks'/>
                            </b:if>
                          </div>
</div>
</div>
</b:includable>
                    <b:includable id='feedLinks'>
                      <b:if cond='data:blog.pageType != "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='feedLinksBody' var='links'>
                      <div class='feed-links'>
                        <data:feedLinksMsg/>
                        <b:loop values='data:links' var='f'>
                          <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                            <data:f.name/>
                            (
                            <data:f.feedType/>
                            )
                          </a>
                        </b:loop>
                      </div>
</b:includable>
                    <b:includable id='iframe_comments' var='post'>
                      <b:if cond='data:post.allowIframeComments'>
                        <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                        <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
                        <b:if cond='data:post.embedCommentForm == "false"'>
                          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <data:postCommentMsg/>
                          </a>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='mobile-index-post' var='post'>
                      <div class='mobile-date-outer date-outer'>
                        <b:if cond='data:post.dateHeader'>
                          <div class='date-header'>
                            <span>
                              <data:post.dateHeader/>
                            </span>
                          </div>
</b:if>
                        <div class='mobile-post-outer'>
                          <a expr:href='data:post.url'>
                            <h3 class='mobile-index-title entry-title' itemprop='name'>
                              <data:post.title/>
                            </h3>
<div class='mobile-index-arrow'>
                              ›
                            </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 != "static_page"'>
                              <b:if cond='data:post.allowComments'>
                                <b:if cond='data:post.numComments != 0'>
                                  <b:include data='post' name='comment_count_picker'/>
                                </b:if>
                              </b:if>
                            </b:if>
                          </div>
</div>
</div>
</b:includable>
                    <b:includable id='mobile-main' var='top'>
                      
                      <div class='blog-posts hfeed'>
                        <b:include data='top' name='status-message'/>
                        <b:if cond='data:blog.pageType == "index"'>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-index-post'/>
                          </b:loop>
                          <b:else/>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-post'/>
                          </b:loop>
                        </b:if>
                      </div>
<b:include name='mobile-nextprev'/>
                    </b:includable>
                    <b:includable id='mobile-nextprev'>
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
                              ›
                            </a>
                          </div>
</b:if>
                        <div class='mobile-link-button' id='blog-pager-home-link'>
                          <a class='home-link' expr:href='data:blog.homepageUrl'>
                            <data:homeMsg/>
                          </a>
                        </div>
<div class='mobile-desktop-link'>
                          <a class='home-link' expr:href='data:desktopLinkUrl'>
                            <data:desktopLinkMsg/>
                          </a>
                        </div>
</div>
<div class='clear'/>
                    </b:includable>
                    <b:includable id='mobile-post' var='post'>
                      <div class='date-outer'>
                        <b:if cond='data:post.dateHeader'>
                          <h2 class='date-header'>
                            <span>
                              <data:post.dateHeader/>
                            </span>
                          </h2>
</b:if>
                        <div class='date-posts'>
                          <div class='post-outer'>
                            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                              <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
                              <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                              <meta expr:content='data:post.id' itemprop='postId'/>
                              <a expr:name='data:post.id'/>
                              <b:if cond='data:post.title'>
                                <h3 class='post-title entry-title' itemprop='name'>
                                  <b:if cond='data:post.link'>
                                    <a expr:href='data:post.link'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <b:if cond='data:post.url'>
                                      <b:if cond='data:blog.url != data:post.url'>
                                        <a expr:href='data:post.url'>
                                          <data:post.title/>
                                        </a>
                                        <b:else/>
                                        <data:post.title/>
                                      </b:if>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                  </b:if>
                                </h3>
</b:if>
                              <div class='post-header'>
                                <div class='post-header-line-1'/>
                              </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
                                <data:post.body/>
                                <div style='clear: both;'/>
                                
                              </div>
<div class='post-footer'>
                                <div class='post-footer-line post-footer-line-1'>
                                  <span class='post-author vcard'>
                                    <b:if cond='data:top.showAuthor'>
                                      <b:if cond='data:post.authorProfileUrl'>
                                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                          <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                          <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                            <span itemprop='name'>
                                              <data:post.author/>
                                            </span>
                                          </a>
                                        </span>
                                        <b:else/>
                                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                          <span itemprop='name'>
                                            <data:post.author/>
                                          </span>
                                        </span>
                                      </b:if>
                                    </b:if>
                                  </span>
                                  <span class='post-timestamp'>
                                    <b:if cond='data:top.showTimestamp'>
                                      <data:top.timestampLabel/>
                                      <b:if cond='data:post.url'>
                                        <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                        <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                          <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                            <data:post.timestamp/>
                                          </abbr>
                                        </a>
                                      </b:if>
                                    </b:if>
                                  </span>
                                  <span class='post-comment-link'>
                                    <b:if cond='data:blog.pageType != "item"'>
                                      <b:if cond='data:blog.pageType != "static_page"'>
                                        <b:if cond='data:post.allowComments'>
                                          <b:include data='post' name='comment_count_picker'/>
                                        </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 == "static_page"'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                            <b:if cond='data:blog.pageType == "item"'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                          </div>
</div>
</div>
</b:includable>
                    <b:includable id='nextprev'>
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <span id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
                              <data:olderPageTitle/>
                            </a>
                          </span>
                        </b:if>
                        <b:if cond='data:blog.homepageUrl != data:blog.url'>
                          <a class='home-link' expr:href='data:blog.homepageUrl'>
                            <data:homeMsg/>
                          </a>
                          <b:else/>
                          <b:if cond='data:newerPageUrl'>
                            <a class='home-link' expr:href='data:blog.homepageUrl'>
                              <data:homeMsg/>
                            </a>
                          </b:if>
                        </b:if>
                      </div>
<div class='clear'/>
                    </b:includable>
                    <b:includable id='post' var='post'>
                      <div class='post uncustomized-post-template'>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-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>
                        <div class='post-header-line-1'/>
                        <div class='post-body'>
                          <b:if cond='data:post.dateHeader'>
                            <span class='date-header'>
                              <data:post.dateHeader/>
                            </span>
                          </b:if>
                          
                          <p>
<data:post.body/>
                          </p>

                          <div style='clear: both;'/>
                        </div>
<div class='post-footer'>
                          <p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
                              <b:if cond='data:top.showAuthor'>
                                <data:top.authorLabel/>
                                <data:post.author/>
                              </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' title='permanent link'>
                                    <data:post.timestamp/>
                                  </a>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-comment-link'>
                              <b:if cond='data:blog.pageType != "item"'>
                                <b:if cond='data:post.allowComments'>
                                  <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                    <b:if cond='data:post.numComments == 1'>
                                      1 
                                      <data:top.commentLabel/>
                                      <b:else/>
                                      <data:post.numComments/>
                                      <data:top.commentLabelPlural/>
                                    </b:if>
                                  </a>
                                </b:if>
                              </b:if>
                            </span>
                            
                            <span class='post-backlinks post-comment-link'>
                              <b:if cond='data:blog.pageType != "item"'>
                                <b:if cond='data:post.showBacklinks'>
                                  <a class='comment-backlinks' 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'>
                                    <span class='email-post-icon'>
                                       
                                    </span>
                                  </a>
                                </span>
                              </b:if>
                              
                              <b:include data='post' name='postQuickEdit'/>
                            </span>
                          </p>
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
                              <b:if cond='data:post.labels'>
                                <data:postLabelsLabel/>
                                <b:loop values='data:post.labels' var='label'>
                                  <a expr:href='data:label.url' rel='tag'>
                                    <data:label.name/>
                                  </a>
                                  <b:if cond='data:label.isLast != "true"'>
                                    ,
                                  </b:if>
                                </b:loop>
                              </b:if>
                            </span>
                          </p>
<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</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'>
                            <span class='quick-edit-icon'>
                               
                            </span>
                          </a>
                        </span>
                      </b:if>
                    </b:includable>
                    <b:includable id='shareButtons' var='post'>
                      <b:if cond='data:top.showEmailButton'>
                        <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&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>
                      </b:if>
                      <b:if cond='data:top.showTwitterButton'>
                        <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>
                      </b:if>
                      <b:if cond='data:top.showFacebookButton'>
                        <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>
                      <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>
                      <b:if cond='data:top.showDummy'>
                        <div class='goog-inline-block dummy-container'>
                          <data:post.dummyTag/>
                        </div>
</b:if>
                    </b:includable>
                    <b:includable id='status-message'>
                      <b:if cond='data:navMessage'>
                        <div class='status-msg-wrap'>
                          <div class='status-msg-body'>
                            <data:navMessage/>
                          </div>
<div class='status-msg-border'>
                            <div class='status-msg-bg'>
                              <div class='status-msg-hidden'>
                                <data:navMessage/>
                              </div>
</div>
</div>
</div>
<div style='clear: both;'/>
                      </b:if>
                    </b:includable>
                    <b:includable id='threaded-comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <b:if cond='data:mobile'>
                          <p>
<data:blogCommentMessage/>
                          </p>
<data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                          <b:else/>
                          <p>
<data:blogCommentMessage/>
                          </p>
<data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.friendConnectJs/>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                        </script>
                      </div>
</b:includable>
                    <b:includable id='threaded_comment_js' var='post'>
                      <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                      <script type='text/javascript'>
                        (function() {
                          var items = <data:post.commentJso/>;
                          var msgs = <data:post.commentMsgs/>;
                          var config = <data:post.commentConfig/>;
                          // <![CDATA[
                          var cursor = null;
                          if (items && items.length > 0) {
                            cursor = parseInt(items[items.length - 1].timestamp) + 1;
                          }
                          var bodyFromEntry = function(entry) {
                            if (entry.gd$extendedProperty) {
                              for (var k in entry.gd$extendedProperty) {
                                if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                                  return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                                }
                              }
                            }
                            return entry.content.$t;
                          }
                          var parse = function(data) {
                            cursor = null;
                            var comments = [];
                            if (data && data.feed && data.feed.entry) {
                              for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                                var comment = {
                                };
                                // comment ID, parsed out of the original id format
                                var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                                comment.id = id ? id[2] : null;
                                comment.body = bodyFromEntry(entry);
                                comment.timestamp = Date.parse(entry.published.$t) + '';
                                if (entry.author && entry.author.constructor === Array) {
                                  var auth = entry.author[0];
                                  if (auth) {
                                    comment.author = {
                                      name: (auth.name ? auth.name.$t : undefined),
                                      profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                      avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                                    };
                                  }
                                }
                                if (entry.link) {
                                  if (entry.link[2]) {
                                    comment.link = comment.permalink = entry.link[2].href;
                                  }
                                  if (entry.link[3]) {
                                    var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                                    if (pid && pid[1]) {
                                      comment.parentId = pid[1];
                                    }
                                  }
                                }
                                comment.deleteclass = 'item-control blog-admin';
                                if (entry.gd$extendedProperty) {
                                  for (var k in entry.gd$extendedProperty) {
                                    if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                      comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                                    }
                                    else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                                      comment.displayTime = entry.gd$extendedProperty[k].value;
                                    }
                                  }
                                }
                                comments.push(comment);
                              }
                            }
                            return comments;
                          };
                          var paginator = function(callback) {
                            if (hasMore()) {
                              var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                              if (cursor) {
                                url += '&published-min=' + new Date(cursor).toISOString();
                              }
                              window.bloggercomments = function(data) {
                                var parsed = parse(data);
                                cursor = parsed.length < 50 ? null
                                : parseInt(parsed[parsed.length - 1].timestamp) + 1
                                callback(parsed);
                                window.bloggercomments = null;
                              }
                              url += '&callback=bloggercomments';
                              var script = document.createElement('script');
                              script.type = 'text/javascript';
                              script.src = url;
                              document.getElementsByTagName('head')[0].appendChild(script);
                            }
                          };
                          var hasMore = function() {
                            return !!cursor;
                          };
                          var getMeta = function(key, comment) {
                            if ('iswriter' == key) {
                              var matches = !!comment.author
                              && comment.author.name == config.authorName
                              && comment.author.profileUrl == config.authorUrl;
                              return matches ? 'true' : '';
                            }
                            else if ('deletelink' == key) {
                              return config.baseUri + '/delete-comment.g?blogID='
                              + config.blogId + '&postID=' + comment.id;
                            }
                            else if ('deleteclass' == key) {
                              return comment.deleteclass;
                            }
                            return '';
                          };
                          var replybox = null;
                          var replyUrlParts = null;
                          var replyParent = undefined;
                          var onReply = function(commentId, domId) {
                            if (replybox == null) {
                              // lazily cache replybox, and adjust to suit this style:
                              replybox = document.getElementById('comment-editor');
                              if (replybox != null) {
                                replybox.height = '250px';
                                replybox.style.display = 'block';
                                replyUrlParts = replybox.src.split('#');
                              }
                            }
                            if (replybox && (commentId !== replyParent)) {
                              document.getElementById(domId).insertBefore(replybox, null);
                              replybox.src = replyUrlParts[0]
                              + (commentId ? '&parentID=' + commentId : '')
                              + '#' + replyUrlParts[1];
                              replyParent = commentId;
                            }
                          };
                          var hash = (window.location.hash || '#').substring(1);
                          var startThread, targetComment;
                          if (/^comment-form_/.test(hash)) {
                            startThread = hash.substring('comment-form_'.length);
                          }
                          else if (/^c[0-9]+$/.test(hash)) {
                            targetComment = hash.substring(1);
                          }
                          // Configure commenting API:
                          var configJso = {
                            'maxDepth': config.maxThreadDepth
                          };
                          var provider = {
                            'id': config.postId,
                            'data': items,
                            'loadNext': paginator,
                            'hasMore': hasMore,
                            'getMeta': getMeta,
                            'onReply': onReply,
                            'rendered': true,
                            'initComment': targetComment,
                            'initReplyThread': startThread,
                            'config': configJso,
                            'messages': msgs
                          };
                          var render = function() {
                            if (window.goog && window.goog.comments) {
                              var holder = document.getElementById('comment-holder');
                              window.goog.comments.render(holder, provider);
                            }
                          };
                          // render now, or queue to render when library loads:
                          if (window.goog && window.goog.comments) {
                            render();
                          }
                          else {
                            window.goog = window.goog || {
                            };
                            window.goog.comments = window.goog.comments || {
                            };
                            window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                            window.goog.comments.loadQueue.push(render);
                          }
                        }
                        )();
                        // ]]>
                      </script>
                    </b:includable>
                    <b:includable id='threaded_comments' var='post'>
                      <div class='comments' id='comments'>
                        <a name='comments'/>
                        <h4>
                          <data:post.commentLabelFull/>
                          :
                        </h4>
<div class='comments-content'>
                          <b:if cond='data:post.embedCommentForm'>
                            <b:include data='post' name='threaded_comment_js'/>
                          </b:if>
                          <div id='comment-holder'>
                            <data:post.commentHtml/>
                          </div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
                            <b:include data='post' name='threaded-comment-form'/>
                            <b:else/>
                            <data:post.noNewCommentsText/>
                          </b:if>
                        </p>
<b:if cond='data:showCmtPopup'>
                          <div id='comment-popup'>
                            <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                            </iframe>
                          </div>
</b:if>
                        <div id='backlinks-container'>
                          <div expr:id='data:widget.instanceId + "_backlinks-container"'>
                            <b:if cond='data:post.showBacklinks'>
                              <b:include data='post' name='backlinks'/>
                            </b:if>
                          </div>
</div>
</div>
</b:includable>
                  </b:widget>
                  <b:widget id='HTML16' locked='false' title='Laporkan Link Mati' type='HTML' visible='true'>
                    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
                  </b:widget>
                  <b:widget id='HTML12' locked='false' title='' type='HTML' visible='true'>
                    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
                  </b:widget>
                  <b:widget id='HTML17' locked='false' title='' type='HTML' visible='true'>
                    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
                  </b:widget>
                  <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
                    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
                  </b:widget>
                </b:section>
                 
              </div>
<div class='clear'>
                 
              </div>
</div>
<div id='sidebar-wrapper'>
              <div class='pad'>
                <div id='top-sidebar-wrapper'>
                  
                  <b:section class='sidebar' id='sidebar1' preferred='yes'>
                    <b:widget id='HTML13' locked='false' title='' type='HTML' visible='true'>
                      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
                    </b:widget>
                  </b:section>
                   
                </div>
<div id='left-sidebar-wrapper'>
                  
                  <b:section class='sidebar' id='sidebar2' preferred='yes'>
                    <b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'>
                      <b:includable id='main'>
                        <b:if cond='data:title'>
                          <h2>
                            <data:title/>
                          </h2>
</b:if>
                        <div class='widget-content'>
                          <ul>
                            <b:loop values='data:labels' var='label'>
<li>
                                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                  <data:label.name/>
                                </a>
                                <span dir='ltr'>
                                  (
                                  <data:label.count/>
                                  )
                                </span>
                              </li>
</b:loop>
                          </ul>
<b:include name='quickedit'/>
                        </div>
</b:includable>
                    </b:widget>
                    <b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive' visible='true'>
                      <b:includable id='main'>
                        <b:if cond='data:title'>
                          <h2>
                            <data:title/>
                          </h2>
</b:if>
                        <div class='widget-content'>
                          <div style='overflow:auto; width:ancho; height:400px;'>
                            <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>
</div>
<b:include name='quickedit'/>
                        </div>
</b:includable>
                      <b:includable id='flat' var='data'>
                        <ul>
                          <b:loop values='data:data' var='i'>
<li class='archivedate'>
                              <a expr:href='data:i.url'>
                                <data:i.name/>
                              </a>
                              (
                              <data:i.post-count/>
                              )
                            </li>
</b:loop>
                        </ul>
</b:includable>
                      <b:includable id='interval' var='intervalData'>
                        <b:loop values='data:intervalData' var='i'>
                          <ul>
<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='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='posts' var='posts'>
                        <ul class='posts'>
                          <b:loop values='data:posts' var='i'>
<li>
                              <a expr:href='data:i.url'>
                                <data:i.title/>
                              </a>
                            </li>
</b:loop>
                        </ul>
</b:includable>
                      <b:includable id='toggle' var='interval'>
                        <b:if cond='data:interval.toggleId'>
                          <b:if cond='data:interval.expclass == "expanded"'>
                            <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +       "&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" + data:toggleopen'>
                              <span class='zippy toggle-open'>
                                ▼ 
                              </span>
                            </a>
                            <b:else/>
                            <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +         "&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" + data:toggleopen'>
                              <span class='zippy'>
                                <b:if cond='data:blog.languageDirection == "rtl"'>
                                  ◄
                                  <b:else/>
                                  ►
                                </b:if>
                              </span>
                            </a>
                          </b:if>
                        </b:if>
                      </b:includable>
                    </b:widget>
                  </b:section>
                   
                </div>
<div id='right-sidebar-wrapper'>
                  
                  <b:section class='sidebar' id='sidebar3' preferred='yes'>
                    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>
                      <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='AdSense1' locked='false' title='' type='AdSense' visible='true'>
                      <b:includable id='main'>
                        <b:if cond='data:title'>
                          <h2>
                            <data:title/>
                          </h2>
</b:if>
                        <data:adCode/>
                        <b:include name='quickedit'/>
                      </b:includable>
                    </b:widget>
                  </b:section>
                   
                </div>
<div class='clear'>
                   
                </div>
</div>
</div>
<div class='clear'>
               
            </div>
</div>
</div>

        <div id='footbar'>
          <div class='clear'>
             
          </div>
<div id='footbar-a'>
            <b:section class='footbar-div' id='footbar-1' preferred='yes'>
              <b:widget id='HTML18' locked='false' title='' type='HTML' version='1' visible='true'>
                <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <b>BEST  ARTICLE</b>
  <table>
<tr>
<td width='60%'>
<ul>
<li>
<script type="text/javascript">
function showrecentposts(json)
{
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }}
    posttitle = posttitle.link(posturl);
    if (standardstyling) document.write('<li>');
    document.write(posttitle);}
    if (standardstyling) document.write('</li>
');
}
</script>
<script type="text/javascript">var numposts = 8;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://kukukiri.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>
  </LI>
  </UL>
  </td>
  
  </tr>
</table>
</div>
<b:include name='quickedit'/>
</b:includable>
              </b:widget>
            </b:section>
          </div>
<div id='footbar-b'>
            <b:section class='footbar-div' id='footbar-2' preferred='yes'>
              <b:widget id='HTML11' locked='false' title='' type='HTML' visible='true'>
                <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <b>MOTIVASI & PSIKOLOGI</b>
  <table>
<tr>
<td width='60%'>
<ul>
<li>
<script type="text/javascript">
function showrecentposts(json)
{
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }}
    posttitle = posttitle.link(posturl);
    if (standardstyling) document.write('<li>');
    document.write(posttitle);}
    if (standardstyling) document.write('</li>
');
}
</script>
<script type="text/javascript">var numposts = 8;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://isoopo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>
  </LI>
  </UL>
  </td>
  
  </tr>
</table>
</div>
<b:include name='quickedit'/>
</b:includable>
              </b:widget>
            </b:section>
          </div>
<div id='footbar-c'>
            <b:section class='footbar-div' id='footbar-3' preferred='yes'>
              <b:widget id='HTML10' locked='false' title='' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
</b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
<b:include name='quickedit'/>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
<div class='clear'>
             
          </div>
</div>
<b:section class='footer' id='footer' preferred='yes'>
          <b:widget id='HTML9' locked='false' title='' type='HTML' visible='true'>
            <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='HTML20' locked='false' title='' type='HTML' visible='true'>
            <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='HTML7' locked='false' title='' type='HTML' visible='true'>
            <b:includable id='main'>
              
              <b:if cond='data:title != ""'>
                <h2 class='title'>
                  <data:title/>
                </h2>
</b:if>
              <div class='widget-content'>
                <data:content/>
              </div>
<b:include name='quickedit'/>
            </b:includable>
          </b:widget>
        </b:section>
        <div id='c'>
          <div id='cleft'>
            Copyright © 
            <a expr:href='data:blog.homepageUrl'>
              <data:blog.title/>
            </a>
          </div>
<div id='cright'>
            Using 
            <a href='http://www.daris4.info'>
              Xclear
            </a>
            <a href='http://www.iklandb.com'>
              Theme
            </a>
            | 
            <a href='http://www.blogger.com'>
              Bloggerized
            </a>
            by 
            <a href='http://www.themescook.com'>
              Themescook
            </a>
          </div>
</div>
</div>
</div>

</body>
</html>

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.