DESIGN DISEASE BLOGGER ~ TEMPLATE A

COPY KODE HTML TEMPLATE DIBAWAH INI

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

/* **************************
Name: Design Disease
Ported by: http://blogandweb.com/
Designed by: http://designdisease.com
Distributed by: http://btemplates.com/
Date: Jul 2010
License: Creative Commons Attribution-Share Alike 3.0
*****************************

*//* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#7A9E9F" value="#7A9E9F">
<Variable name="linkcolor" description="Link Color"
type="color" default="#41CFED" value="#41CFED">
<Variable name="visitedlinkcolor" description="Hover Link Color"
type="color" default="#FFFFCC" value="#FFFFCC">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#000000" value="#000000">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#F3FFB9" value="#F3FFB9">
<Variable name="menucolor" description="Menu Link Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#7A9F9F" value="#7A9F9F">
*/

/* GENERAL STYLES - ESTILOS GENERALES */

* { margin: 0; padding: 0; }
body { background: #0c191e; font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #f1f1f1; padding: 0px; margin: 0px;}

a:link { text-decoration: none; color : $linkcolor; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : $linkcolor; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : $linkcolor; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : $visitedlinkcolor; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}

input, button, textarea, select { font: normal 11px/11px "Verdana", sans-serif; color:#2d3538; vertical-align: middle; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

h1, h2, h3, h4, h5 { font-family: "Trebuchet MS"; color:#fff;}

/* Hide top navbar - Oculta la navbar */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
.clear {
clear:both;
}
.clearfix:after {
clear:both;content:'.';
display:block;
visibility:hidden;
height:0;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/* WRAPPER */

#main-wrapper {
overflow:hidden;
}

/* HEADER */

#header-wrapper {
background: #f9fdff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjexwW74cIqXefr-hf6x36d5PDE4vm5y7huCSEzbaRfBLjqW6G-ofwuVw72lwpfok1C7roiV_2Svge5xTT53LV_FcbN9P_qyR5JHCFtV3rPwwloHXxs12VCe0_9_Y1JgIUP0KMYrl0f21A/s0/header-all-bkg.png) repeat-x bottom; width: 100%; float: left; overflow: hidden;
}
#headerall {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpcVrLj4EhDmGOnPiSGqp9hF05836eZlNPZvOw0goqA9tNXESSjcEMOjpREFunWL0l7uFmvQQKHPsyTve75Zq_UxgcEeXwRxFps9s7HkDqNZE6KnlZWSg4Ck1WFR4kJQ6E33j0T_jBs7g/s0/bkg-header.jpg) no-repeat bottom; width: 980px; margin: 0 auto; padding: 17px 0px 65px 0px; position: relative; min-height: 50px; }
}
/**/ *html #header-inner { height: 50px;} /**/
.header a:hover { text-decoration: none; }
#header-inner {
width: 490px;
}
#header-wrapper h1 {
font: bold 40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -2px; padding: 0px 0px 0px 0px; float: left;color:$pagetitlecolor;
}
#header-wrapper h1 a, #header-wrapper h1 a:hover, #header-wrapper h1 a:visited {
text-decoration: none; color:$pagetitlecolor;
}
p.description {
display:none;
}
.header #header-inner a img { margin: 0px; padding: 0px;}

#header-wrapper .tweet { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWAg4ZoASuf1jZ3vMKohPll44GUn7WPPC97v93kQuX53QbUsPqUQtpKaikEuYr5sZPl0nXBHJUTn6FCRLiY7RW6diYkpU5EBt6YkXKlmNccUmFHR1eeExkkkKJxy_Gj3Ky7HBWrcyf_Vo/s0/tweet-ico.png) no-repeat left 0px; padding-left: 20px; left: 520px; position: absolute; top: 35px; width: 250px; font: bold 14px/14px "Trebuchet MS", sans-serif;}
#header-wrapper .tweet a { color:#05aae7; }
#header-wrapper .tweet a:hover { color:#004b7d; }

#header-wrapper .rss { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3E91X0Cb4VUcCrsx8XLQTHxNi5EgXp94fkcKMz2sz4-u5gjqPIeM8C9Pyi7HX99AHAlU-Fme9vbLZsza-34nn6ySoOejd6RNYmfeu59Yz8TcRxSiKvevNDL_V5DkA1MvkCsRKQxM0yAk/s0/rss-ico.png) no-repeat left 1px; padding-left: 20px; left: 800px; position: absolute; top: 35px; width: 180px; font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header-wrapper .rss a { color:#ff4111; }
#header-wrapper .rss a:hover { color:#cc0000; }

