Menús Y Más Para Blogger

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Simple

Designer: Blogger

URL: www.blogger.com

----------------------------------------------- */

/* Variable definitions

====================

<Variable name="body.font" description="Font" type="font"

default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

</Group>

<Variable name="header.font" description="Font" type="font"

default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="description.text.color" description="Description Color" type="color"

default="#777777" value="#ffffff"/>

</Group>

<Variable name="tabs.font" description="Font" type="font"

default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

<Variable name="post.title.font" description="Font" type="font"

default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="date.header.color" description="Text Color" type="color"

default="$(body.text.color)" value="#222222"/>

<Variable name="date.header.background.color" description="Background Color" type="color"

default="transparent" value="transparent"/>

<Variable name="date.header.font" description="Text Font" type="font"

default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="post.footer.background.color" description="Background Color" type="color"

default="#f9f9f9" value="#f9f9f9"/>

</Group>

<Variable name="widget.title.font" description="Title Font" type="font"

default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

</Group>

<Variable name="body.background" description="Body Background" type="background"

color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>

<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"

default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>

<Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"

default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)"/>

<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"

default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>

<Variable name="paging.background"

color="$(content.background.color)"

description="Background of blog paging area" type="background"

default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>

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

/* Content

----------------------------------------------- */

body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

$(body.background.override)

}

html body $(page.width.selector) {

min-width: 0;

max-width: 100%;

width: $(page.width);

}

h2 {

font-size: 22px;

}

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

}

.body-fauxcolumn-outer .fauxcolumn-inner {

background: transparent $(body.background.gradient.tile) repeat scroll top left;

_background-image: none;

}

.body-fauxcolumn-outer .cap-top {

position: absolute;

z-index: 1;

height: 400px;

width: 100%;

}

.body-fauxcolumn-outer .cap-top .cap-left {

width: 100%;

background: transparent $(body.background.gradient.cap) repeat-x scroll top left;

_background-image: none;

}

.content-outer {

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);

-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;

box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

margin-bottom: 1px;

}

.content-inner {

padding: $(content.padding) $(content.padding.horizontal);

}

$(content.background.color.selector) {

background-color: $(content.background.color);

}

/* Header

----------------------------------------------- */

.header-outer {

background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;

_background-image: none;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

}

.Header h1 a {

color: $(header.text.color);

}

.Header .description {

font-size: $(description.text.size);

color: $(description.text.color);

}

.header-inner .Header .titlewrapper {

padding: 22px $(header.padding);

}

.header-inner .Header .descriptionwrapper {

padding: 0 $(header.padding);

}

/* Tabs

----------------------------------------------- */

.tabs-inner .section:first-child {

border-top: $(header.bottom.border.size) solid $(tabs.border.color);

}

.tabs-inner .section:first-child ul {

margin-top: -$(header.border.size);

border-top: $(header.border.size) solid $(tabs.border.color);

border-left: $(header.border.horizontalsize) solid $(tabs.border.color);

border-right: $(header.border.horizontalsize) solid $(tabs.border.color);

}

.tabs-inner .widget ul {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none;

border-bottom: $(tabs.border.width) solid $(tabs.border.color);

margin-top: $(tabs.margin.top);

margin-left: -$(tabs.margin.side);

margin-right: -$(tabs.margin.side);

}

.tabs-inner .widget li a {

display: inline-block;

padding: .6em 1em;

font: $(tabs.font);

color: $(tabs.text.color);

border-$startSide: $(tabs.border.width) solid $(content.background.color);

border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);

}

.tabs-inner .widget li:first-child a {

border-$startSide: none;

}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {

color: $(tabs.selected.text.color);

background-color: $(tabs.selected.background.color);

text-decoration: none;

}

/* Columns

----------------------------------------------- */

.main-outer {

border-top: $(main.border.width) solid $(body.rule.color);

}

