Archivos... y lo que se me vaya ocurriendo-
Magic Paper
Original de MovableType, y ahora para Nuevo Blogger. Se ve muy bien tanto en Firefox como en IE (al menos en IE7, que es el que uso). Quien vaya a usar este CSS, mejor que suba las imágenes a su pc, no sea que desaparezcan del servidor original.
Aunque a imagen de la plantilla que muestro es de dos columnas, yo la he insertado en tres: una columna a cada lado del bloque de entradas. De todas formas, el CSS posibilita que cada quien ponga las columnas que le parezca bien.
El CSS lo muestra BlogerCrowds pero no el HTML (XML), que he sacado, como he podido, de la demo de esta página.
Mi Demo: Plantillas.
Esqueleto:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/*
-----------------------------------------------
Blogger Template Style
Name: Magic paper
Designer: Simone Plebani
Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */
/* ------- Elementi Basilari -------- */
/* ------- BASILAR ELEMENTS --------- */
#navbar-iframe { height:0px; visibility:hidden; display:none }
body {
background: #2b2207 url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/background.gif) repeat-x top ;
font-family: georgia, times, serif;
margin:0px;
padding:0px;
font-size:.8em;
}
acronym, abbr {
border-bottom: 1px dotted #a78f65;
text-decoration: none;
cursor: help;
}
code, pre { font-family: "Courier New",Courier,monospace; }
input, textarea { background: #f0e8db; border: 1px solid #cec0a1; color: #666666; }
/* -- LVHA Rule -- More Browser Compatibility */
/* In order :link, :visited, :hover, :active */
/* ITA: In ordine :link, :visited, :hover, :active. Serve per una corretta visualizzazione dei links
in alcuni browser come Camino, ecc. */
a:link {
border-bottom: 1px solid #d3c8b3;
text-decoration: none;
color: #3f848a;
}
a:visited {
text-decoration: none;
border-bottom: 1px solid #d3c8b3;
color: #3f848a;
}
a:hover {
border-bottom: 1px solid #1a3d40;
text-decoration: none;
color: #324648;
background-color: #ded4c2;
}
a:active {
border-bottom: 1px solid #1a3d40;
text-decoration: none;
color: #324648;
background-color: #ded4c2;
}
#container { border: none; margin: 0 auto; padding: 0; }
#container-inner { border: 0; }
#pagebody { padding: 0; margin: 0; overflow: hidden; }
#pagebody-inner { margin: 0; padding: 0; }
.pkg#alpha-inner { margin: 0; padding: 0; }
#alpha, #beta, #gamma { color: #695847; margin: 0; }
/* ---------- HEADER --------- */
#banner {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/header.gif) no-repeat top left;
width: 474px;
height: 191px;
}
#banner-inner {
padding: 5px 0;
width: 328px;
height: 81px;
border: 0;
text-align: center;
margin: 0 auto;
}
#banner-header {
color: #c6c29e;
line-height: 100%;
font-size: 250%;
font-family: georgia, times, serif;
font-weight: normal;
margin: 5px 0 0 0;
}
#banner-description {
color: #b8b19e;
font-size: 110%;
text-shadow: #36414d 0 1px 2px;
font-family: georgia, times, serif;
}
#banner a {
color: #c6c29e;
text-decoration: none;
border: none;
background: none;
}
#banner a:visited { padding: 0; background: none; }
#banner a:hover { color: #f3eec3; }
/* ------------------------------------ */
/* ------ FORMATTED ELEMENTS ---------- */
.entry-body ul li { list-style-image: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif); }
.entry-body ol li { list-style-type : upper-roman; }
.content-nav { margin: 0px; }
div.entry { margin: 0 auto; }
.entry-body img, .comment-userpic img { border: solid 1px #4d6e71; padding: 3px; }
span.separator { display: none; }
.entry-content, .comment-content { margin: 0; line-height: 1.5; }
.entry { margin: 0 auto; width: 93%; }
blockquote {
padding: 20px 0 0 50px;
margin: 0 auto;
font-style: italic;
font-size: 125%;
color: #7f6d5a;
width: 80%;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/blockquote.gif) top left no-repeat;
}
.entry-body, .entry-more, .comments-open-content, .trackbacks-content, .comment-content {
background: transparent;
padding: 0;
font-size: 100%;
width: 100%;
margin: 0 auto;
color: #8b7967;
line-height: 130%;
}
/* USER'S PITCURES - Settings ----------------------- */
.entry-footer, .comment-footer, .trackback-footer {
width: 99%; /* 99% --> No User Pics /// < 85% --> User Pics (proportional to images' dimensions) */
font-size: 100%;
text-align: left;
border-top: 2px solid #d3c8b3;
padding: 0;
margin: 0;
margin-top: 5px;
margin-bottom: 25px;
float: right;
color: #695847;
}
.entry-userpic,
.comment-userpic {
display: none; /* Add Comment to Show UserPics (only LJ's users) */
float: left;
width: 50px;
height: 70px;
position: relative;
top: -2px;
}
.entry-userpic img,
.comment-userpic img {
width: 50px;
height: 50px;
margin-top: 5px;
}
/* ---------------------------- */
/* ------- H2/H3 Style! ------- */
.entry-header,
h3#trackback,
h2.comments-open-header,
h3.comments-header,
#alpha h3 {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_header.jpg) left top no-repeat;
font-size: 1.7em;
line-height: 1.3em;
color: #695847;
margin: 0;
margin-top: 5px;
padding: 2px 0 8px 36px;
}
.date-header {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_date.gif) right top no-repeat;
color: #968472;
font-size: 1.5em;
margin: 0px 20px 0px 0px;
float: right;
line-height: 1.3em;
padding: 0 40px 10px 0px;
}
h2.comments-open-header {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_postcomment.gif) left top no-repeat; }
#alpha h2 {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat; font-size: 1.3em; text-transform: uppercase; padding: 0 0 3px 10px; }
#alpha h2 a, #alpha h2 a:visited, #alpha h2 a:hover { margin: 0; padding: 0; background-color: transparent; }
#alpha h2 a { color: #695847; }
#alpha h2 a:visited { border-bottom: 1px solid #d3c8b3; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat;}
#alpha h2 a:hover { border-bottom: 1px solid #d3c8b3; }
/* --- INDIVIDUAL ENTRY Style (Comments, Trackback, ecc) -------- */
#trackbacks-info {
border: 1px solid #d3c8b3;
text-align: center;
padding: .5em;
width: 80%;
margin: 0 auto;
font-size: 105%;
background: #ece4d4;
}
.comments-open-moderated, .trackback-content {
border: 1px solid #d3c8b3;
text-align: center;
padding: 0.5em;
margin: 0 auto;
font-size: 105%;
background: #ece4d4;
}
div.trackbacks,
div.comments-open,
div.comments-content { margin: 0 auto; width: 95%; }
.trackback-content {
border: 0;
color: #9B9188;
border-top: 1px solid #d3c8b3;
padding: 0.3em;
margin: 0 auto;
text-align: left;
font-size: 95%;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
background: #ece4d4;
}
.comments-open-footer { margin: 10px 0; }
.comments-open-data label { font-size: 130%; }
.comment-content { border-bottom: 2px solid #bbaf97; }
.trackback-footer {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
}
span.post-footers,
.trackback-footer {
text-align: left;
font-size: 105%;
display: block;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_author.gif) left center no-repeat;
padding-left: 40px;
padding-top: 4px;
}
/* ------- "BOOKMARK" Style (Column) ------- */
#alpha .widget { margin: 5px 10px 5px 10px; }
#alpha ul {font-size: 100%; margin:0 0 0 5px; padding:0;}
#alpha li {
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif) 0px 3px no-repeat;
padding: 0 0 0 12px;
display: block;
}
#alpha li li {
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet_module.gif) 2px 3px no-repeat;
padding: 0 0 0 14px;
}
#search {
width: 167px;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/search.gif) no-repeat;
border: 0;
padding-left: 3px;
margin: 5px 0 5px 0;
color: #3f848a;
}
/* FEED Style */
.module-syndicate { padding-left: 35px; width: 75%; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/feed_title.gif) top left no-repeat; margin: 15px 0 0 5px;}
.module-syndicate a:link { text-transform: uppercase; color: #9d8c61; line-height: 1.4em; border: none; font-size: 0.9em;}
.module-syndicate a:visited { background: none; padding: 0;}
.module-syndicate a:hover { background: none; border-bottom: 1px solid #b8a87f; }
/* 1 colonna */
/* ONE COLUMN */
.layout-one-column #container { width:474px; }
.layout-one-column #alpha {
padding: 0px 0px 120px 0px;
width: 474px;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/footer.jpg) no-repeat left bottom;
}
.layout-one-column #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-one-column .pkg#pagebody-inner { margin: 0; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
/* 2 colonne (sinistra)*/
/* TWO COLUMN LEFT */
.layout-two-column-left #container { width:680px; }
.layout-two-column-left #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-left #banner { float: right; }
.layout-two-column-left #pagebody { clear: both; }
.layout-two-column-left #alpha {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat left bottom;
float: left;
padding: 0 0 55px 0;
margin: 0 15px 0 0;
}
.layout-two-column-left #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-left #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
/* 2 colonne (destra)*/
/* TWO COLUMN RIGHT */
.layout-two-column-right #container { width:680px; }
.layout-two-column-right #alpha { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-right #banner { float: left; }
.layout-two-column-right #pagebody { clear: both; }
.layout-two-column-right #beta {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
float: left;
padding: 0 0 55px 0;
margin: 0 0 0 15px;
}
.layout-two-column-right #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-right #beta-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
/* 3 colonne */
/* THREE COLUMNS */
.layout-three-column #container { width:886px; }
.layout-three-column #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; float: left;}
.layout-three-column #banner { margin: 0 auto; }
.layout-three-column #pagebody { clear: both; }
.layout-three-column #alpha, .layout-three-column #gamma {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
float: left;
padding: 0 0 45px 0;
}
.layout-three-column #alpha { margin: 0 15px 0 0; }
.layout-three-column #gamma { margin: 10px 0 0 15px; }
.layout-three-column #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-three-column #alpha-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
.layout-three-column #gamma-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column2.gif) center top no-repeat; padding-top: 65px; }
.clear{clear:both;}
.breadcrumbs {
border-bottom:1px dotted ;
margin:0 0 0.5em;
padding:0 0 0.5em;
}
.commentphoto img {
margin: 5px;
border:0px
}
]]></b:skin>
<script type='text/javascript'>
<!--
function expandIt(getIt){
getIt.style.display=(getIt.style.display=="none")?"":"none";
}
//--></script>
<script type='text/javascript'>
function writeText(txt)
{
document.getElementById("desc").innerHTML=txt
}
</script>
<ItemPage><script src='http://ghill.customer.netspace.net.au/backlinker/backlinker.js' type='text/javascript'>
</script></ItemPage>
<script defer='defer' id='snap_preview_anywhere' src='http://spa.snap.com/snap_preview_anywhere.js?ap=1&key=4302cfe9c02005fc348132485a1d6d12&sb=1&domain=http://junio-cuentacuentos.blogspot.com/' type='text/javascript'/>
<script type='text/javascript'>
// set PopMarks parameters
popAnchor = 'popmarks+set3';
</script>
<script src=' http://ghill.customer.netspace.net.au/popmarks/popmarks-v02.js' type='text/javascript'>
</script>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>
<script src='http://yggomelprup.googlepages.com/blogger_comment_photos.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[BloggerProfiles.noimage = 'http://img304.imageshack.us/img304/3518/rect18st2.png';BloggerProfiles.imageWidth = 10;BloggerProfiles.imageHeight = 20;addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});//]]></script>
<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>
<meta content='a6j67jvsGzig4FLZ/oG1T3ko6XZcDPn9Gdf4Xu8tlL0=' name='verify-v1'/>
<script type='text/javascript'>
// Label Cloud User Variables
var lcBlogURL = 'http://cafe-junio.blogspot.com';
var cloudMin = 1;
var maxFontSize = 13;
var maxColor = [255, 0, 255 ];
var minFontSize = 11;
var minColor = [0, 255, 255 ];
var lcShowCount = false;
</script>
<script> function date_replace(d){ var da = d.split(' '); day = "<span class='theDate'>"+da[0]+"</span>"; mon = "<span class='theMonth'>"+da[1].slice(0,3)+"</span>"; year = "<span class='theYear'>"+da[2]+"</span>"; document.write(day+mon+year); } </script>
<script src='http://aditya.vm.googlepages.com/addSmiley.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';
if(typeof(thisblog_showCommentPhotos) == 'undefined')
thisblog_showCommentPhotos = false;
//]]>
</script>
<script type='text/javascript'>
// set PopMarks parameters
popAnchor = 'popmarks+set3';
</script>
<script src=' http://ghill.customer.netspace.net.au/popmarks/popmarks-v02.js' type='text/javascript'>
</script>
<style type='text/css'>
#indicator {
position:fixed;
z-index:1000;
padding:15px 0;
top:40%;
background-color:gold;
border:3px solid cyan;
width:176px;
left:50%;
margin-left:-88px;
text-align:center;
}
#search-result {
border:3px solid firebrick;
padding:10px;
padding-bottom:30px;
font-size:85%;
}
.search-result-meta {
background:#ff9933;
padding:2px;
}
.search-result-meta img {
border-width:0;
vertical-align:
text-bottom;
}
.search-title{
font-size:1em;
padding-bottom:3px;
font-weight:bold;
text-align:left;
text-decoration:underline;
}
.search-cat{
display:block;
padding:3px;
font-size:1em;
margin-top:5px;
margin-bottom:5px;
border-bottom:3px solid cyan;
font-weight:bold;
}
.search-close {
color:#ff9933;
float:right;
border:1px solid #F5F5F5;
margin-top:10px;cursor:pointer;
}
.search-result-nav {
font-size:1.4em;
font-weight:bold;
padding:5px 0pt;
text-align:center;
}
</style>
<script src='http://bh.javascript.googlepages.com/prototype.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// Parametros Personalizables por el Usuario
// ----------------------------
// maxresults - Numero de resultado de mostrar por pagina
// navFlag - Poner Navegacion ON o OFF. Dar 1 para ON y 0 para OFF.
// feedLabel - Text to show for the label feed link.
// catLabel - Etiqueta para categorias.
// closeLabel - Etiqueta para boton Cerrar. Tu puedes usar hypertexto tambien.
var maxresults = 5;
var navFlag = 1; //ON por defecto
var feedLabel = "Suscribirse a";
var catLabel = "Categoria:";
var closeLabel = "[X] cerrar";
//]]>
</script>
<script src='http://bh.javascript.googlepages.com/ajaxlabels.js' type='text/javascript'/>
<script src='http://home.planet.nl/~hansoosting/downloads/lightbox.js' type='text/javascript'/>
<script src='http://www.blogger.com/js/backlink.js' type='text/javascript'/><script src='http://www.blogger.com/js/backlink_control.js' type='text/javascript'/><script type='text/javascript'>var BL_backlinkURL = "http://www.blogger.com/dyn-js/backlink_count.js";var BL_blogId = "3862226057148949161";</script>
<meta content='revealtrans(duration=2,transition=12)' http-equiv='Page-Enter'/>
<ItemPage><script src='http://ghill.customer.netspace.net.au/backlinker/backlinker.js' type='text/javascript'>
</script></ItemPage>
<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write('<style>.texthidden {display:none} </style>');</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<script src='http://www.haloscan.com/load/junioyvienna/' type='text/javascript'/>
<script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'
BloggerProfiles.imageWidth = 60;
BloggerProfiles.imageHeight = 75;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]></script>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// "cb" is intended to be a common library, where different widgets would
// utitlize the shared operations such as getTitle, getLink, etc. from a json object.
var cb = {
// search function requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. type: type of return data, either "comments" or "posts",
// 3. start: the start-index parameter (where to start extracting data)
// 4. increment: the number of elements the json will get back. (the smaller value, the faster time to travel back)
// 5. func: the returned function the json object will feed.
search: function(query, type, start, increment, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/' + type + '/default?alt=json-in-script&start-index='
+ start + '&max-results=' + increment + '&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// searchLabel function return a result of posts w/ a label query
// it requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. an array of labels
// 3. func: the returned function the json object will feed.
searchLabel: function(query, label, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + encodeURIComponent(label) +
'?alt=json-in-script&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// getTotalResults needs the json object, and it'll return the total number of comments (or posts) of the blog.
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
// getStartIndex gets the start index of a search inside an json object.
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
// getLink return a href link if "name" matches the content inside "a" tags) of the link
getLink: function(entry, name) {
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
// getTitle gets the title of the title of an entry of a json object.
getTitle: function(entry) {
return entry.title.$t;
},
// getContent gets the content inside an entry of a json object.
getContent: function(entry) {
return entry.content.$t;
},
// getCommentAuthor: gets the commenter name inside an entry of a json object.
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
},
// Given a json label search, this function return the decoded label.
getLabelFromURL: function(json) {
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
// The next two lines are borrowed from Ramani's Neo Template
// code. Thanks Ramani!
var label = raw.substr(raw.lastIndexOf('/')+1);
return decodeURIComponent(label);
}
}
},
txt : function (s) {
return s + " Widget by <a href='http://hoctro.blogspot.com" + "'>Hoctro</a>";
}
};
</script>
<link href='http://yui.yahooapis.com/2.2.2/build/tabview/assets/tabview.css' rel='stylesheet' type='text/css'/>
<script src='http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.2.2/build/element/element-beta-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.2.2/build/tabview/tabview-min.js' type='text/javascript'/>
<style type='text/css'>
.yui-content {
padding:1em; /* pad content container */
}
.yui-navset .yui-content {
border:1px solid #ccc;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
background-color:#ff9933;
}
.yui-navset .yui-nav li a {
background:#e5e5e5 url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
background:transparent url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat top right;
padding:0.5em;
}
/* top oriented */
.yui-navset-top .yui-nav { margin-bottom:-1px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
border-bottom:1px solid #ccc;
}
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
</style>
</head>
<body class='layout-three-column'>
<div id='container'><div class='pkg' id='container-inner'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='banner'><div class='pkg' id='banner-inner'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<h1 id='banner-header'>
<a href='http://plantillas-junio.blogspot.com/'>Plantillas:Magic Paper</a>
</h1>
<h2 id='banner-description'>De MovableType a Nuevo Blogger</h2>
</div></div>
</div></div>
<div id='pagebody'><div class='pkg' id='pagebody-inner'>
<div id='alpha'><div class='pkg' id='alpha-inner'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Vínculos' type='LinkList'>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Entradas' type='HTML'>
<b:includable id='main'>
<ul><li>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
<ul><div id='dataPost'/></ul>
<h6 id='hoctro'><a href='http://hoctro.blogspot.com'/></h6>
</div>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// This widget lists the available posts based on the uP.nPost value below
// Use -1 if you want them all.
var uP = {
nPost : -1
};
var cP = {
// private variable to store the total results
totCount : 0,
// the number of elements for each json call
increment : 10,
// this is the place to define the blog name for subsequent retrieval data
web : "plantillas-junio.blogspot.com",
listPosts: function(json, tag) {
var text="";
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
text += "<li>" + "<a href='" + cb.getLink(entry, "alternate")
+ "'>" + cb.getTitle(entry) + "</li>";
}
var p = document.createElement('span');
document.getElementById(tag).appendChild(p);
p.innerHTML = text;
},
callPostJson: function(json) {
this.listPosts(json, "dataPost");
},
getCo : function(json) {
this.totCount = cb.getTotalResults(json);
var count = (uP.nPost < 0) ? this.totCount : uP.nPost;
var i=1;
while(i<=count) {
var incr = (count-i < this.increment) ? count-i+1 : this.increment;
cb.search( cP.web, "posts", i, incr, 'cP.callPostJson');
if (incr==0) incr=incr+1;
i = i+incr;
}
}
};
cb.search( cP.web, "posts", 1, 2, 'cP.getCo');
</script>
</li></ul>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Comento' type='Feed'>
<b:includable id='main'>
<ul><li>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
El <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/> comentó en:
</span>
</b:if>
</b:if>
<script type='text/javascript'>getPostTitle("<data:i.alternate.href/>")</script> :
<span class='item-title' title='Leer más...'>
<data:i.title/> <script type='text/javascript'>getCommentLink("<data:i.alternate.href/>")</script>
</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url' title='ver entradas bajo esta etiqueta'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div></div>
<div id='beta'>
<b:section class='main' id='main' maxwidgets='5' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.1.gif'/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.1.gif'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.1.gif'/></a>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h3><data:post.backlinksLabel/></h3>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='entry-header'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' title='Entradas'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3><br/>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<div class='entry-content'><div class='entry-body'>
<p><data:post.body/></p></div>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<span class='post-footers'>
<p class='post-footer-line post-footer-line-1'>
<!-- to top of page and top of blog -->
<a href='javascript:scroll(0,0)' title='Ir arriba de la Página'>Página arriba|</a>
<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Ir arriba de la Entrada'>Entrada arriba|</a>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/><img src='http://www.blogblog.com/scribe/list_icon.gif'/><data:post.author/>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
<span class='post-label'>⇒
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' href='#sres' rel='tag' title='ver más entradas con esta etiqueta'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<p class='postmetadata'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<b:loop values='data:post.feedLinks' var='f'>
<a class='comments' expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&quot;" + data:f.url + "&quot;,&quot;commentsul" + data:post.id + "&quot;,thisblog_showCommentPhotos);toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"' rel='comments' title='click para leer y dejar comentarios'><b:if cond='data:post.numComments == 0'>
⇒Sin comentarios »
<b:else/>
<b:if cond='data:post.numComments == 1'>
⇒1 comentario »
<b:else/>
<data:post.numComments/>⇒ comentarios »
</b:if></b:if>
</a>
</b:loop>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"'><b:if cond='data:post.numComments == 0'>
⇒Sin comentarios »
<b:else/>
<b:if cond='data:post.numComments == 1'>
⇒1 comentario »
<b:else/>
<data:post.numComments/>⇒ comentarios »
</b:if></b:if></a>
</b:if>
</b:if>
</span></p>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span><a expr:href='"http://world.altavista.com/babelfish/trurl_pagecontent?url=" + data:post.url + "&lp=es_en"' title='Spanish to English'><img alt='Eng' src='http://bp0.blogger.com/_XGtsagQTuUQ/RZk8DP2JNiI/AAAAAAAAADk/eRxHS5s1f10/s320/english.jpg'/> English</a>
</p>
<p class='post-footer-line post-footer-line-2'>
<script type='text/javascript'>
makeMark('', '', '', '');
</script>
</p>
<p class='post-footer-line post-footer-line-3'>
</p>
</span>
</div>
</div>
</div>
<span class='separator'/>
</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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' href='javascript:void(0)' style='text-decoration:none' title='Expand/collapse this post'>[+/-]</a>
</td>
<td>
<h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='breadcrumbs'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'> <span class='post-labels'>
<b:if cond='data:post.labels'>
Estás en:
<a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a>
> <b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<span class='separator'>|</span>
<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' title='suscribir RSS'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h2 id='comments'>
<b:if cond='data:post.numComments == 0'>
|Sin
<b:else/>
<b:if cond='data:post.numComments == 1'>
Uno
<b:else/>
<data:post.numComments/>
</b:if>
</b:if>
</h2>
<div id='commentblock'><ol class='commentlist'><dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div class='commentphoto' style='float:right;'/>
<a expr:name='"comment-" + data:comment.id'/>
<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>
<li class='alt' id='comment-47086'>
<data:commentPostedByMsg/></li>
</dt>
<dd class='comment-footer'>
<small class='commentmetadata'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span></small>
</dd>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl></ol></div>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Dejar un comentario</a>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='gamma'><div class='pkg' id='gamma-inner'>
<b:section class='sidebar' id='gamma' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
(<span class='post-count'><data:i.post-count/></span>)
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Ego' type='Profile'>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Plantillas' type='HTML'>
<b:includable id='main'>
<ul>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/></ul>
</b:includable>
</b:widget>
</b:section>
</div></div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div></div> <!-- end content-wrapper -->
<div id='footer-wrapper' style='clear:both;'>
<div class='footer section' id='footer'/>
</div>
</div></div><!-- end outer-wrapper -->
</body>
</html>
Aunque a imagen de la plantilla que muestro es de dos columnas, yo la he insertado en tres: una columna a cada lado del bloque de entradas. De todas formas, el CSS posibilita que cada quien ponga las columnas que le parezca bien.
El CSS lo muestra BlogerCrowds pero no el HTML (XML), que he sacado, como he podido, de la demo de esta página.
Mi Demo: Plantillas.
Esqueleto:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/*
-----------------------------------------------
Blogger Template Style
Name: Magic paper
Designer: Simone Plebani
Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */
/* ------- Elementi Basilari -------- */
/* ------- BASILAR ELEMENTS --------- */
#navbar-iframe { height:0px; visibility:hidden; display:none }
body {
background: #2b2207 url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/background.gif) repeat-x top ;
font-family: georgia, times, serif;
margin:0px;
padding:0px;
font-size:.8em;
}
acronym, abbr {
border-bottom: 1px dotted #a78f65;
text-decoration: none;
cursor: help;
}
code, pre { font-family: "Courier New",Courier,monospace; }
input, textarea { background: #f0e8db; border: 1px solid #cec0a1; color: #666666; }
/* -- LVHA Rule -- More Browser Compatibility */
/* In order :link, :visited, :hover, :active */
/* ITA: In ordine :link, :visited, :hover, :active. Serve per una corretta visualizzazione dei links
in alcuni browser come Camino, ecc. */
a:link {
border-bottom: 1px solid #d3c8b3;
text-decoration: none;
color: #3f848a;
}
a:visited {
text-decoration: none;
border-bottom: 1px solid #d3c8b3;
color: #3f848a;
}
a:hover {
border-bottom: 1px solid #1a3d40;
text-decoration: none;
color: #324648;
background-color: #ded4c2;
}
a:active {
border-bottom: 1px solid #1a3d40;
text-decoration: none;
color: #324648;
background-color: #ded4c2;
}
#container { border: none; margin: 0 auto; padding: 0; }
#container-inner { border: 0; }
#pagebody { padding: 0; margin: 0; overflow: hidden; }
#pagebody-inner { margin: 0; padding: 0; }
.pkg#alpha-inner { margin: 0; padding: 0; }
#alpha, #beta, #gamma { color: #695847; margin: 0; }
/* ---------- HEADER --------- */
#banner {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/header.gif) no-repeat top left;
width: 474px;
height: 191px;
}
#banner-inner {
padding: 5px 0;
width: 328px;
height: 81px;
border: 0;
text-align: center;
margin: 0 auto;
}
#banner-header {
color: #c6c29e;
line-height: 100%;
font-size: 250%;
font-family: georgia, times, serif;
font-weight: normal;
margin: 5px 0 0 0;
}
#banner-description {
color: #b8b19e;
font-size: 110%;
text-shadow: #36414d 0 1px 2px;
font-family: georgia, times, serif;
}
#banner a {
color: #c6c29e;
text-decoration: none;
border: none;
background: none;
}
#banner a:visited { padding: 0; background: none; }
#banner a:hover { color: #f3eec3; }
/* ------------------------------------ */
/* ------ FORMATTED ELEMENTS ---------- */
.entry-body ul li { list-style-image: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif); }
.entry-body ol li { list-style-type : upper-roman; }
.content-nav { margin: 0px; }
div.entry { margin: 0 auto; }
.entry-body img, .comment-userpic img { border: solid 1px #4d6e71; padding: 3px; }
span.separator { display: none; }
.entry-content, .comment-content { margin: 0; line-height: 1.5; }
.entry { margin: 0 auto; width: 93%; }
blockquote {
padding: 20px 0 0 50px;
margin: 0 auto;
font-style: italic;
font-size: 125%;
color: #7f6d5a;
width: 80%;
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/blockquote.gif) top left no-repeat;
}
.entry-body, .entry-more, .comments-open-content, .trackbacks-content, .comment-content {
background: transparent;
padding: 0;
font-size: 100%;
width: 100%;
margin: 0 auto;
color: #8b7967;
line-height: 130%;
}
/* USER'S PITCURES - Settings ----------------------- */
.entry-footer, .comment-footer, .trackback-footer {
width: 99%; /* 99% --> No User Pics /// < 85% --> User Pics (proportional to images' dimensions) */
font-size: 100%;
text-align: left;
border-top: 2px solid #d3c8b3;
padding: 0;
margin: 0;
margin-top: 5px;
margin-bottom: 25px;
float: right;
color: #695847;
}
.entry-userpic,
.comment-userpic {
display: none; /* Add Comment to Show UserPics (only LJ's users) */
float: left;
width: 50px;
height: 70px;
position: relative;
top: -2px;
}
.entry-userpic img,
.comment-userpic img {
width: 50px;
height: 50px;
margin-top: 5px;
}
/* ---------------------------- */
/* ------- H2/H3 Style! ------- */
.entry-header,
h3#trackback,
h2.comments-open-header,
h3.comments-header,
#alpha h3 {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_header.jpg) left top no-repeat;
font-size: 1.7em;
line-height: 1.3em;
color: #695847;
margin: 0;
margin-top: 5px;
padding: 2px 0 8px 36px;
}
.date-header {
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_date.gif) right top no-repeat;
color: #968472;
font-size: 1.5em;
margin: 0px 20px 0px 0px;
float: right;
line-height: 1.3em;
padding: 0 40px 10px 0px;
}
h2.comments-open-header {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_postcomment.gif) left top no-repeat; }
#alpha h2 {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat; font-size: 1.3em; text-transform: uppercase; padding: 0 0 3px 10px; }
#alpha h2 a, #alpha h2 a:visited, #alpha h2 a:hover { margin: 0; padding: 0; background-color: transparent; }
#alpha h2 a { color: #695847; }
#alpha h2 a:visited { border-bottom: 1px solid #d3c8b3; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat;}
#alpha h2 a:hover { border-bottom: 1px solid #d3c8b3; }
/* --- INDIVIDUAL ENTRY Style (Comments, Trackback, ecc) -------- */
#trackbacks-info {
border: 1px solid #d3c8b3;
text-align: center;
padding: .5em;
width: 80%;
margin: 0 auto;
font-size: 105%;
background: #ece4d4;
}
.comments-open-moderated, .trackback-content {
border: 1px solid #d3c8b3;
text-align: center;
padding: 0.5em;
margin: 0 auto;
font-size: 105%;
background: #ece4d4;
}
div.trackbacks,
div.comments-open,
div.comments-content { margin: 0 auto; width: 95%; }
.trackback-content {
border: 0;
color: #9B9188;
border-top: 1px solid #d3c8b3;
padding: 0.3em;
margin: 0 auto;
text-align: left;
font-size: 95%;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
background: #ece4d4;
}
.comments-open-footer { margin: 10px 0; }
.comments-open-data label { font-size: 130%; }
.comment-content { border-bottom: 2px solid #bbaf97; }
.trackback-footer {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
}
span.post-footers,
.trackback-footer {
text-align: left;
font-size: 105%;
display: block;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_author.gif) left center no-repeat;
padding-left: 40px;
padding-top: 4px;
}
/* ------- "BOOKMARK" Style (Column) ------- */
#alpha .widget { margin: 5px 10px 5px 10px; }
#alpha ul {font-size: 100%; margin:0 0 0 5px; padding:0;}
#alpha li {
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif) 0px 3px no-repeat;
padding: 0 0 0 12px;
display: block;
}
#alpha li li {
background: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet_module.gif) 2px 3px no-repeat;
padding: 0 0 0 14px;
}
#search {
width: 167px;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/search.gif) no-repeat;
border: 0;
padding-left: 3px;
margin: 5px 0 5px 0;
color: #3f848a;
}
/* FEED Style */
.module-syndicate { padding-left: 35px; width: 75%; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/feed_title.gif) top left no-repeat; margin: 15px 0 0 5px;}
.module-syndicate a:link { text-transform: uppercase; color: #9d8c61; line-height: 1.4em; border: none; font-size: 0.9em;}
.module-syndicate a:visited { background: none; padding: 0;}
.module-syndicate a:hover { background: none; border-bottom: 1px solid #b8a87f; }
/* 1 colonna */
/* ONE COLUMN */
.layout-one-column #container { width:474px; }
.layout-one-column #alpha {
padding: 0px 0px 120px 0px;
width: 474px;
background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/footer.jpg) no-repeat left bottom;
}
.layout-one-column #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-one-column .pkg#pagebody-inner { margin: 0; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
/* 2 colonne (sinistra)*/
/* TWO COLUMN LEFT */
.layout-two-column-left #container { width:680px; }
.layout-two-column-left #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-left #banner { float: right; }
.layout-two-column-left #pagebody { clear: both; }
.layout-two-column-left #alpha {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat left bottom;
float: left;
padding: 0 0 55px 0;
margin: 0 15px 0 0;
}
.layout-two-column-left #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-left #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
/* 2 colonne (destra)*/
/* TWO COLUMN RIGHT */
.layout-two-column-right #container { width:680px; }
.layout-two-column-right #alpha { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-right #banner { float: left; }
.layout-two-column-right #pagebody { clear: both; }
.layout-two-column-right #beta {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
float: left;
padding: 0 0 55px 0;
margin: 0 0 0 15px;
}
.layout-two-column-right #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-right #beta-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
/* 3 colonne */
/* THREE COLUMNS */
.layout-three-column #container { width:886px; }
.layout-three-column #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; float: left;}
.layout-three-column #banner { margin: 0 auto; }
.layout-three-column #pagebody { clear: both; }
.layout-three-column #alpha, .layout-three-column #gamma {
width: 191px;
background: #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
float: left;
padding: 0 0 45px 0;
}
.layout-three-column #alpha { margin: 0 15px 0 0; }
.layout-three-column #gamma { margin: 10px 0 0 15px; }
.layout-three-column #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-three-column #alpha-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
.layout-three-column #gamma-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column2.gif) center top no-repeat; padding-top: 65px; }
.clear{clear:both;}
.breadcrumbs {
border-bottom:1px dotted ;
margin:0 0 0.5em;
padding:0 0 0.5em;
}
.commentphoto img {
margin: 5px;
border:0px
}
]]></b:skin>
<script type='text/javascript'>
<!--
function expandIt(getIt){
getIt.style.display=(getIt.style.display=="none")?"":"none";
}
//--></script>
<script type='text/javascript'>
function writeText(txt)
{
document.getElementById("desc").innerHTML=txt
}
</script>
<ItemPage><script src='http://ghill.customer.netspace.net.au/backlinker/backlinker.js' type='text/javascript'>
</script></ItemPage>
<script defer='defer' id='snap_preview_anywhere' src='http://spa.snap.com/snap_preview_anywhere.js?ap=1&key=4302cfe9c02005fc348132485a1d6d12&sb=1&domain=http://junio-cuentacuentos.blogspot.com/' type='text/javascript'/>
<script type='text/javascript'>
// set PopMarks parameters
popAnchor = 'popmarks+set3';
</script>
<script src=' http://ghill.customer.netspace.net.au/popmarks/popmarks-v02.js' type='text/javascript'>
</script>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>
<script src='http://yggomelprup.googlepages.com/blogger_comment_photos.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[BloggerProfiles.noimage = 'http://img304.imageshack.us/img304/3518/rect18st2.png';BloggerProfiles.imageWidth = 10;BloggerProfiles.imageHeight = 20;addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});//]]></script>
<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>
<meta content='a6j67jvsGzig4FLZ/oG1T3ko6XZcDPn9Gdf4Xu8tlL0=' name='verify-v1'/>
<script type='text/javascript'>
// Label Cloud User Variables
var lcBlogURL = 'http://cafe-junio.blogspot.com';
var cloudMin = 1;
var maxFontSize = 13;
var maxColor = [255, 0, 255 ];
var minFontSize = 11;
var minColor = [0, 255, 255 ];
var lcShowCount = false;
</script>
<script> function date_replace(d){ var da = d.split(' '); day = "<span class='theDate'>"+da[0]+"</span>"; mon = "<span class='theMonth'>"+da[1].slice(0,3)+"</span>"; year = "<span class='theYear'>"+da[2]+"</span>"; document.write(day+mon+year); } </script>
<script src='http://aditya.vm.googlepages.com/addSmiley.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';
if(typeof(thisblog_showCommentPhotos) == 'undefined')
thisblog_showCommentPhotos = false;
//]]>
</script>
<script type='text/javascript'>
// set PopMarks parameters
popAnchor = 'popmarks+set3';
</script>
<script src=' http://ghill.customer.netspace.net.au/popmarks/popmarks-v02.js' type='text/javascript'>
</script>
<style type='text/css'>
#indicator {
position:fixed;
z-index:1000;
padding:15px 0;
top:40%;
background-color:gold;
border:3px solid cyan;
width:176px;
left:50%;
margin-left:-88px;
text-align:center;
}
#search-result {
border:3px solid firebrick;
padding:10px;
padding-bottom:30px;
font-size:85%;
}
.search-result-meta {
background:#ff9933;
padding:2px;
}
.search-result-meta img {
border-width:0;
vertical-align:
text-bottom;
}
.search-title{
font-size:1em;
padding-bottom:3px;
font-weight:bold;
text-align:left;
text-decoration:underline;
}
.search-cat{
display:block;
padding:3px;
font-size:1em;
margin-top:5px;
margin-bottom:5px;
border-bottom:3px solid cyan;
font-weight:bold;
}
.search-close {
color:#ff9933;
float:right;
border:1px solid #F5F5F5;
margin-top:10px;cursor:pointer;
}
.search-result-nav {
font-size:1.4em;
font-weight:bold;
padding:5px 0pt;
text-align:center;
}
</style>
<script src='http://bh.javascript.googlepages.com/prototype.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// Parametros Personalizables por el Usuario
// ----------------------------
// maxresults - Numero de resultado de mostrar por pagina
// navFlag - Poner Navegacion ON o OFF. Dar 1 para ON y 0 para OFF.
// feedLabel - Text to show for the label feed link.
// catLabel - Etiqueta para categorias.
// closeLabel - Etiqueta para boton Cerrar. Tu puedes usar hypertexto tambien.
var maxresults = 5;
var navFlag = 1; //ON por defecto
var feedLabel = "Suscribirse a";
var catLabel = "Categoria:";
var closeLabel = "[X] cerrar";
//]]>
</script>
<script src='http://bh.javascript.googlepages.com/ajaxlabels.js' type='text/javascript'/>
<script src='http://home.planet.nl/~hansoosting/downloads/lightbox.js' type='text/javascript'/>
<script src='http://www.blogger.com/js/backlink.js' type='text/javascript'/><script src='http://www.blogger.com/js/backlink_control.js' type='text/javascript'/><script type='text/javascript'>var BL_backlinkURL = "http://www.blogger.com/dyn-js/backlink_count.js";var BL_blogId = "3862226057148949161";</script>
<meta content='revealtrans(duration=2,transition=12)' http-equiv='Page-Enter'/>
<ItemPage><script src='http://ghill.customer.netspace.net.au/backlinker/backlinker.js' type='text/javascript'>
</script></ItemPage>
<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write('<style>.texthidden {display:none} </style>');</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<script src='http://www.haloscan.com/load/junioyvienna/' type='text/javascript'/>
<script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'
BloggerProfiles.imageWidth = 60;
BloggerProfiles.imageHeight = 75;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]></script>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// "cb" is intended to be a common library, where different widgets would
// utitlize the shared operations such as getTitle, getLink, etc. from a json object.
var cb = {
// search function requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. type: type of return data, either "comments" or "posts",
// 3. start: the start-index parameter (where to start extracting data)
// 4. increment: the number of elements the json will get back. (the smaller value, the faster time to travel back)
// 5. func: the returned function the json object will feed.
search: function(query, type, start, increment, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/' + type + '/default?alt=json-in-script&start-index='
+ start + '&max-results=' + increment + '&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// searchLabel function return a result of posts w/ a label query
// it requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. an array of labels
// 3. func: the returned function the json object will feed.
searchLabel: function(query, label, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + encodeURIComponent(label) +
'?alt=json-in-script&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// getTotalResults needs the json object, and it'll return the total number of comments (or posts) of the blog.
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
// getStartIndex gets the start index of a search inside an json object.
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
// getLink return a href link if "name" matches the content inside "a" tags) of the link
getLink: function(entry, name) {
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
// getTitle gets the title of the title of an entry of a json object.
getTitle: function(entry) {
return entry.title.$t;
},
// getContent gets the content inside an entry of a json object.
getContent: function(entry) {
return entry.content.$t;
},
// getCommentAuthor: gets the commenter name inside an entry of a json object.
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
},
// Given a json label search, this function return the decoded label.
getLabelFromURL: function(json) {
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
// The next two lines are borrowed from Ramani's Neo Template
// code. Thanks Ramani!
var label = raw.substr(raw.lastIndexOf('/')+1);
return decodeURIComponent(label);
}
}
},
txt : function (s) {
return s + " Widget by <a href='http://hoctro.blogspot.com" + "'>Hoctro</a>";
}
};
</script>
<link href='http://yui.yahooapis.com/2.2.2/build/tabview/assets/tabview.css' rel='stylesheet' type='text/css'/>
<script src='http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.2.2/build/element/element-beta-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.2.2/build/tabview/tabview-min.js' type='text/javascript'/>
<style type='text/css'>
.yui-content {
padding:1em; /* pad content container */
}
.yui-navset .yui-content {
border:1px solid #ccc;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
background-color:#ff9933;
}
.yui-navset .yui-nav li a {
background:#e5e5e5 url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
background:transparent url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat top right;
padding:0.5em;
}
/* top oriented */
.yui-navset-top .yui-nav { margin-bottom:-1px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
border-bottom:1px solid #ccc;
}
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
</style>
</head>
<body class='layout-three-column'>
<div id='container'><div class='pkg' id='container-inner'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='banner'><div class='pkg' id='banner-inner'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<h1 id='banner-header'>
<a href='http://plantillas-junio.blogspot.com/'>Plantillas:Magic Paper</a>
</h1>
<h2 id='banner-description'>De MovableType a Nuevo Blogger</h2>
</div></div>
</div></div>
<div id='pagebody'><div class='pkg' id='pagebody-inner'>
<div id='alpha'><div class='pkg' id='alpha-inner'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Vínculos' type='LinkList'>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Entradas' type='HTML'>
<b:includable id='main'>
<ul><li>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
<ul><div id='dataPost'/></ul>
<h6 id='hoctro'><a href='http://hoctro.blogspot.com'/></h6>
</div>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// This widget lists the available posts based on the uP.nPost value below
// Use -1 if you want them all.
var uP = {
nPost : -1
};
var cP = {
// private variable to store the total results
totCount : 0,
// the number of elements for each json call
increment : 10,
// this is the place to define the blog name for subsequent retrieval data
web : "plantillas-junio.blogspot.com",
listPosts: function(json, tag) {
var text="";
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
text += "<li>" + "<a href='" + cb.getLink(entry, "alternate")
+ "'>" + cb.getTitle(entry) + "</li>";
}
var p = document.createElement('span');
document.getElementById(tag).appendChild(p);
p.innerHTML = text;
},
callPostJson: function(json) {
this.listPosts(json, "dataPost");
},
getCo : function(json) {
this.totCount = cb.getTotalResults(json);
var count = (uP.nPost < 0) ? this.totCount : uP.nPost;
var i=1;
while(i<=count) {
var incr = (count-i < this.increment) ? count-i+1 : this.increment;
cb.search( cP.web, "posts", i, incr, 'cP.callPostJson');
if (incr==0) incr=incr+1;
i = i+incr;
}
}
};
cb.search( cP.web, "posts", 1, 2, 'cP.getCo');
</script>
</li></ul>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Comento' type='Feed'>
<b:includable id='main'>
<ul><li>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
El <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/> comentó en:
</span>
</b:if>
</b:if>
<script type='text/javascript'>getPostTitle("<data:i.alternate.href/>")</script> :
<span class='item-title' title='Leer más...'>
<data:i.title/> <script type='text/javascript'>getCommentLink("<data:i.alternate.href/>")</script>
</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url' title='ver entradas bajo esta etiqueta'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div></div>
<div id='beta'>
<b:section class='main' id='main' maxwidgets='5' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.1.gif'/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.1.gif'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.1.gif'/></a>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h3><data:post.backlinksLabel/></h3>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='entry-header'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' title='Entradas'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3><br/>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<div class='entry-content'><div class='entry-body'>
<p><data:post.body/></p></div>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<span class='post-footers'>
<p class='post-footer-line post-footer-line-1'>
<!-- to top of page and top of blog -->
<a href='javascript:scroll(0,0)' title='Ir arriba de la Página'>Página arriba|</a>
<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Ir arriba de la Entrada'>Entrada arriba|</a>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/><img src='http://www.blogblog.com/scribe/list_icon.gif'/><data:post.author/>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
<span class='post-label'>⇒
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' href='#sres' rel='tag' title='ver más entradas con esta etiqueta'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<p class='postmetadata'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<b:loop values='data:post.feedLinks' var='f'>
<a class='comments' expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&quot;" + data:f.url + "&quot;,&quot;commentsul" + data:post.id + "&quot;,thisblog_showCommentPhotos);toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"' rel='comments' title='click para leer y dejar comentarios'><b:if cond='data:post.numComments == 0'>
⇒Sin comentarios »
<b:else/>
<b:if cond='data:post.numComments == 1'>
⇒1 comentario »
<b:else/>
<data:post.numComments/>⇒ comentarios »
</b:if></b:if>
</a>
</b:loop>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"'><b:if cond='data:post.numComments == 0'>
⇒Sin comentarios »
<b:else/>
<b:if cond='data:post.numComments == 1'>
⇒1 comentario »
<b:else/>
<data:post.numComments/>⇒ comentarios »
</b:if></b:if></a>
</b:if>
</b:if>
</span></p>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span><a expr:href='"http://world.altavista.com/babelfish/trurl_pagecontent?url=" + data:post.url + "&lp=es_en"' title='Spanish to English'><img alt='Eng' src='http://bp0.blogger.com/_XGtsagQTuUQ/RZk8DP2JNiI/AAAAAAAAADk/eRxHS5s1f10/s320/english.jpg'/> English</a>
</p>
<p class='post-footer-line post-footer-line-2'>
<script type='text/javascript'>
makeMark('', '', '', '');
</script>
</p>
<p class='post-footer-line post-footer-line-3'>
</p>
</span>
</div>
</div>
</div>
<span class='separator'/>
</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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' href='javascript:void(0)' style='text-decoration:none' title='Expand/collapse this post'>[+/-]</a>
</td>
<td>
<h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='breadcrumbs'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'> <span class='post-labels'>
<b:if cond='data:post.labels'>
Estás en:
<a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a>
> <b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<span class='separator'>|</span>
<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' title='suscribir RSS'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h2 id='comments'>
<b:if cond='data:post.numComments == 0'>
|Sin
<b:else/>
<b:if cond='data:post.numComments == 1'>
Uno
<b:else/>
<data:post.numComments/>
</b:if>
</b:if>
</h2>
<div id='commentblock'><ol class='commentlist'><dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div class='commentphoto' style='float:right;'/>
<a expr:name='"comment-" + data:comment.id'/>
<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>
<li class='alt' id='comment-47086'>
<data:commentPostedByMsg/></li>
</dt>
<dd class='comment-footer'>
<small class='commentmetadata'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span></small>
</dd>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl></ol></div>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Dejar un comentario</a>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='gamma'><div class='pkg' id='gamma-inner'>
<b:section class='sidebar' id='gamma' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
(<span class='post-count'><data:i.post-count/></span>)
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Ego' type='Profile'>
<b:includable id='main'>
<ul><li>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Plantillas' type='HTML'>
<b:includable id='main'>
<ul>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/></ul>
</b:includable>
</b:widget>
</b:section>
</div></div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div></div> <!-- end content-wrapper -->
<div id='footer-wrapper' style='clear:both;'>
<div class='footer section' id='footer'/>
</div>
</div></div><!-- end outer-wrapper -->
</body>
</html>
Añadir un comentario
Bienvenido a
EpilogoNing
Acerca de
Distintivo
© 2010 Creado por Llara en Ning. Crear tu propia red social
Emblemas | Reportar un problema | Privacidad | Términos de servicio
¡Necesitas ser un miembro de EpilogoNing para añadir comentarios!
Participa en esta red social