/* MENU */

.subheader { width: 980px; margin: 0 auto; }
.subheader .menu { width: 490px; float: left; margin-top: 20px; margin-right: 30px;}
.subheader .menu li { display: inline; border-right: solid 1px #95d5f0; padding: 0px 4px; }
.subheader .menu li a { color:$menucolor; font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.subheader .menu li ul { display: inline; }
.subheader .menu li ul li a { color:#fff; font: nornal 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.subheader .menu .selected a { color:$menucolor;}

.subheader .search { width: 210px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7n0NYuzblaZENQgJ9vprYrsHEDb7bDohMdVkGtnMng9ZcxQ9LfErO21xsC5-JUzRsQaH3TPa9g4EQ-ibwClOlUDwohqvZB25hyphenhyphen2zd2UNRWqS6YbE4fe6Zm5lD7oKmv7ACnVgU7xfKXfk/s0/search-bkg.png) no-repeat top; float: left; padding: 6px 20px 20px 20px;}
.subheader .search legend { padding: 0px 0px 6px 0px; margin: 0px; font: bold 14px/14px "Trebuchet MS", sans-serif; color:#666; letter-spacing: -1px; }
.subheader .search input { float: left; background: none; border: none; padding: 3px 0px 1px 0px; width: 188px; color:#333; font: nromal 11px/11px "Verdana", sans-serif; }
.subheader .search button { float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyMpzFWRrMmTwDO0TqjZ0-fM8_gjjQscsGOskHaXxkLHLrocwcHZP4TqPqZkvr9YGgYgGsxgDlO76ItogNtVwhsYVPJcXQuIr6dEAt4U5YB2LiSHYqUOeip3qwICyd3rHEx3ua9us9X9E/s0/search-button.png) no-repeat; width: 22px; height: 21px; border: none; cursor: pointer; text-indent: -55000px; }

/* CONTENT WRAPPER - CONTENEDOR DEL CONTENIDO */

#content-wrapper {
background: #19363f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCwaqQD0k9Y0lyHPiC62_m_IMyqCPQ1n86NRZzdFDtU-YTWtYP7n4GTv18mcAzKDhzD4ofzmHUkHC9GaWKd196F97RjJjjhiVmuPOrxg5a4HJ89_fcOC55_UZx3lMBHKDYwrrI69S29SA/s0/container-all-bkg.png) repeat-x left 0px; width: 100%; float: left; overflow: hidden;
}
.conteiner { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiykxhPkmFfHrCfDQtLuLjllhOQ6Wg-bTPFtCE2XduJwV8S9J8o82w5uvh0S3jWdhwJdBrOr3yMv5EaYlWRUdKB8rag3VfA63gUkXNkkmaNXwNiiS6PIzf4HCF_6nUOZuQ7Pmf8l6WFbCE/s0/container-bkg.png) no-repeat center top; width: 100%; float: left; overflow: hidden; padding: 25px 0px; }
.SC { width: 980px; overflow: hidden; margin: 0 auto; padding-top: 30px;}
.SL { width: 490px; float: left; margin-right: 30px; }
.SR { width: 460px; color:$sidebartextcolor; float: left;}
.s1 { float: left; width: 250px; margin-right: 30px;}
.s2 { float: right; width: 180px;}
#Blog1 #comments, #Blog1 .post-feeds {display:none;}
#Blog2 .post, #Blog2 .date-header, #Blog2 #blog-pager, #Blog2 .post-feeds {display:none;}
.post {
margin-bottom: 35px;
}
.post .p-head { position: relative; padding: 0px 0px 10px 0px; margin-bottom: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieumN2dBb-_vp2yqlCW-V0vjBBwmvOdE1bgKYbouGoyIwiSXxpWN4WYpsmXKvPdSFAeWNErL6yt1VMXErDpVBFqpu92UhNEK9ApFrZZQbt3TsJOqbxEYcV-MxZGOTlqOnGl8m7ncyNzrM/s0/dotted.png) repeat-x left bottom;}
.post .p-head h1 { font: bold 28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; padding-bottom: 3px; }
.post .p-head h2 { font: bold 28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; padding-bottom: 3px; }
.post .p-head h2 a { color:$titlecolor;}
.post .p-head h2 a:hover { text-decoration: none; color:#41cfed;}
.post-title {

}
.post-header-line-1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlIEO3ObOx24RxZDDO2nu2IYIm8QQT7NwrBfk9mo0c0TuekORtC8i871Fz9Rrqlr088jm_CMJQrnwEIebVKyzY8R4-q-KBlOK9KRTCDlHaddMUiy3bns5-uxJfki1Byt7byFsCuMShSFI/s0/p-date-ico.png) no-repeat left 1px; padding: 0px 0px 0px 18px; margin-bottom: 0px; color:#4c9885;
}
.post-header-line-1 a{
color:#4c9885; text-decoration: none;
}
.post .post-body { font-size: 12px; line-height: 18px; color:#7a9e9f; }
.post .post-body p { font-size: 12px; line-height: 18px; color:$textcolor; padding: 8px 0px;}
.post .post-body ol { padding: 10px 0px; margin-left: 35px;}
.post .post-body ol li { padding: 2px 0px; font-size: 12px; line-height: 16px; }
.post .post-body ul { padding: 5px 0px; margin-left: 20px;}
.post .post-body ul li { padding: 2px 0px 2px 11px; list-style-type: none; background: url(images/post-body-li.png) no-repeat left 7px; font-size: 12px; line-height: 16px; color:#7a9e9f;}
.post .post-body blockquote { border-top: dashed 1px #627f87; border-bottom: dashed 1px #627f87; margin: 10px 0px; color:#cccc99; }
.post .post-body blockquote p { font: italic 11px/16px 'Verdana'; padding: 5px 0px; margin: 5px 0px; color:#cccc99;}
.post .post-body blockquote li { padding: 3px 0px 3px 15px; list-style-type: none; background: url(images/post-con-li.png) no-repeat left top; font-size: 13px; line-height: 18px; }
.post .post-body h1 { font: normal 21px/21px "Trebuchet MS"; letter-spacing: -1px; padding: 7px 0px; margin: 0px; }
.post .post-body h2 { font: normal 18px/18px "Trebuchet MS"; letter-spacing: -1px; padding: 6px 0px; margin: 0px;}
.post .post-body h3 { font: bold 14px/14px "Trebuchet MS"; padding: 5px 0px; margin: 0px; color:#fff; }
.post img {max-width:480px;}

.post-footer {
margin-top: 10px;
}
.post-footer span {
padding: 2px 0px 2px 20px;
}
.post-footer .post-labels {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8A-JEa2CddqTwsxv635OJhdFkIAmo9NrR47IO7sqJS-oRC0-S-eqVW2qFyFVqUKYX_fnXPkHYA1Koz_8LbXbTvqTtTqpsJx5_uN1dZt7GlJBlMaJK6Vcd7M7MvhyjYMkzYrH67uJMcOA/s0/p-det-tag-ico.png) no-repeat left 5px; color:#21647a;
}
.post-footer .post-labels a { color:#21647a;}
.post-footer .post-comment-link { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh2rZ-0nGVNyW2s3kc_4gmz8J03y9R1WiZHBRF7EmK2iopsc-kilsZ6nJpkkMUBJoHCylkXsNs4RXR6TFOTuhF8LK77hWt1GPfIk0C-4bYxzrgJIig5KHTQ6a1WDG5tKAxB6GnwlQ83h0/s0/p-det-com-ico.png) no-repeat left 3px; font-weight: bold;}
.post-footer .post-comment-link .comment-link a { color:#41cfed;}

/* SIDEBAR */

.s1 .widget {margin-bottom: 25px;}
.s1 .widget li { padding: 2px 0px 2px 0px; }
.s1 h2 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNCMdL9sa00jxePwz6g7V0maS-6NDp6jjup1xQwX-Xmw76BGl-7vfJ3iZwUZzvT4nozSi3L50QTUVZ9NsXmgWL4y5KpRvvgrx-9zr7nRtdxPsIJbcfuGfkbNx5KCaA7BE0yQ8sNkyl40/s0/sr-h-line.png) no-repeat bottom; font: normal 17px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 0px 0px 15px 0px; margin: 0px 0px 5px 0px; color:$sidebarcolor !important;}

.s1 .Text h2 { background: none; font: normal 17px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 0px 0px 15px 0px; margin: 0px;}
.s1 .Text { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtJeeFibEkZYHDiRueAhJesYPwC9GTseHfv_inBQOX2uSax03ov5323IOhBlvk-i6yCBeMIoh6A4ASvK2v6yNmfxVT6RoOdKI1e9oZX89RBSfIEgSYTkeQ_M3viitlKEWsajghsnzN_zA/s0/about-bkg.png) no-repeat left 20px; margin-bottom: 30px; }
.s1 .Text .widget-content { padding: 20px;}

.s1 .Feed { margin-bottom: 30px;}
.s1 .Feed h2 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWc3e6OJ7hVwOrVIpggTEHR-q-47YsImnRpDrvSTdMeR1NbJkAVax0ji6Bityb0jmtAZDKnMGMcADjCa350nfrR5XB5PPViwFNthnqaG5hy1HIp3erevMlpA9KnHj1IO0JvL-f6GUnyXU/s0/sr-latestestcomments-h2.png) no-repeat bottom; font: normal 17px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 0px 0px 15px 0px; margin: 0px 0px 5px 0px;}
.s1 .Feed ul { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieumN2dBb-_vp2yqlCW-V0vjBBwmvOdE1bgKYbouGoyIwiSXxpWN4WYpsmXKvPdSFAeWNErL6yt1VMXErDpVBFqpu92UhNEK9ApFrZZQbt3TsJOqbxEYcV-MxZGOTlqOnGl8m7ncyNzrM/s0/dotted.png) repeat-x top; }
.s1 .Feed li { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieumN2dBb-_vp2yqlCW-V0vjBBwmvOdE1bgKYbouGoyIwiSXxpWN4WYpsmXKvPdSFAeWNErL6yt1VMXErDpVBFqpu92UhNEK9ApFrZZQbt3TsJOqbxEYcV-MxZGOTlqOnGl8m7ncyNzrM/s0/dotted.png) repeat-x bottom; padding: 7px 0px; }
.s1 .Feed li span { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjA4qrwOZRh1Tdv-n4FNSYHFuqXKbdEz-Tm56iY_JhCzaoI240FQIK4G5G6IC_BvENx2kKtAU0mD9-4TiLKGlGaNFOytFVLrjMorD7csf00PrzbVfbD0e2O7kxy7sYXsBS66rb94bcRD8/s0/sr-latestcomments-dot.png) no-repeat left 4px; display: block; font-weight: bold; color:#fff; padding-left: 12px; }
.s1 .Feed li a { text-decoration: none; color:#5b8e8e; font-size: 11px; line-height: 14px;}
.s1 .Feed li a:hover { text-decoration: none; color:#41cfed;}

.s2 h2 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieumN2dBb-_vp2yqlCW-V0vjBBwmvOdE1bgKYbouGoyIwiSXxpWN4WYpsmXKvPdSFAeWNErL6yt1VMXErDpVBFqpu92UhNEK9ApFrZZQbt3TsJOqbxEYcV-MxZGOTlqOnGl8m7ncyNzrM/s0/dotted.png) repeat-x bottom; font: normal 17px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 0px 0px 5px 0px; margin: 0px 0px 3px 0px; color:$sidebarcolor !important;}