.fauxcolumn-left-outer .fauxcolumn-inner {

border-right: 1px solid $(body.rule.color);

}

.fauxcolumn-right-outer .fauxcolumn-inner {

border-left: 1px solid $(body.rule.color);

}

/* Headings

----------------------------------------------- */

div.widget > h2,

div.widget h2.title {

margin: 0 0 1em 0;

font: $(widget.title.font);

color: $(widget.title.text.color);

}

/* Widgets

----------------------------------------------- */

.widget .zippy {

color: $(widget.alternate.text.color);

text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);

}

.widget .popular-posts ul {

list-style: none;

}

/* Posts

----------------------------------------------- */

h2.date-header {

font: $(date.header.font);

}

.date-header span {

background-color: $(date.header.background.color);

color: $(date.header.color);

padding: $(date.header.padding);

letter-spacing: $(date.header.letterspacing);

margin: $(date.header.margin);

}

.main-inner {

padding-top: $(main.padding.top);

padding-bottom: $(main.padding.bottom);

}

.main-inner .column-center-inner {

padding: 0 $(main.padding);

}

.main-inner .column-center-inner .section {

margin: 0 $(main.section.margin);

}

.post {

margin: 0 0 $(post.margin.bottom) 0;

}

h3.post-title, .comments h4 {

font: $(post.title.font);

margin: .75em 0 0;

}

.post-body {

font-size: 110%;

line-height: 1.4;

position: relative;

}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

}

.post-body img, .post-body .tr-caption-container {

padding: $(image.border.large.size);

}

.post-body .tr-caption-container {

color: $(image.text.color);

}

.post-body .tr-caption-container img {

padding: 0;

background: transparent;

border: none;

-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);

-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);

box-shadow: 0 0 0 rgba(0, 0, 0, .1);

}

.post-header {

margin: 0 0 1.5em;

line-height: 1.6;

font-size: 90%;

}

.post-footer {

margin: 20px -2px 0;

padding: 5px 10px;

color: $(post.footer.text.color);

background-color: $(post.footer.background.color);

border-bottom: 1px solid $(post.footer.border.color);

line-height: 1.6;

font-size: 90%;

}

#comments .comment-author {

padding-top: 1.5em;

border-top: 1px solid $(body.rule.color);

background-position: 0 1.5em;

}

#comments .comment-author:first-child {

padding-top: 0;

border-top: none;

}

.avatar-image-container {

margin: .2em 0 0;

}

#comments .avatar-image-container img {

border: 1px solid $(image.border.color);

}

/* 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 $(widget.alternate.text.color);

border-bottom: 1px solid $(widget.alternate.text.color);

}

.comments .comment-thread.inline-thread {

background-color: $(post.footer.background.color);

}

.comments .continue {

border-top: 2px solid $(widget.alternate.text.color);

}

/* Accents

---------------------------------------------- */

.section-columns td.columns-cell {

border-$startSide: 1px solid $(body.rule.color);

}

.blog-pager {

background: $(paging.background);

}

.blog-pager-older-link, .home-link,

.blog-pager-newer-link {

background-color: $(content.background.color);

padding: 5px;

}

.footer-outer {

border-top: $(footer.bevel) dashed #bbbbbb;

}

/* Mobile

----------------------------------------------- */

body.mobile {

background-size: $(mobile.background.size);

}

.mobile .body-fauxcolumn-outer {

background: $(mobile.background.overlay);

}

.mobile .body-fauxcolumn-outer .cap-top {

background-size: 100% auto;

}

.mobile .content-outer {

-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);

box-shadow: 0 0 3px rgba(0, 0, 0, .15);

}

.mobile .tabs-inner .widget ul {

margin-left: 0;

margin-right: 0;

}

.mobile .post {

margin: 0;

}

.mobile .main-inner .column-center-inner .section {

margin: 0;

}

.mobile .date-header span {

padding: 0.1em 10px;

margin: 0 -10px;

}

