Bright Star 🌟

¡Mi primera plantilla!: Sweet Day

Posted on sábado, 14 de septiembre de 2013 @ 9:39 |

Posted by Abyss |

¡Holaaa! Bueno, os prometí una plantilla. Pues ya la terminé ^^

No está tan bien hecha como las demás, pero bueno, se puede personalizar a vuestro gusto. Espero que os guste. Y es una plantilla Blogger. Ya viene con blockquote y otros efectos aplicados.

Code:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title>
      <data:blog.pageTitle/>
    </title>
    <b:skin><![CDATA[
      /*-----------------------------------------------
Blogger Template Style
Name:     Picture Window
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */
/* Variable definitions
====================
<variable name="keycolor" description="Main Color" type="color" default="#1a222a" value="#1a222a"/>
<variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="#111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj689Bo5NCtD-FmYETte0nEppJvkZ9Ee1L1MzHRCvL3PqvYn3vNiCUrUogARvPvUtNg0sEls-6hPRe5e2FkAujD2LAedfH12V0ZECiyMHvl1gi9eZIKV2bJ4Or-ujIuI6UEtgXPGF_s9Fux/s0/1446477.png) repeat scroll top left"/>
<group description="Page Text" selector="body">
<variable name="body.font" description="Font" type="font"
default="normal normal 15px Delius, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Delius, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
</Group>
<group description="Backgrounds" selector=".body-fauxcolumns-outer">
<variable name="body.background.color" description="Outer Background" type="color" default="#296695" value="#111111"/>
<variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
<variable name="post.background.color" description="Post Background" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<group description="Links" selector=".main-outer">
<variable name="link.color" description="Link Color" type="color" default="#336699" value="#ff7a9c"/>
<variable name="link.visited.color" description="Visited Color" type="color" default="#6699cc" value="#ff7a9c"/>
<variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#90d0e0"/>
</Group>
<group description="Blog Title" selector=".header h1">
<variable name="header.font" description="Title Font" type="font"
default="normal normal 36px Delius, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 0px Delius, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="header.text.color" description="Text Color" type="color" default="#ffffff"  value="transparent"/>
</Group>
<group description="Tabs Text" selector=".tabs-inner .widget li a">
<variable name="tabs.font" description="Font" type="font"
default="normal normal 15px Delius, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Delius, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
<variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(link.color)" value="#ff00fa"/>
</Group>
<group description="Tabs Background" selector=".tabs-outer .PageList">
<variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>
<variable name="tabs.separator.color" description="Separator Color" type="color" default="transparent" value="transparent"/>
</Group>
<group description="Post Title" selector="h3.post-title, .comments h4">
<variable name="post.title.font" description="Title Font" type="font"
default="normal normal 18px Delius, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Short Stack"/>
</Group>
<group description="Date Header" selector=".date-header">
<variable name="date.header.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
</Group>
<group description="Post" selector=".post">
<variable name="post.footer.text.color" description="Footer Text Color" type="color" default="#999999" value="#d7acfa"/>
<variable name="post.border.color" description="Border Color" type="color" default="#dddddd" value="transparent"/>
</Group>
<group description="Gadgets" selector="h2">
<variable name="widget.title.font" description="Title Font" type="font"
default="bold normal 13px Delius, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 100% Short Stack"/>
<variable name="widget.title.text.color" description="Title Color" type="color" default="#888888" value="#ffbd38"/>
</Group>
<group description="Footer" selector=".footer-outer">
<variable name="footer.text.color" description="Text Color" type="color" default="#cccccc" value="#cccccc"/>
<variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#aaaaaa" value="#ff99a5"/>
</Group>
<group description="Footer Links" selector=".footer-outer">
<variable name="footer.link.color" description="Link Color" type="color" default="#99ccee" value="#ff7a9c"/>
<variable name="footer.link.visited.color" description="Visited Color" type="color" default="#77aaee" value="#ff7a9c"/>
<variable name="footer.link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#ffbd38"/>
</Group>
<variable name="content.margin" description="Content Margin Top" type="length" default="0px" value="0px"/>
<variable name="content.padding" description="Content Padding" type="length" default="0" value="0"/>
<variable name="content.background" description="Content Background" type="background"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<variable name="content.border.radius" description="Content Border Radius" type="length" default="0" value="0"/>
<variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="0" value="0"/>
<variable name="header.padding" description="Header Padding" type="length" default="0" value="0"/>
<variable name="header.background.gradient" description="Header Gradient" type="url"
default="none" value="none"/>
<variable name="header.border.radius" description="Header Border Radius" type="length" default="0" value="0"/>
<variable name="main.border.radius.top" description="Main Border Radius" type="length" default="0px" value="0px"/>
<variable name="footer.border.radius.top" description="Footer Border Radius Top" type="length" default="0" value="0"/>
<variable name="footer.border.radius.bottom" description="Footer Border Radius Bottom" type="length" default="0px" value="0px"/>
<variable name="region.shadow.spread" description="Main and Footer Shadow Spread" type="length" default="3px" value="3px"/>
<variable name="region.shadow.offset" description="Main and Footer Shadow Offset" type="length" default="1px" value="1px"/>
<variable name="tabs.background.gradient" description="Tab Background Gradient" type="url" default="none" value="none"/>
<variable name="tab.selected.background.gradient" description="Selected Tab Background" type="url"
default="url()" value="url()"/>
<variable name="tab.background" description="Tab Background" type="background"
default="transparent url() repeat scroll top left" value="transparent url() repeat scroll top left"/>
<variable name="tab.border.radius" description="Tab Border Radius" type="length" default="0px"  value="0px"/>
<variable name="tab.first.border.radius" description="First Tab Border Radius" type="length" default="10px"  value="10px"/>
<variable name="tabs.border.radius" description="Tabs Border Radius" type="length" default="0"  value="0"/>
<variable name="tabs.spacing" description="Tab Spacing" type="length" default=".25em" value=".25em"/>
<variable name="tabs.margin.bottom" description="Tab Margin Bottom" type="length" default="0" value="0"/>
<variable name="tabs.margin.sides" description="Tab Margin Sides" type="length" default="0px" value="0px"/>
<variable name="main.background" description="Main Background" type="background"
default="transparent url() repeat scroll top left" value="transparent url() repeat scroll top left"/>
<variable name="main.padding.sides" description="Main Padding Sides" type="length" default="0px" value="0px"/>
<variable name="footer.background" description="Footer Background" type="background"
default="transparent url() repeat scroll top left" value="transparent url() repeat scroll top left"/>
<variable name="post.margin.sides" description="Post Margin Sides" type="length" default="-0px" value="-0px"/>
<variable name="post.border.radius" description="Post Border Radius" type="length" default="5px" value="5px"/>
<variable name="widget.title.text.transform" description="Widget Title Text Transform" type="string" default="uppercase" value="uppercase"/>
<variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
html body .region-inner {
min-width: 0;
max-width: 100%;
width: auto;
}
.content-outer {
font-size: 90%;
}
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}
.content-outer {
background: $(content.background);
-moz-border-radius: $(content.border.radius);
-webkit-border-radius: $(content.border.radius);
-goog-ms-border-radius: $(content.border.radius);
border-radius: $(content.border.radius);
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
margin: $(content.margin) auto;
}
.content-inner {
padding: $(content.padding);
}
/* Header
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top center;
_background-image: none;
color: $(header.text.color);
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}
.Header img, .Header #header-inner {
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: $(header.padding);
padding-right: $(header.padding);
}
.Header h1 {
font: $(header.font);
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: 130%;
}
/* Tabs
----------------------------------------------- */
.tabs-inner {
margin: .5em $(tabs.margin.sides) $(tabs.margin.bottom);
padding: 0;
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;
-moz-border-radius: $(tabs.border.radius);
-webkit-border-radius: $(tabs.border.radius);
-goog-ms-border-radius: $(tabs.border.radius);
border-radius: $(tabs.border.radius);
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .5em 1em;
margin-$endSide: $(tabs.spacing);
color: $(tabs.text.color);
font: $(tabs.font);
-moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
-webkit-border-top-left-radius: $(tab.border.radius);
-webkit-border-top-right-radius: $(tab.border.radius);
-goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
background: $(tab.background);
border-$endSide: 1px solid $(tabs.separator.color);
}
.tabs-inner .widget li:first-child a {
padding-$startSide: 1.25em;
-moz-border-radius-top$startSide: $(tab.first.border.radius);
-moz-border-radius-bottom$startSide: $(tabs.border.radius);
-webkit-border-top-$startSide-radius: $(tab.first.border.radius);
-webkit-border-bottom-$startSide-radius: $(tabs.border.radius);
-goog-ms-border-top-$startSide-radius: $(tab.first.border.radius);
-goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius);
border-top-$startSide-radius: $(tab.first.border.radius);
border-bottom-$startSide-radius: $(tabs.border.radius);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: $(tabs.selected.background.color) $(tab.selected.background.gradient) repeat scroll bottom;
color: $(tabs.selected.text.color);
-moz-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
}
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;
}
/* Main
----------------------------------------------- */
.main-outer {
background: $(main.background);
-moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
-webkit-border-top-left-radius: $(main.border.radius.top);
-webkit-border-top-right-radius: $(main.border.radius.top);
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}
.main-inner {
padding: 15px $(main.padding.sides) 20px;
}
.main-inner .column-center-inner {
padding: 0 0;
}
.main-inner .column-left-inner {
padding-left: 0;
}
.main-inner .column-right-inner {
padding-right: 0;
}
/* Posts
----------------------------------------------- */
h3.post-title { text-align:center;
margin: 0;
font: $(post.title.font);
}
.comments h4 {
margin: 1em 0 0;
font: $(post.title.font);
}
.date-header span {
color: $(date.header.color);
}
.post-outer {
background-color: $(post.background.color);
border: solid 1px $(post.border.color);
-moz-border-radius: $(post.border.radius);
-webkit-border-radius: $(post.border.radius);
border-radius: $(post.border.radius);
-goog-ms-border-radius: $(post.border.radius);
padding: 15px 20px;
margin: 0 $(post.margin.sides) 20px;
}
.post-body {
line-height: 1.4;
font-size: 110%;
position: relative;
}
.post-header {
margin: 0 0 1.5em;
color: $(post.footer.text.color);
line-height: 1.6;
}
.post-footer {
margin: .5em 0 0;
color: $(post.footer.text.color);
line-height: 1.6;
}
#blog-pager {
font-size: 140%
}
#comments .comment-author {
padding-top: 1.5em;
border-top: dashed 1px #ccc;
border-top: dashed 1px rgba(128, 128, 128, .5);
background-position: 0 1.5em;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid $(link.hover.color);
border-bottom: 1px solid $(link.hover.color);
}
.comments .continue {
border-top: 2px solid $(link.hover.color);
}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
border-top: dashed 1px #ccc;
border-top: dashed 1px rgba(128, 128, 128, .5);
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
/* Footer
----------------------------------------------- */
.footer-outer {
color:$(footer.text.color);
background: $(footer.background);
-moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
-webkit-border-top-left-radius: $(footer.border.radius.top);
-webkit-border-top-right-radius: $(footer.border.radius.top);
-webkit-border-bottom-left-radius: $(footer.border.radius.bottom);
-webkit-border-bottom-right-radius: $(footer.border.radius.bottom);
-goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}
.footer-inner {
padding: 10px $(main.padding.sides) 0px;
}
.footer-outer a {
color: $(footer.link.color);
}
.footer-outer a:visited {
color: $(footer.link.visited.color);
}
.footer-outer a:hover {
color: $(footer.link.hover.color);
}
.footer-outer .widget h2 {
color: $(footer.widget.title.text.color);
}
/* Mobile
----------------------------------------------- */
html body.mobile {
height: auto;
}
html body.mobile {
min-height: 480px;
background-size: 100% auto;
}
.mobile .body-fauxcolumn-outer {
background: $(mobile.background.overlay);
}
html .mobile .mobile-date-outer, html .mobile .blog-pager {
border-bottom: none;
background: $(main.background);
margin-bottom: 10px;
}
.mobile .date-outer {
background: $(main.background);
}
.mobile .header-outer, .mobile .main-outer,
.mobile .post-outer, .mobile .footer-outer {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.mobile .content-outer,
.mobile .main-outer,
.mobile .post-outer {
background: inherit;
border: none;
}
.mobile .content-outer {
font-size: 100%;
}
.mobile-link-button {
background-color: $(link.color);
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: $(post.background.color);
}
.mobile-index-contents {
color: $(body.text.color);
}
.mobile .tabs-inner .PageList .widget-content {
background: $(tabs.selected.background.color) $(tab.selected.background.gradient) repeat scroll bottom;
color: $(tabs.selected.text.color);
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-$startSide: 1px solid $(tabs.separator.color);
}
b {
color: #ff7799; /* COLOR DEL TEXTO */
font-family: Delius; /* TIPO DE LETRA */
background: transparent; /* FONDO */
padding: 1px;
}
u {
color: #43cfe4;
border-bottom: 1px dashed #caee5b; /* BORDE */
background: transparent;
}
i {
color: #ffbf34;
font-family: tahoma;
font-size: 16px; /* TAMAÑO DE LETRA */
}
s, strike {
color: #cccccc;
text-shadow: 1px 1px 0px #fff; /* SOMBRA DE TEXTO */
padding: 1px;
}
.header .widget {
text-align:center;}
.header img {margin:0 auto;}
}.sidebar .widget {
margin: 4px 2px 30px;
background:#f;
padding: 6px 6px;
background:#fff;
border-bottom: 5px solid #ff7a9c;
border-radius:7px;
box-shadow: 0 0 5px #ccc;
border-bottom: 5px solid #ff7a9c;
border-top: 5px solid #ff7a9c;
}
.sidebar .widget {
background: #ffffff;
border-bottom: 5px solid #66e3e1;
border-top: 5px solid #d7acfa;
-webkit-border-radius: 10px;
font-family: Delius;
font-size: 14px;
text-align: center;
font-weight: normal;
padding: 1px;
-webkit-transition-duration: .80s;
}
.sidebar h2 {
font: normal 18px 'Short Stack',Trebuchet,sans-serif;
color: #ff7a9c;
text-align: center;
margin-top: 3px;
margin-bottom: 2px;
border-bottom: 2px dashed #66e3e1;
}
.post-outer {
border: 1px dashed #ff7a9c;border-radius:5px;
formita de tu entrada♥padding:15px;
margin: 20px 0;
}
.comment-content{
background:#ffffff;
padding:13px;
border-radius:30px;
color:#666;}

h4{
background:#fccae8;
text-align:center;
color:#ffffff;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;}

@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}

.comment-block{background:#b3dee6;
padding:10px;
border-radius:30px;
border:3px dashed #ffffff}

.avatar-image-container{background:#fcb6e1;padding:5px;border-radius:50%;}

.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:50%;}

.avatar-image-container img:hover{
border-radius:50%;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}

.datetime{
background:#fff;
padding:8px;
float:right;
border-radius:30px;
font:10px arial;
margin-top:10px;}

.secondary-text{
padding:8px;
background:#fff;
border-radius:30px;
float:right;
border:2px solid #FEE8E8;
}
blockquote{
border-radius: 10px;
border-left: 20px solid #FA81B2;
padding: 5px;
-webkit-box-shadow: 0 0px 20px #ea488a;
-moz-box-shadow: 0 0 30px #000;
-moz-transition: all .4s ;
-webkit-transition: all .4s ;
}

blockquote:hover {
border-left: 20px solid #FA81B2;
-webkit-box-shadow: 3px 3px 0px #FA81B2, 1px -1px 0px #FA81B2;
-moz-box-shadow: 0 0 5px #fbc;
-moz-transition: all .4s ;
-webkit-transition: all .4s ;
}
    ]]></b:skin>
    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='1040px'/>
      <b:variable default='0' name='main.column.left.width' type='length'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='320px'/>
      <![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
    </b:template-skin>
    <b:include data='blog' name='google-analytics'/>
</head>
  <body expr:class='"loading" + data:blog.mobileClass'>
    <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Barra de navegación' type='Navbar'>
        <b:includable id='main'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("iframes-styles-bubble", function() {
          if (window.iframes && iframes.open) {
            iframes.open(
                '//www.blogger.com/navbar.g?targetBlogID\0754627355559829587837\46blogName\75Sweet+Day\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://sweetdayskin.blogspot.com/search\46blogLocale\75es\46v\0752\46homepageUrl\75http://sweetdayskin.blogspot.com/\46vt\0754147753594854916144',
                {
                  container: "navbar-iframe-container",
                  id: "navbar-iframe"
                },
                {
                });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
      </b:widget>
    </b:section>
    <b:if cond='data:blog.pageType == "index"'>
      <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
        <meta expr:content='data:blog.title' itemprop='name'/>
        <b:if cond='data:blog.metaDescription'>
          <meta expr:content='data:blog.metaDescription' itemprop='description'/>
        </b:if>
      </div>
</b:if>
    <div class='body-fauxcolumns'>
      <div class='fauxcolumn-outer body-fauxcolumn-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
<div class='fauxborder-left'>
          <div class='fauxborder-right'/>
          <div class='fauxcolumn-inner'>
          </div>
</div>
<div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
</div>
</div>
<div class='content'>
      <div class='content-fauxcolumns'>
        <div class='fauxcolumn-outer content-fauxcolumn-outer'>
          <div class='cap-top'>
            <div class='cap-left'/>
            <div class='cap-right'/>
          </div>
<div class='fauxborder-left'>
            <div class='fauxborder-right'/>
            <div class='fauxcolumn-inner'>
            </div>
</div>
<div class='cap-bottom'>
            <div class='cap-left'/>
            <div class='cap-right'/>
          </div>
</div>
</div>
<div class='content-outer'>
        <div class='content-cap-top cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
<div class='fauxborder-left content-fauxborder-left'>
          <div class='fauxborder-right content-fauxborder-right'/>
          <div class='content-inner'>
            <header>
              <div class='header-outer'>
                <div class='header-cap-top cap-top'>
                  <div class='cap-left'/>
                  <div class='cap-right'/>
                </div>
<div class='fauxborder-left header-fauxborder-left'>
                  <div class='fauxborder-right header-fauxborder-right'/>
                  <div class='region-inner header-inner'>
                    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
                      <b:widget id='Header1' locked='true' title='Sweet Day (cabecera)' type='Header'>
                        <b:includable id='main'>
                          <b:if cond='data:useImage'>
                            <b:if cond='data:imagePlacement == "BEHIND"'>
                              
                              <b:if cond='data:mobile'>
                                <div id='header-inner'>
                                  <div class='titlewrapper' style='background: transparent'>
                                    <h1 class='title' style='background: transparent; border-width: 0px'>
                                      <b:include name='title'/>
                                    </h1>
</div>
<b:include name='description'/>
                                </div>
<b:else/>
                                <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
                                  <div class='titlewrapper' style='background: transparent'>
                                    <h1 class='title' style='background: transparent; border-width: 0px'>
                                      <b:include name='title'/>
                                    </h1>
</div>
<b:include name='description'/>
                                </div>
</b:if>
                              <b:else/>
                              
                              <div id='header-inner'>
                                <a expr:href='data:blog.homepageUrl' style='display: block'>
                                  <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                                </a>
                                
                                <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
                                  <b:include name='description'/>
                                </b:if>
                              </div>
</b:if>
                            <b:else/>
                            
                            <div id='header-inner'>
                              <div class='titlewrapper'>
                                <h1 class='title'>
                                  <b:include name='title'/>
                                </h1>
</div>
<b:include name='description'/>
                            </div>
</b:if>
                        </b:includable>
                        <b:includable id='description'>
                          <div class='descriptionwrapper'>
                            <p class='description'>
<span>
                                <data:description/>
                              </span>
                            </p>
</div>
</b:includable>
                        <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:widget>
                    </b:section>
                  </div>
</div>
<div class='header-cap-bottom cap-bottom'>
                  <div class='cap-left'/>
                  <div class='cap-right'/>
                </div>
</div>
</header>
            <div class='tabs-outer'>
              <div class='tabs-cap-top cap-top'>
                <div class='cap-left'/>
                <div class='cap-right'/>
              </div>
<div class='fauxborder-left tabs-fauxborder-left'>
                <div class='fauxborder-right tabs-fauxborder-right'/>
                <div class='region-inner tabs-inner'>
                  <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
                  <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
                </div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
                <div class='cap-left'/>
                <div class='cap-right'/>
              </div>
</div>
<div class='main-outer'>
              <div class='main-cap-top cap-top'>
                <div class='cap-left'/>
                <div class='cap-right'/>
              </div>
<div class='fauxborder-left main-fauxborder-left'>
                <div class='fauxborder-right main-fauxborder-right'/>
                <div class='region-inner main-inner'>
                  <div class='columns fauxcolumns'>
                    <div class='fauxcolumn-outer fauxcolumn-center-outer'>
                      <div class='cap-top'>
                        <div class='cap-left'/>
                        <div class='cap-right'/>
                      </div>
<div class='fauxborder-left'>
                        <div class='fauxborder-right'/>
                        <div class='fauxcolumn-inner'>
                        </div>
</div>
<div class='cap-bottom'>
                        <div class='cap-left'/>
                        <div class='cap-right'/>
                      </div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
                      <div class='cap-top'>
                        <div class='cap-left'/>
                        <div class='cap-right'/>
                      </div>
<div class='fauxborder-left'>
                        <div class='fauxborder-right'/>
                        <div class='fauxcolumn-inner'>
                        </div>
</div>
<div class='cap-bottom'>
                        <div class='cap-left'/>
                        <div class='cap-right'/>
                      </div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
                      <div class='cap-top'>
                        <div class='cap-left'/>
                        <div class='cap-right'/>
                      </div>
<div class='fauxborder-left'>
                        <div class='fauxborder-right'/>
                        <div class='fauxcolumn-inner'>
                        </div>
</div>
<div class='cap-bottom'>
                        <div class='cap-left'/>
                        <div class='cap-right'/>
                      </div>
</div>

                    <div class='columns-inner'>
                      <div class='column-center-outer'>
                        <div class='column-center-inner'>
                          <b:section class='main' id='main' showaddelement='no'>
                            <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
                              <b:includable id='main' var='top'>
                                <b:if cond='data:mobile == "false"'>
                                  
                                  <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='comment_picker'/>
                                        </b:if>
                                        <b:if cond='data:blog.pageType == "item"'>
                                          <b:include data='post' name='comment_picker'/>
                                        </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: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:else/>
                                  <b:include name='mobile-main'/>
                                </b:if>
                                <b:if cond='data:top.showDummy'>
                                  <data:top.dummyBootstrap/>
                                </b:if>
                              </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='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'/>
                                  <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='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='comment_count_picker' var='post'>
                                <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-post-url='data:post.url' 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:includable>
                              <b:includable id='comment_picker' var='post'>
                                <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:includable>
                              <b:includable id='comments' var='post'>
                                <div class='comments' id='comments'>
                                  <a name='comments'/>
                                  <b:if cond='data:post.allowComments'>
                                    <h4>
                                      <data:post.commentLabelFull/>
                                      :
                                    </h4>
<b:if cond='data:post.commentPagingRequired'>
                                      <span class='paging-control-container'>
                                        <b:if cond='data:post.hasOlderLinks'>
                                          <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>
                                           
                                        </b:if>
                                        <data:post.commentRangeText/>
                                        <b:if cond='data:post.hasNewerLinks'>
                                           
                                          <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>
                                        </b:if>
                                      </span>
                                    </b:if>
                                    <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                                        <b:loop values='data:post.comments' var='comment'>
<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'/>
                                            <b:if cond='data:blog.enabledCommentProfileImages'>
                                              <data:comment.authorAvatarImage/>
                                            </b:if>
                                            <b:if cond='data:comment.authorUrl'>
                                              <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                                <data:comment.author/>
                                              </a>
                                              <b:else/>
                                              <data:comment.author/>
                                            </b:if>
                                            <data:commentPostedByMsg/>
                                          </dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                                            <b:if cond='data:comment.isDeleted'>
                                              <span class='deleted-comment'>
                                                <data:comment.body/>
                                              </span>
                                              <b:else/>
                                              <p>
<data:comment.body/>
                                              </p>
</b:if>
                                          </dd>
                                          <dd class='comment-footer'>
                                            <span class='comment-timestamp'>
                                              <a expr:href='data:comment.url' title='comment permalink'>
                                                <data:comment.timestamp/>
                                              </a>
                                              <b:include data='comment' name='commentDeleteIcon'/>
                                            </span>
                                          </dd>
                                        </b:loop>
                                      </dl>
</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>
                                  <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: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>
                                  <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='post' var='post'>
                                <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                                  <b:if cond='data:post.firstImageUrl'>
                                    <meta expr:content='data:post.firstImageUrl' 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>
<b:if cond='data:blog.metaDescription == ""'>
                                    
                                    <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
                                      <data:post.body/>
                                      <div style='clear: both;'/>
                                      
                                    </div>
<b:else/>
                                    <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
                                      <data:post.body/>
                                      <div style='clear: both;'/>
                                      
                                    </div>
</b:if>
                                  <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/>
                                          <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 class='g-profile' 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>
                                      <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 goog-inline-block'>
                                        <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>
<b:if cond='data:post.authorAboutMe'>
                                      <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <b:if cond='data:post.authorPhoto.url'>
                                          <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
                                        </b:if>
                                        <div>
                                          <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
                                            <span itemprop='name'>
                                              <data:post.author/>
                                            </span>
                                          </a>
                                        </div>
<span itemprop='description'>
                                          <data:post.authorAboutMe/>
                                        </span>
                                      </div>
</b:if>
                                  </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'>
                                      <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='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:section>
                        </div>
</div>
<div class='column-left-outer'>
                        <div class='column-left-inner'>
                          <aside>
                            <macro:include id='main-column-left-sections' name='sections'>
                              <macro:param default='0' name='num'/>
                              <macro:param default='sidebar-left' name='idPrefix'/>
                              <macro:param default='sidebar' name='class'/>
                              <macro:param default='true' name='includeBottom'/>
                            </macro:include>
                          </aside>
                        </div>
</div>
<div class='column-right-outer'>
                        <div class='column-right-inner'>
                          <aside>
                            <macro:include id='main-column-right-sections' name='sections'>
                              <macro:param default='2' name='num'/>
                              <macro:param default='sidebar-right' name='idPrefix'/>
                              <macro:param default='sidebar' name='class'/>
                              <macro:param default='true' name='includeBottom'/>
                            </macro:include>
                          </aside>
                        </div>
</div>
</div>
<div style='clear: both'/>
                    
                  </div>

                </div>
</div>
<div class='main-cap-bottom cap-bottom'>
                <div class='cap-left'/>
                <div class='cap-right'/>
              </div>
</div>
<footer>
              <div class='footer-outer'>
                <div class='footer-cap-top cap-top'>
                  <div class='cap-left'/>
                  <div class='cap-right'/>
                </div>
<div class='fauxborder-left footer-fauxborder-left'>
                  <div class='fauxborder-right footer-fauxborder-right'/>
                  <div class='region-inner footer-inner'>
                    <macro:include id='footer-sections' name='sections'>
                      <macro:param default='2' name='num'/>
                      <macro:param default='footer' name='idPrefix'/>
                      <macro:param default='foot' name='class'/>
                      <macro:param default='false' name='includeBottom'/>
                    </macro:include>
                    
                    <b:section class='foot' id='footer-3' showaddelement='no'/>
                  </div>
</div>
<div class='footer-cap-bottom cap-bottom'>
                  <div class='cap-left'/>
                  <div class='cap-right'/>
                </div>
</div>
</footer>
            
          </div>
</div>
<div class='content-cap-bottom cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
</div>
</div>
<script type='text/javascript'>
      window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
                                                                  }, 10);
    </script>
  </body>
  <macro:includable id='sections' var='col'>
    <macro:if cond='data:col.num == 0'>
      <macro:else/>
      <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
      <macro:if cond='data:col.num >= 2'>
        <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
          <tbody>
<tr>
              <td class='first columns-cell'>
                <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
              </td>
              <td class='columns-cell'>
                <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
              </td>
              <macro:if cond='data:col.num >= 3'>
                <td class='columns-cell'>
                  <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
                </td>
              </macro:if>
              <macro:if cond='data:col.num >= 4'>
                <td class='columns-cell'>
                  <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
                </td>
              </macro:if>
            </tr>
</tbody>
        </table>
<macro:if cond='data:col.includeBottom'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
        </macro:if>
      </macro:if>
    </macro:if>
  </macro:includable>
  
  
  
  
  
  
  
<b:section-contents id='sidebar-right-1'>
  <b:widget id='Text1' locked='false' title='Welcome!' 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:widget id='Text2' locked='false' title='Credits' 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-contents><b:section-contents id='sidebar-right-2-1'/><b:section-contents id='sidebar-right-2-2'/><b:section-contents id='sidebar-right-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>

Etiquetas: plantillas