.s2 .widget { margin-bottom: 25px; }
.s2 .widget li { padding: 2px 0px 2px 0px; }

/* FOOTER - PIE DE PÃGINA */

#footer-wrapper {
background:#0c191e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7qttvabR04rTBmKZSCDCgaxmEoP-cJ2kCIHGBFbkXhelDArpyQofHHj8ZRsPX-HWwh2bPL8Wj4fzs0LCXDVjg7YbvOudWXkDXoSoG9T3rgdwcj5Vguu0rvqtZEiJwHxdd6TgLxaLcYLg/s0/extra.png) repeat-x top; width: 100%; float: left; overflow: hidden;
}
.extra {overflow: hidden; position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Q62fnA94KZFwrDy_4x_jo42p6j4L0rXs62MMHaU0qhgqQzw8ABAf2G0BeoMR-r889GjMmQQY6gH7_b7ORkDGmXawzMWGbX2d9g4eyWeCNCWMAykzQyj6a8TiFBbc6DvWM6X58F9TK98/s0/com-top.png) no-repeat top; width: 980px; margin: 0 auto;}
#footer-wrapper a {

}
.footer { width: 980px; margin: 0 auto; padding: 0px 0px 20px 0px;}
.footer p { color:#2e434a; padding: 2px 0px; margin: 0px;}
.footer p a { color:#2e434a; text-decoration: underline;}
.commentsft {margin:0 auto; padding-bottom:20px; width:980px;}

/* COMMENTS - COMENTARIOS */

#comments h4 {
font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; padding-top: 35px; background:url(images/menu-line-bkg.png) repeat-x bottom;
}
#Blog2_comments-block-wrapper {}
#Blog2_comments-block-wrapper .entry { margin-bottom: 20px; padding-bottom: 20px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJjZEvnbzsvzO8C6ApFPZp4zkEh6DoqWgUvkcnfNrsS7CWnbJjurdTopPqfra41tniJriXAqeqL0ItWsgWdwu1rMbI34Njb2fwQgmd9uSK0fVxb7EDq9nv3fyYUyKrs_OddFarvbwLRXU/s0/extra-dotted.png) repeat-x bottom; overflow: hidden; position: relative; min-height: 60px; }
#Blog2_comments-block-wrapper .con { font: normal 12px/17px "Verdana"; color:#333; width: 490px; float: left;}
#Blog2_comments-block-wrapper .con p { font: normal 12px/17px "Verdana"; padding: 0px; margin: 0px; color:#516870;}
#Blog2_comments-block-wrapper .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#8e8b72; margin: 5px 0px; padding: 5px 0px; }
#Blog2_comments-block-wrapper .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#8e8b72; }
#Blog2_comments-block-wrapper .head { width: 250px; position: absolute; top: 0px; left: 520px;}
#Blog2_comments-block-wrapper .head p.name { font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#516870; padding: 5px 0px 2px 0px; }
#Blog2_comments-block-wrapper .head .avatar-image-container { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mezZA-oo6Mi7rEs9y24zlASKZZrYznc-_fOoUgW0ff9rDq7u5ddG-0XDmy0408tY1sN4vuocVtYjgpKKgmRm8lBC7-HwLgZaglXUB9cG2_GDy3WNFaOCGuoR6t22gmsNkgTWCk_h4G8/s0/avt-bkg.png) no-repeat left top; padding: 10px; margin: 0px 10px 0px 0px; float: left;}
#Blog2_comments-block-wrapper .head p.date { padding-bottom: 5px; margin-bottom: 5px; font: normal 11px/14px Verdana, Geneva, sans-serif; color:#334146;}
#Blog2_comments-block-wrapper .head p.date a, #Blog2_comments-block-wrapper p.date a:visited, #Blog2_comments-block-wrapper p.date a:hover { color:#334146;}
#Blog2_comments-block-wrapper .nr { position: absolute; top: 15px; right: 20px; color:#fff; font: normal 21px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#304248;}
.comment-form { max-width:52% !important; }

/* Navigation - NavegaciÃ³n */
#blog-pager {font-size:130%;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }

/* Gadgets panel - Panel de gadgets */
.blog-feeds {display:none;}

body#layout #content-wrapper {
margin: 0px;
}
body#layout #footer-wrapper .links, body#layout #search, body#layout .search, body#layout #footer-wrapper {
display:none;
}
]]></b:skin>
<script type='text/javascript'>
/* Fechas amigables en Blogger: http://blogandweb.com/2784 */
function timeAgo(date1,date2,granularity){var self=this;periods=[];periods['semana']=604800;periods['d&iacute;a']=86400;periods['hora']=3600;if(!granularity){granularity=5;}
(typeof(date1)=='string')?date1=new Date(date1).getTime()/1000:date1=new Date().getTime()/1000;(typeof(date2)=='string')?date2=new Date(date2).getTime()/1000:date2=new Date().getTime()/1000;if(date1>date2){difference=date1-date2;}else{difference=date2-date1;}
output='';for(var period in periods){var value=periods[period];if(difference>=value){time=Math.floor(difference/value);difference%=value;output=output+time+' ';if(time>1){output=output+period+'s ';}else{output=output+period+' ';}}
granularity--;if(granularity==0){break;}}
return'Hace '+output;}
$(document).ready(function(){});
</script>
</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main (ir a principal) </a> |
<a href='#sidebar'>skip to sidebar (ir al sidebar)</a>
</span>