.mobile h3.post-title {

margin: 0;

}

.mobile .blog-pager {

background: transparent none no-repeat scroll top center;

}

.mobile .footer-outer {

border-top: none;

}

.mobile .main-inner, .mobile .footer-inner {

background-color: $(content.background.color);

}

.mobile-index-contents {

color: $(body.text.color);

}

.mobile-link-button {

background-color: $(link.color);

}

.mobile-link-button a:link, .mobile-link-button a:visited {

color: $(mobile.button.color);

}

.mobile .tabs-inner .section:first-child {

border-top: none;

}

.mobile .tabs-inner .PageList .widget-content {

background-color: $(tabs.selected.background.color);

color: $(tabs.selected.text.color);

border-top: $(tabs.border.width) solid $(tabs.border.color);

border-bottom: $(tabs.border.width) solid $(tabs.border.color);

}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {

border-$startSide: 1px solid $(tabs.border.color);

}

/* ========================== CSS Menu =============================== */

.menu{

width: 23%;

position: fixed;

height: 100vh;

font-size: 17px;

background: -webkit-linear-gradient(blue, blueviolet, black);

z-index: 1000;

overflow: scroll;

transform: translateX(-120%);

transition: all 0.5s ease-in;

}

.menu::-webkit-scrollbar{

width: 5px;

}

.menu::-webkit-scrollbar-thumb{

background: -webkit-linear-gradient(black, gray);

border-radius: 10px;

}

#btn-menu:checked ~ .menu {

transform: translateX(-20%);

}

#btn-menu{

display: none;

}

label {

margin: 10px;

padding: 9px;

border-radius: 10px;

background: -webkit-linear-gradient(red, black);

margin-left: 92%;

font-size: 25px;

cursor: pointer;

color: white;

position: fixed;

z-index: 1000;

}

.menu .rs {

display: flex;

position: relative;

}

.menu .rs li a {

display: block;

}

.menu ul {

margin-top: -10px;

display: block;

list-style: none;

margin-left: -30px;

}

.menu ul ul {

display: none;

}

.menu a {

margin-left: 10px;

display: block;

padding: 10px 17.7px;

color: white;

text-decoration: none;

margin-top: 10px;

}

.menu a span {

margin-left: 68%;

}

.menu a:hover {

color: white;

background: -webkit-linear-gradient(red, black);

}

.rs a{

padding: 3px 7px;

margin-left: 15px;

font-size: 28px;

color: white;

border-radius: 9px;

transition: all 0.5s ease-in;

}

.rs a:hover{

color: white;

background: -webkit-linear-gradient(red, black);

transform: rotate(-9deg);

transition: all 0.1s ease-in;

}

.submenu ul{

margin-top: -10px;

margin-left: -40px;

}

.submenu ul a:hover {

background: -webkit-linear-gradient(violet, blue);

}

h1 {

width: auto;

padding: 19px;

font-size: 25px;

text-decoration: none;

background: -webkit-linear-gradient(red, black);

color: white;

}

@media(max-width: 780px){

label {

margin: 3px;

margin-left: 85%;

}

.menu a{

margin-left: 0px;

}

.rs a{

padding: 5px 9px;

font-size: 30px;

}

.menu{

margin-top: -8px;

width: 70%;

height: 100vh;

z-index: 1000;

transform: translateX(-120%);

transition: all 0.5s ease-in;

}

.menu ul {

margin-left: -40px;

}

.menu a span {

margin-left: 70%;

}

#btn-menu:checked ~ .menu {

transform: translateX(0%);

}

body::-webkit-scrollbar{

width: 8px;

}

body::-webkit-scrollbar-thumb{

background: -webkit-linear-gradient(red, black);

border-radius: 10px;

}]]></b:skin>

<b:template-skin>

<b:variable default='960px' name='content.width' type='length' value='1250px'/>