<div id='header-wrapper'>
<div id='headerall'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Design Disease (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "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-repeat: no-repeat; " + "min-width: " + data:width + "px; " + "min-height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

<div class='rss'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Subscribe to RSS Feed</a></div>

<div class='tweet'><a href='http://twitter.com/btemplates'>Follow our blog news on Twitter</a></div>
</div></div>


<div id='content-wrapper'><div class='conteiner'> 

<div class='subheader'>

<div class='menu'>

<b:section class='crosscol' id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

</div>

<div class='search'>
<form expr:action='data:blog.homepageUrl + "search/"' method='get'>
<fieldset>
<legend>Search</legend>
<input name='q' type='text' value=''/><button type='submit'>Search</button>
</fieldset>
</form>
</div>

</div>

<div class='SC'>

<div class='SL' id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_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>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='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>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<div class='p-head'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

<div class='post-header-line-1'>
<b:if cond='data:post.dateHeader'><span><script type='text/javascript'>document.write(timeAgo('<data:post.dateHeader/>'));</script></span></b:if>

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

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

</span>
</div>
</div>

<div class='post-body entry-content'>
<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-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'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<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-3'>
<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'></p>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><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'><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='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

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

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


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

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

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

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

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

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

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

<div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<b:loop values='data:post.comments' var='comment'>
<div class='entry'>

<div class='head'>
<p class='avt'><b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if></p>
<p class='name'><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></p>
<p class='date'><data:comment.timestamp/><br/><a expr:href='data:comment.url' title='comment permalink'>Permalink this comment</a><b:include data='comment' name='commentDeleteIcon'/></p>
</div>

<p class='nr'>1</p>

<div class='con'>
<data:commentPostedByMsg/>

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'/>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>

</div>
</b:loop>
</div>

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

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

</p>
</b:if>

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


<div class='SR' id='sidebar-wrapper'>
<b:section class='sidebar s1' id='sidebar1' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Blogger Templates' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='Text widget' type='Text'>
<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='sidebar s2' id='sidebar2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Tags' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</div>
</div>


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

</div></div> 







<div id='footer-wrapper'><div class='extra'>
<div class='commentsft'/>

<b:if cond='data:blog.pageType == "item"'>
<b:section class='main2' id='main2' showaddelement='no'>
<b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_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>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='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>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

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

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

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

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

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</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'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>


<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span>

<span class='post-icons'>

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


<b:include data='post' name='postQuickEdit'/>
</span>


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

</div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><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'><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='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<b:if cond='data:top.showDummy'>
<script expr:src='data:top.dummyUrl'/>
</b:if>

<b:if cond='data:mobileindex'>

<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer">
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>


<div class='blog-posts hfeed'>

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

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


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


<b:include name='feedLinks'/>
</b:if>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

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

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

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

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

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

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

<div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<b:loop values='data:post.comments' var='comment'>
<div class='entry'>

<a expr:name='data:comment.anchorName'/>

<div class='head'>
<b:if cond='data:comment.favicon'>
<p class='avt'><img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/></p>
</b:if>
<b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if>
<p class='name'><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></p>
<p class='date'><data:comment.timestamp/><br/><a expr:href='data:comment.url' title='comment permalink'>Permalink this comment</a><b:include data='comment' name='commentDeleteIcon'/></p>
</div>

<p class='nr'>*</p>

<div class='con'>


<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>

</div>
</b:loop>
</div>

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

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

</p>
</b:if>

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

<div class='footer'>
<p>Copyright © 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> is powered by Blogger</p>
<p><a href='http://www.designdisease.com/portfolio/designdisease-wordpress-theme/' style='text-decoration: none;'>Design Disease Theme</a> is created by: <a href='http://designdisease.com/'>Design Disease</a> brought to you by <a href='http://sportcompactonly.com' target='_blank'>Turbo Kits</a>
</p>
<p><a href='http://btemplates.com/' style='text-decoration: none;' title='Blogger templates'>Blogger Templates</a> by <a href='http://blogandweb.com/' title='Plantillas Blogger'>Blog and Web</a></p>
</div>
</div></div>


</div></div> 
</body>
</html>

Posted in: DESIGN DISEASE BLOGGER

TEMPLATE A

BLOG LAINNYA

MACAM TEMPLATE

Jumat, 02 September 2011

DESIGN DISEASE BLOGGER

0 komentar:

Posting Komentar