<b:variable default='0' name='main.column.left.width' type='length' value='320px'/>

<b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>

<![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;

}

body#layout div.add_widget {

padding: 8px;

}

body#layout div.add_widget a {

margin-left: 32px;

}

]]>

</b:template-skin>

<b:if cond='data:skin.vars.body_background.image.isResizable'>

<b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>

</b:if>

<b:include data='blog' name='google-analytics'/>

</head>

<h1><a href='/'>TuMarca.Com</a></h1>

<ul>

<ul>

<li><a href='#'>SubMenu_1</a></li>

<li><a href='#'>SubMenu_2</a></li>

<li><a href='#'>SubMenu_3</a></li>

</ul>

</li>

<ul>

<li><a href='#'>SubMenu_1.1</a></li>

<li><a href='#'>SubMenu_2.1</a></li>

<li><a href='#'>SubMenu_3.1</a></li>

<li><a href='#'>SubMenu_2.1</a></li>

<li><a href='#'>SubMenu_3.1</a></li>

</ul>

</li>

<ul>

<li><a href='#'>SubMenu_1.1</a></li>

<li><a href='#'>SubMenu_2.1</a></li>

<li><a href='#'>SubMenu_3.1</a></li>

</ul>

</li>

<ul>

<li><a href='#'>SubMenu_1.1</a></li>

<li><a href='#'>SubMenu_2.1</a></li>

<li><a href='#'>SubMenu_3.1</a></li>

</ul>

</li>

</ul>

</ul>

</nav>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.metaDescription'>

</b:if>

</div>

</b:if>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'>

<b:widget id='HTML2' locked='false' mobile='yes' title='Botones Murcielagos' type='HTML'>

<b:widget-settings>

<b:widget-setting name='content'>

</div>

</center>

<style>

/* ================ CSS botones ==================== */

.botones{

position: fixed;

z-index: 10;

}

.botones img {

margin-top: -36px;

width: 50px;

height: 50px;

transform: rotate(180deg);

border-radius: 10px;

transition: all 0.5s ease;

position: relative;

}

.botones img:hover {

transform: translateY(34px);

transition: all 0.5s ease;

}

@media(max-width: 780px){

.botones img {

width: 40px;

height: 40px;

margin-left: -10px;

}

.botones img {

margin-top: 15px;

transform: rotate(0deg);

}

.botones a{

display: block;

}

.botones img:hover {

transform: translateX(30px);

transition: all 0.5s ease;

}

.botones img:hover {

transform: translateX(34px);

transition: all 0.5s ease;

}

/* ================ fin CSS botones ==================== */

</style></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

<b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'/>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='main' id='main' name='Main' showaddelement='no'>

<b:widget id='Blog1' locked='false' title='Entradas del blog' type='Blog'>

<b:widget-settings>

<b:widget-setting name='showDateHeader'>true</b:widget-setting>

<b:widget-setting name='style.textcolor'>#222222</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='authorLabel'>By</b:widget-setting>

<b:widget-setting name='showCommentLink'>true</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#666666</b:widget-setting>

<b:widget-setting name='showAuthor'>false</b:widget-setting>

<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#cc6611</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLabels'>true</b:widget-setting>

<b:widget-setting name='showLocation'>true</b:widget-setting>

<b:widget-setting name='showTimestamp'>true</b:widget-setting>

<b:widget-setting name='postsPerAd'>3</b:widget-setting>

<b:widget-setting name='showBacklinks'>false</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showInlineAds'>true</b:widget-setting>

<b:widget-setting name='showReactions'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='top'>

<b:if cond='!data:mobile'>

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

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>

</div></div>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

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

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>

</div>

<b:if cond='data:post.includeAd'>

<data:adCode/>

</div>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:else/>

<b:include name='mobile-main'/>

</b:if>

<b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'/>

<b:includable id='backlinks' var='post'/>

<b:includable id='comment-form' var='post'>

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

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</head></html>

<b:includable id="commentDeleteIcon" var="comment">

<b:if cond="data:showCmtPopup">

</div>

<b:else>

</a>

</b:else></div></b:if>

</span>

</b:includable>

<b:includable id="comment_count_picker" var="post">

<data:post .commentlabelfull="">:

</data:post></a>

</b:includable>

<b:includable id="comment_picker" var="post">

<b:if cond="data:post.showThreadedComments">

<b:include data="post" name="threaded_comments">

<b:else>

<b:include data="post" name="comments">

</b:include></b:else></b:include></b:if>

</b:includable>

<b:includable id="comments" var="post">

<b:if cond="data:post.allowComments">

<b:if cond="data:post.commentPagingRequired">

<b:if cond="data:post.hasOlderLinks">

</b:if></span></b:if></b:if></a><span class="paging-control-container"><a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl"><data:post .oldestlinktext=""></data:post></a>

<data:post .commentrangetext="">

<b:if cond="data:post.hasNewerLinks">

</b:if>

</data:post></span>

<b:loop values="data:post.comments" var="comment">

<b:if cond="data:comment.favicon">

</b:if>

<b:if cond="data:blog.enabledCommentProfileImages">

<data:comment .authoravatarimage="">

</data:comment></b:if>

<b:if cond="data:comment.authorUrl">

</b:if></a><a expr:href="data:comment.authorUrl" rel="nofollow"><data:comment .author=""></data:comment></a>

<b:else>

<data:comment .author="">

</data:comment></b:else>

<data:commentpostedbymsg>

</data:commentpostedbymsg></dt>

<b:if cond="data:comment.isDeleted">

<b:else>

<p>

<data:comment .body="">

</data:comment></p>

</b:else></b:if>

</dd>

<data:comment .timestamp="">

</data:comment></a>

<b:include data="comment" name="commentDeleteIcon">

</b:include></span>

</dd>

</b:loop>

</dl>

</div>

<b:if cond="data:post.commentPagingRequired">

<data:post .oldestlinktext="">

</data:post></a>

<data:post .olderlinktext="">

</data:post></a>

<data:post .commentrangetext="">

<data:post .newerlinktext="">

</data:post></a>

<data:post .newestlinktext="">

</data:post></a>

</data:post></span>

</b:if>

<b:if cond="data:post.embedCommentForm">

<b:if cond="data:post.allowNewComments">

<b:include data="post" name="comment-form">

<b:else>

<data:post .nonewcommentstext="">

</data:post></b:else></b:include></b:if>

<b:elseif cond="data:post.allowComments">

</b:elseif></b:if>

</p>

<b:if cond="data:showCmtPopup">

</iframe>

</div>

</b:if>

</div>

</b:includable>

<b:includable id="feedLinks">

<b:if cond="data:blog.pageType != "item"">

<b:if cond="data:feedLinks">

<b:include data="feedLinks" name="feedLinksBody">

</b:include></div>

</b:if>

<b:else>

<b:loop values="data:posts" var="post">

<b:include cond="data:post.allowComments and data:post.feedLinks" data="post.feedLinks" name="feedLinksBody">

</b:include></b:loop>

</div>

</b:else></b:if>

</b:includable>

<b:includable id="feedLinksBody" var="links">

<data:feedlinksmsg>

<b:loop values="data:links" var="f">

</b:loop>

</data:feedlinksmsg></div>

</b:includable>

<b:includable id="iframe_comments" var="post">

</b:includable>

<b:includable id="mobile-index-post" var="post">

<b:if cond="data:post.dateHeader">

</div>

</b:if>

<data:post .title="">

</data:post></h3>

<div class="mobile-index-arrow">&rsaquo;</div>

<b:if cond="data:post.thumbnailUrl">

</div>

</b:if>

<b:if cond="data:post.snippet"><data:post .snippet=""></data:post></b:if>

</div>

</div></a>

<b:include cond="data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0" data="post" name="comment_count_picker">

</b:include></div>

</div>

</b:includable>

<b:includable id="mobile-main" var="top">

<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:include></b:loop>

<b:else>

<b:loop values="data:posts" var="post">

<b:include data="post" name="mobile-post">

</b:include></b:loop>

</b:else></b:if>

</b:include></div>

<b:include name="mobile-nextprev">

</b:include></b:includable>

<b:includable id="mobile-nextprev">

<b:if cond="data:newerPageUrl">

<a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + "_blog-pager-newer-link"" expr:title="data:newerPageTitle">&lsaquo;</a>

</div>

</b:if>

<b:if cond="data:olderPageUrl">

<a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + "_blog-pager-older-link"" expr:title="data:olderPageTitle">&rsaquo;</a>

</div>

</b:if>

</div>

</div>

</div></b:includable>

<b:includable id="mobile-post" var="post">

<b:if cond="data:post.dateHeader">

</b:if>

<b:if cond="data:post.thumbnailUrl">

</b:if>

<b:if cond="data:post.title">

</b:if></a><h3 class="post-title entry-title"><a expr:name="data:post.id">

<b:if cond="data:post.link">

</b:if></a><a expr:href="data:post.link"><data:post .title=""></data:post></a>

<b:elseif cond="data:post.url and data:blog.url != data:post.url">

<b:else>

<data:post .title="">

</data:post></b:else></b:elseif>

</h3>

</div>

<data:post .body="">

</div>

<b:if cond="data:top.showAuthor">

<b:if cond="data:post.authorProfileUrl">

</a>

</span>

<b:else>

</span>

</b:else></b:if>

</b:if>

</span>

<b:if cond="data:top.showTimestamp">

<data:top .timestamplabel="">

<b:if cond="data:post.url">

</b:if>

</data:top></b:if>

</span>

<b:include cond="data:blog.pageType not in {"item","static_page"} and data:post.allowComments" data="post" name="comment_count_picker">

</b:include></span>

</div>

<b:if cond="data:top.showMobileShare">

</div>

</b:if>

<b:if cond="data:top.showDummy">

</b:if>

</div>

</data:post></div>

<b:include cond="data:blog.pageType in {"static_page","item"}" data="post" name="comment_picker">

</b:include></div>

</div>

</div></div></b:includable>

<b:includable id="nextprev">

<b:if cond="data:newerPageUrl">

</span>

</b:if>

<b:if cond="data:olderPageUrl">

</span>

</b:if>

<b:if cond="data:mobileLinkUrl">

</div>

</b:if>

</div>

</div></b:includable>

<b:includable id="post" var="post">

<b:if cond="data:post.firstImageUrl">

</b:if>

<b:if cond="data:post.title">

</b:if></a><h3 class="post-title entry-title"><a expr:name="data:post.id">

<b:if cond="data:post.link or (data:post.url and data:blog.url != data:post.url)">

</b:if></a><a expr:href="data:post.link ? data:post.link : data:post.url"><data:post .title=""></data:post></a>

<b:else>

<data:post .title="">

</data:post></b:else>

</h3>

</div>

<data:post .body="">

</div>

<b:if cond="data:post.hasJumpLink">

</div>

</b:if>

<b:if cond="data:top.showAuthor">

<data:top .authorlabel="">

<b:if cond="data:post.authorProfileUrl">

</a>

</span>

<b:else>

</span>

</b:else></b:if>

</data:top></b:if>

</span>

<b:if cond="data:top.showTimestamp">

<data:top .timestamplabel="">

<b:if cond="data:post.url">

</b:if>

</data:top></b:if>

</span>

<b:if cond="data:top.showReactions">

<data:top .reactionslabel=""></data:top></span> </td>

</tr></table>

</b:if>

</span>

<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>

</span>

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

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

</span>

<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>

</div>

<b:if cond='data:top.showPostLabels and data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span>

</div>

<b:if cond='data:top.showLocation and data:post.location'>

<data:postLocationLabel/>

</b:if>

</span>

</div>

<b:if cond='data:post.authorAboutMe'>

<b:if cond='data:post.authorPhoto.url'>

</b:if>

<div>

</a>

</div>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

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

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

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

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(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) {

var text = (entry &&

((entry.content && entry.content.$t) ||

(entry.summary && entry.summary.$t))) ||

'';

if (entry && entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + text + '</span>';

}

return text;

}

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

replybox.src = '';

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

<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>

<data:post.commentHtml/>

</div>

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

</iframe>

</td></tr></tbody></table></b:if></span></div>

</div></data:post></div></div></div></b:includable>

<b:include cond="data:post.showBacklinks" data="post" name="backlinks">

</b:include></div>

</div>

<aside>

<macro:include id="main-column-left-sections" name="sections">

<macro:param default="0" name="num" value="1">

<macro:param default="sidebar-left" name="idPrefix">

<macro:param default="sidebar" name="class">

<macro:param default="true" name="includeBottom">

</macro:param></macro:param></macro:param></macro:param></macro:include>

</aside>

</div>

<aside>

<macro:include id="main-column-right-sections" name="sections">

<macro:param default="2" name="num" value="0">

<macro:param default="sidebar-right" name="idPrefix">

<macro:param default="sidebar" name="class">

<macro:param default="true" name="includeBottom">

</macro:param></macro:param></macro:param></macro:param></macro:include>

</aside>

</div>

</div>

</div>

</div>

<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:param></macro:param></macro:param></macro:param></macro:include>

<b:section class="foot" id="footer-3" name="Footer" showaddelement="no">

<b:widget id="Attribution1" locked="false" title="" type="Attribution">

<b:widget-settings>

<b:widget-setting name="copyright">

</b:widget-setting></b:widget-settings>

<b:includable id="main">

<b:if cond="data:attribution != """>

<data:attribution>

</data:attribution></b:if>

</div>

<b:include name="quickedit">

</b:include></b:includable>

</b:widget>

</b:section>

</div>

</div>

</div></div></div></div></div></footer>

</div>

</div>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>

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

<macro:if cond="data:col.num >= 3">

</macro:if><macro:if cond="data:col.num >= 4">

</macro:if><table border="0" cellpadding="0" cellspacing="0" mexpr:class=""section-columns columns-" + data:col.num">

<tbody>

<tr>

<b:section mexpr:class="data:col.class" mexpr:id="data:col.idPrefix + "-2-1"">

</b:section></td>

<b:section mexpr:class="data:col.class" mexpr:id="data:col.idPrefix + "-2-2"">

</b:section></td>

<b:section mexpr:class="data:col.class" mexpr:id="data:col.idPrefix + "-2-3"">

</b:section></td>

<b:section mexpr:class="data:col.class" mexpr:id="data:col.idPrefix + "-2-4"">

</b:section></td>

</tr>

</tbody>

</table>

<macro:if cond="data:col.includeBottom">

<b:section mexpr:class="data:col.class" mexpr:id="data:col.idPrefix + "-3"" showaddelement="no">

</b:section></macro:if>

</macro:if>

</b:section></macro:else></macro:if>

</macro:includable>

<b:section-contents id="sidebar-left-1"><b:section-contents id="footer-1">

<b:widget id="FeaturedPost1" locked="false" title="" type="FeaturedPost">

<b:widget-settings>

<b:widget-setting name="showSnippet">true</b:widget-setting>

<b:widget-setting name="showPostTitle">true</b:widget-setting>

<b:widget-setting name="showFirstImage">true</b:widget-setting>

<b:widget-setting name="useMostRecentPost">true</b:widget-setting>

</b:widget-settings>

<b:includable id="main">

<b:if cond="data:title != """>

</b:if>

<b:include name="content">

<b:include name="quickedit">

</b:include></b:include></b:includable>

<b:includable id="content">

<b:if cond="data:showPostTitle and data:postTitle != """>

</b:if>

<b:if cond="data:showSnippet and data:postSummary != """>

<p>

<data:postsummary>

</data:postsummary></p>

</b:if>

<b:if cond="data:showFirstImage and data:postFirstImage != """>

</b:if>

</div>

.image {

width: 100%;

}

</style>

</b:includable>

</b:widget>

<b:widget id="PopularPosts1" locked="false" title="" type="PopularPosts">

<b:widget-settings>

<b:widget-setting name="numItemsToShow">3</b:widget-setting>

<b:widget-setting name="showThumbnails">true</b:widget-setting>

<b:widget-setting name="showSnippets">true</b:widget-setting>

<b:widget-setting name="timeRange">LAST_YEAR</b:widget-setting>

</b:widget-settings>

<b:includable id="main">

<b:if cond="data:title != """><h2><data:title></data:title></h2></b:if>

<ul>

<b:loop values="data:posts" var="post">

<li>

<b:if cond="!data:showThumbnails">

<b:if cond="!data:showSnippets">

<b:else>

</b:else></b:if>

<b:else>

<b:if cond="data:post.featuredImage.isResizable or data:post.thumbnail">

<b:with value="data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail" var="image">

</b:with>

</a>

</div>

</b:if>

<b:if cond="data:showSnippets">

</b:if>

</div>

</div></b:else></b:if>

</li>

</b:loop>

</ul>

<b:include name="quickedit">

</b:include></div>

</b:includable>

</b:widget>

<b:widget id="AdSense1" locked="false" title="" type="AdSense">

<b:includable id="main">

<data:adcode>

<b:include name="quickedit">

</b:include></data:adcode></div>

</b:includable>

</b:widget>

<b:widget id="AdSense2" locked="false" title="" type="AdSense">

<b:includable id="main">

<data:adcode>

<b:include name="quickedit">

</b:include></data:adcode></div>

</b:includable>

</b:widget>

</b:section-contents><b:section-contents id="footer-2-1">

<b:widget id="HTML1" locked="false" mobile="yes" title="Script" type="HTML">

<b:widget-settings>

<b:widget-setting name="content"><script>

$(".submenu").click(function(){

$(this).children("ul").slideToggle();

})

$("ul").click(function(p){

p.stopPropagation();

})

</script></b:widget-setting>

</b:widget-settings>

<b:includable id="main">

<b:if cond="data:title != """>

</b:if>

<data:content>

</data:content></div>

<b:include name="quickedit">

</b:include></b:includable>

</b:widget>

</b:section-contents><b:section-contents id="footer-2-2">

<b:widget id="Profile1" locked="false" title="Datos personales" type="Profile">

<b:widget-settings>

<b:widget-setting name="showaboutme">true</b:widget-setting>

<b:widget-setting name="showlocation">false</b:widget-setting>

</b:widget-settings>

<b:includable id="main">

<b:if cond="data:title != """>

</b:if>

<b:if cond="data:team">

<ul>

<b:loop values="data:authors" var="i">

</b:loop>

</ul>

<b:else>

<b:if cond="data:photo.url != """>

</b:if>

<data:displayname>

</data:displayname></a>

<b:if cond="data:hasgoogleprofile">

<br />

</div></b:if>

</dt>

<b:if cond="data:showlocation">

</b:if>

<b:if cond="data:aboutme != """><dd class="profile-textblock"><data:aboutme></data:aboutme></dd></b:if>

</dl>

</b:else></b:if>

<b:include name="quickedit">

</b:include></div>

</b:includable>

</b:widget>

</b:section-contents></b:section-contents>

Botones Murcielagos

viernes, 7 de agosto de 2020