Plantilla de
Milo para Wordpress. A la hora de adaptarla Nuevo Blogger, le he añadido un ejemplo de Toggle-Accordion de ArtViper, personalización de comentarios (singular/plural), breadcrumbs (Hocro), últimas entradas (Hoctro), últimos comentarios (Beautiful Beta)... y... creo que eso es todo. Podéis ver cómo funciona en Blogger en mi blog de pruebas
Pasaporte

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>
<link href='http://3nfpga.blu.livefilestore.com/y1pE1HE1ii3CKrvLjexGqlScWR_lnDmETLZVH8Iqn1lzRIYsuPLAsJCaY33lt39rFV0TG0Wji-51I4/faviconFilm' rel='shortcut icon' type='image/ico'/>
<script type='text/javascript'>
<!--
function expandIt(getIt){
getIt.style.display=(getIt.style.display=="none")?"":"none";
}
//--></script>
<b:skin><![CDATA[/*
/*
Theme Name: password
Theme URI: http://3oneseven.com/
Description: x-files style
Version: 3.0
Author: miloIIIIVII
Author URI: http://3oneseven.com/
*/
#navbar-iframe { height:0px; visibility:hidden; display:none }
body{margin:0;padding:0;font:normal 80%/150% arial,helvetica,sans-serif;
background:#fff url(http://bp1.blogger.com/_BQrzxz9-EQk/R_R2qlJ9DMI/AAAAAAAAEic/KPQ7Jg8mzso/s1600/09.jpg) repeat top left;color:#333;text-align:center;}
#header{padding:20px 0 0 0;margin:0;height:194px;float:left;
width:820px;background:transparent url(http://3.bp.blogspot.com/_BQrzxz9-EQk/SVQhOlLuoNI/AAAAAAAAJJs/irkafWVirLA/s1600/01a.jpg) no-repeat top left;}
#header h1,#header h1 a{color:#7A3412;letter-spacing:-2px;line-height:0.7em;font:1.7em georgia,times new roman,serif;font-variant:small-caps;margin:0;padding:33px 0 0 20px;width:290px;display:block;}
#page{margin:0 auto;padding:0;width:990px;
background:transparent url(http://2tkh1q.blu.livefilestore.com/y1phxb_K2dCeWBG3ewCa-sSAKIweafdmOUtFpU1OJuN-A8gBS2flY4a6RoNS9_vvF9wk3pkwVyukMw/02.jpg) repeat-y top left;text-align:left;}
#content{font-size:1.0em;margin:0;padding:0;float:left;}
.narrowcolumn .postmetadata{text-align:right;}
.narrowcolumn{width:530px;float:right;padding:0 0 20px 0;margin:0;}
.post{background:transparent;margin:5px 15px 0 0;padding:0 0 0 20px;text-align:left;}
.post a img,.post img{border:0;max-width:95%;float:right;margin:0;padding:5px;}
#content img.wp-smiley{float:none;border:none;padding:0;margin:0;}
#content img.wp-wink{float:none;border:none;padding:0;margin: 0;}
.post h2{margin:0 0 5px 0;padding:0 0 0 20px;border-bottom:1px dotted #ccc;letter-spacing:-2px; background:transparent;text-align:left;font:normal 2.0em Georgia,times,"helvetica",arial,sans-serif;}
.post h2 a,.post h2 a:link,.post h2 a:visited{color:#7A3412;background:transparent;}
h3{margin:0 0 5px 0;padding:5px 0 0 20px;border:0;background:transparent;text-align:left;font:normal 1.9em "helvetica",arial,sans-serif;color:#333;letter-spacing:-2px;}
.postmetadata{margin:0;padding:5px 0 0 40px;height:24px;display:block;
background:transparent;font:normal 0.8em Arial,sans-serif;line-height:0.99em;text-align:right;clear:both;}
.post a:link,.post a:visited{color:#4F1100;background:transparent;}
.entry{margin:0;padding:0 25px;}
.entry p a:visited{color:#000;}
small{font:0.9em arial,Helvetica,Sans-Serif;line-height:1.5em;float:right;}
p.alt{margin: 20px 65px 20px 25px;padding:10px;}
.alt {font-size: 0.8em;line-height:0.99em;background:transparent;border-top:1px dotted #ccc;border-bottom: 1px dotted #ccc;}
#sidebar{width:225px;float:left;padding:0 0 0 35px;margin:0;background:transparent;}
#r_sidebar{width:150px;height:490px;float:right;padding:0;margin:-200px 0 0 0;background:transparent url(http://bp0.blogger.com/_BQrzxz9-EQk/R_R36VJ9DOI/AAAAAAAAEis/ZqAiGxLr2yQ/s1600/04fILM.gif) no-repeat top left;overflow:hidden;}
#sidebar form {margin:0;}
#sidebar h2,#r_sidebar h2,#s_footer h2{margin:20px 0 0 0;padding:0 0 0 8px;
background:transparent;border-bottom: 1px dotted #aaa;
font:normal 1.7em Georgia,times,helvetica,arial,Verdana,Sans-Serif;
color:#4F1100;background:transparent;letter-spacing:-2px;}
#sidebar ul,#sidebar ol,#r_sidebar ul,#r_sidebar ol {margin: 0;padding: 0;}
#sidebar ul li,#r_sidebar ul li,#s_footer ul li{list-style-type: none;list-style-image: none;}
#sidebar ul,#r_sidebar ul,#s_footer ul{font:normal 1.0em "arial", Verdana, Arial, sans-serif;}
#sidebar ul,#sidebar ol,#r_sidebar ul,#r_sidebar ol,#s_footer ul,#s_footer ol{margin:5px 0 0 0;}
#sidebar ul li,#r_sidebar ul li,#s_footer ul li{
background:url(http://bp1.blogger.com/_BQrzxz9-EQk/R_R4RlJ9DPI/AAAAAAAAEi0/rnrN23_Pec4/s400/08.gif) no-repeat top left;}
#sidebar ul li,#sidebar ol li,#r_sidebar ul li,#r_sidebar ol li,#s_footer ul li,#s_footer ol li{
margin:3px 0 0 0;padding:0 0 0 33px;}
ol li,#sidebar ol li,#r_sidebar ol li,#s_footer ol li,ul li{list-style:none;}
#sidebar p,#r_sidebar p,#s_footer p{color:#333;background:transparent;
font:normal 1.0em "helvetica", Verdana, Arial, sans-serif;}
#sidebar p,#sidebar select,#r_sidebar p,#r_sidebar select,#s_footer p,#s_footer select{margin:5px 0 0 8px;}
#sidebar ul ul,#sidebar ol,#r_sidebar ul ul,#r_sidebar ol,#s_footer ul ul,#s_footer ol{font:normal 0.8em helvetica,Verdana, Arial, Sans-Serif;}
#s_footer{margin:0;padding:10px 0 0 35px;width:720px;
background:transparent;clear: both;}
.col1{width:225px;float:left;padding:0;margin:0;background:transparent;}
.col2{width:225px;float:left;padding:0 0 0 15px;margin:0;background:transparent;}
.col3{width:225px;float:right;padding:0 0 0 15px;margin:0;background:transparent;}
#footer{margin:0 auto;padding:40px 0 0 0;width:990px;height: 145px;
background:transparent url(http://bp3.blogger.com/_BQrzxz9-EQk/R_SYjFJ9DSI/AAAAAAAAEjM/MzS1QezWqtw/s1600/03.jpg) no-repeat left top;clear: both;}
#footer p {margin: 0 0 0 35px;padding: 10px 0;
text-align: left;font:normal 0.7em arial,"helvetica", Verdana, Arial, sans-serif;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #ccc;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
#commentform input, #commentform textarea {font: 0.9em Arial,helvetica,Sans-Serif;}
.commentlist li {font: 1.1em arial, "helvetica", Verdana,Sans-Serif;}
#commentform input, #commentform textarea {background-color: #fff;border: 1px solid #ccc;}
#commentform #submit {color: #fff;background-color: #333;border: 1px solid #ccc;}
.commentlist li {font-weight:400;}
.commentlist cite, .commentlist cite a{font-weight:400;font-style:normal;font-size: 1.0em;}
.commentlist p {font-weight:400;line-height: 1.3em;text-transform: none;}
#commentform p {font: 1.0em Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight:400;}
#commentform input {width: 99%;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea {width: 99%;padding: 2px;}
#commentform #submit {width: 70px;margin:0;}
.commentlist {margin:0;padding:0;text-align: justify;}
.commentlist li {margin: 15px 55px 3px 5px;padding: 5px 15px;
list-style: none;background:transparent;}
.commentlist p {margin: 10px 5px;}
#commentform {margin: 0 25px;}
#commentform p {margin: 5px 0;}
.nocomments {text-align:center;margin: 0;padding: 0;}
.commentmetadata{margin:0 auto;display:block;}
small,.nocomments,.postmetadata,strike{color:#333;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}
a, h2 a:hover, h3 a:hover {color: #4F1100;text-decoration: none;}
a:hover {color: #ccc;text-decoration: none;}
p img {padding: 0;max-width: 100%;}
.aligncenter{display: block;margin:0 auto;margin-right: auto;}
.alignright {float: right;padding: 4px;margin: 0 0 2px 7px;display: inline;}
.alignleft {float: left;padding: 4px;margin: 0 7px 2px 0;display: inline;}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
#search{background:transparent;width:140px;height:30px;}
#searchform{margin:0 auto;padding:5px 0;/* text-align: center; */}
#searchform #s{width:140px;padding:5px;background-color:transparent;border:1px solid #7A3412;font:14px courier new;margin:0;color:#7A3412;float:left;}
.entry form {text-align:center;}
select {width: 130px;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #4F1100;}
blockquote{font:normal 110%/170% times new roman,georgia,sans-serif;margin:15px 30px 0 10px;padding-left:20px;color:#7A3412;border-left:2px solid #7A3412;}
blockquote cite{margin: 5px 0 0;display: block;}
.center {text-align:center;margin:0 auto;display:block;}
hr {display: none;}
a img {border: none;}
.navigation{clear:both;display: block;text-align: center;margin: 20px 55px 20px 25px;
height: 25px;font: small-caps bold 0.8em Arial, sans-serif;}
.ff a img{border:.08em solid #7A3412;padding:0.5em;width:3.5em;height:3.5em;margin:0 .077em .077em 0;}
.ff a:hover img{border:.08em solid #333;width:3.5em;height:3.5em;}
body div#toolTip{position:absolute;z-index:1000;width:180px;background:#fafafa;border:0;text-align:left;
padding:10px;min-height:1em;}
body div#toolTip p{margin:0;padding:0;color:#333;font:14px/19px arial,sans-serif;line-height:13px;}
body div#toolTip p em,body div#toolTip p em span{display:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
.clear{clear:both;}
hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}
.count{float:right;font-size:33px;color:#ccc;line-height:33px;}
.date{text-align:right;float:right;margin:-35px 0 0 0;padding:0 0 10px 0;font:normal 11px georgia,helvetica,arial,sans-serif;color:#aaa;letter-spacing:-1px;background:transparent;}
.date span.date,.dates span.date{color:#ccc;padding:0 0 0 4px;}
.bigdate{font:25px georgia,helvetica,arial,sans serif;color:#aaa;text-decoration:none!important;}
.dates{text-align:right;float:right;margin:-25px 0 0 0;padding:0;font:normal 11px helvetica,arial,sans-serif;color:#aaa;letter-spacing:-1px;background:transparent;}
.date span.date,.dates span.date{color:#ccc;padding:0 0 0 4px;}
#postmeta{background:transparent;width:99%;margin:0;padding:0;display:block;}
.rel{float:left;width:48%;margin:0;padding-right:20px;}
.social{float:right;width:44%;margin:0;padding:0;}
.sor{width:99%;height:50px;margin:0;padding:0;}
.sos{width:99%;height:135px;margin:0 auto;padding:0;background:transparent url(http://bp1.blogger.com/_BQrzxz9-EQk/R_SX_lJ9DRI/AAAAAAAAEjE/S4l1a8wLs8E/s400/sos.gif) top center no-repeat;}
.ul-tag{list-style:none;margin:0 0 15px;padding:0;}
.ul-tag li{margin:0;padding:2px 0 2px 0;background:none;}
.ul-tag li a, .ul-tag li a:visited{color: #333;text-decoration: none;padding:0 0 0 10px;border-bottom: 1px dotted #ccc;background:none;}
.ul-tag li a:hover{color: #ccc;text-decoration: none;}
.rss{background:transparent url(http://bp1.blogger.com/_BQrzxz9-EQk/R_R4slJ9DQI/AAAAAAAAEi8/EjjifIffSNY/s400/010.gif) top center no-repeat;width:99%;height:55px;margin:10px auto 0;padding:0;}
.rss a{display:block;height:45px;width:99%;text-indent:-9000px;margin:0;padding:0;}
.rss a:hover{background:transparent;}
.des{font:1.2em georgia;color:#7A3412;margin:0;padding:0;letter-spacing:-1px;}
div#post-date { display: inline; float:right; /* set this to right if you want it go to the right */ padding: 1em; /* to keep the text away from the edges */ background-color: transparent; /* you can change this to hold a picture, will make it look nicer */ border: none; /* a border to make it look nice */ } div#post-date span.theMonth { display: inline; font-size: 1.3em; /* smaller compared to the date */ background-color: transparent; color: #aaa; } div#post-date span.theDate { display: inline; /* to put this in a different line */ font-size: 2.5em; /* to make the date stand out */ background-color: transparent; /* to let the background show through */ color:#aaa; } div#post-date span.theYear { display: inline; font-size: 1.3em; /* smaller compared to the date */ background-color: transparent; color:#aaa ; }
/* BreadCrumbs */
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.breadcrumb{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat right;
text-decoration: none;
padding-right: 23px; /*adjust bullet image padding*/
color: navy;
}
.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}
.breadcrumb a:hover{
text-decoration: underline;
}
</style>
]]></b:skin>
<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);
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// getTotalResults needs the json object, and it'll return an array of the available members.
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 search inside an json object.
getTitle: function(entry) {
return entry.title.$t;
},
// getContent gets the array content of the search inside an json object.
getContent: function(entry) {
return entry.content.$t;
},
// getCommentAuthor: gets the commenter inside an json object.
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
}
};
</script>
<script src='http://3nfpga.blu.livefilestore.com/y1pIzM2XwjKXjPBfxEGuKwUaahCkSvFlX3s3jCM6ksycO88g7vDW1w-dPMaSKm--_yRknQAn_uCJqE/Comentarios.js' type='text/javascript'/>
<script src='http://aditya.vm.googlepages.com/addSmiley.js' type='text/javascript'/>
<script src='http://3nfpga.blu.livefilestore.com/y1p5fT27TrajEtRkaO_kuQV7rDaaaD-ic8ESeA-AgjPN-6OlHom-7QhiiZyjatylcC2ZrzODNj7Lzg/mootools.js' type='text/javascript'/>
<script language='javascript' src='http://3nfpga.blu.livefilestore.com/y1p7nrMs5Ekr20pZf-op3p66Ak8bld1cjx3znlqZdF-eWH7wB75UOEDO_LbriMGVqAYk9814UbwEJonVxcr56sobw/reflection2.js' type='text/ecmascript'/>
<script src='http://3nfpga.blu.livefilestore.com/y1pRNTQQIBJs848O1DWdPzTRoVZfMp33pijKNgkGzIsqMYyOMGHTjfTwlsN-I9Q83X9dUyv7akppAyxBHAQjsBC5A/addEvent.js' type='text/javascript'/>
<script src='http://3nfpga.blu.livefilestore.com/y1pKyjVJ2WxfbZeptXWD381u0DC3laa7f5enaDVfXeXM2FUSUNAEdje9TUjPHse9Ht-nIHoBnoVtGe7tcM19aN-Rw/sweetTitlesPicasso.js' type='text/javascript'/>
<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 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://rquqya.blu.livefilestore.com/y1pKPCtjx0K9BkE8HMYcGSex0_M_AOvBAvbW4Xwz7vqoQR4zeVganzxY6u1aP8eimBOOuT-hwgEvBA/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'>
//<![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>
</head>
<body>
<div id='page'>
<div id='header'>
<h1><a href='http://filmstrip-carrusel.blogspot.com/' title='Regresar al inicio'>Pasaporte</a></h1>
</div>
<div id='sidebar'>
<div class='des'>De Wordpress a Nuevo Blogger</div>
<div class='rss'>
<a href='http://' title='Subscribir este RSS Feed'>RSS</a>
</div>
<b:section class='sidebar' id='Ego' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Ego' type='Profile'>
<b:includable id='main'>
<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>
</b:includable>
</b:widget>
</b:section>
<h2 class='ex' title=''>Sidebar-Toggle</h2>
<p>Una muestra <br/>
del funcionamiento de<br/>
toggle y acordeón, <br/>
juntitos en amor y compaña.</p>
<p><strong><a href='http://cafe-junio.blogspot.com/' title='Epílogo'>Si a alguien le interesa... lo explicaré en Epílogo</a></strong></p>
<div style='clear:both;margin-top:10px'/><div style='clear:both;margin-top:10px'/>
<h2 class='ex' title=''>Cosillas</h2>
<ul>
<li><div class='toggler'><span style='padding-left:10px'>Aquí hay un Toggle</span></div></li>
<li class='accordion'><h1 class='subheadings'>Acordeón</h1><p><a href='' title=''/> Si te ha dado por picar aquí arriba, habrás visto el primer acordeón. Y se acabó, jajajjaa.</p></li>
<li><div class='toggler'><span style='padding-left:10px'>Segundo acordeón</span></div></li>
<li class='accordion'><h2 class='subheadings'>En realidad, sólo hay que fijarse en los sitios en que salga una un interrogante: porque ahí es dónde están los toggles.</h2><p><a href='' title=''>Fín</a>: Con ésto doy por finalizadas las pruebas que tenía previstas. Ha salido todo bien, salvo la imagen del top menú... no sé porqué me saca el borde inferior blanco... mecachis....</p></li>
</ul>
<div class='sos'/> </div>
<div class='narrowcolumn' id='content'>
<b:section class='narrowcolumn' id='content' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'><ul>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div></ul>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><span class='date'><b:if cond='data:post.dateHeader'>
<div id='post-date'>
<script>date_replace('<data:post.dateHeader/>');</script>
</div>
</b:if></span>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='post-header-line-1'/>
<div class='post'><div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div></div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><p class='postmetadata'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
| »<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<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>» | <span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p></div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'/>
</div></div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<ul><b:include data='post' name='breadcrumbs'/></ul>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<ul><b:include name='feedLinks'/></ul>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</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'>
<p class='postmetadata'><div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div> </p>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' expr:id='"comments" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"commentsul" + data:post.id'> </div>
<script type='text/javascript'>
document.getElementById('comments<data:post.id/>').style.display = 'none';
</script>
</b:if>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
</b:if>
<h3>
<b:if cond='data:post.numComments == 0'>
Sin comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
Un comentario:
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if>
</b:if>
</h3>
<div id='commentblock'><ol><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:left;'/>
<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>
<span class='count'><li>
<data:commentPostedBy/></li></span>
</dt>
<dd class='comment-body'><div class='commenttext-admin'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div></dd>
<dd class='comment-footer'>
<div class='commentmetadata'><span class='big'>{<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>}
<b:include data='comment' name='commentDeleteIcon'/>
</span></div>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl></ol></div>
<p class='comment-footer'>
<ul><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>¿Algún comentario?</a>
</ul></p>
<ul><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></ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clearfix'/><hr class='clear'/>
<div id='postmeta'> <div class='rel'>
<ul>
<h2>Recientes</h2>
<b:section class='sidebar' id='entradas' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Entradas' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
</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 : 10
};
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 : "filmstrip-carrusel.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>
</b:includable>
</b:widget>
</b:section>
</ul>
</div>
<div class='social'>
<h2>Bookmark</h2>
<ul><li><a href='http://www.stumbleupon.com/submit&url=http://wp.3oneseven.com' title='Stumble it'>
Stumble it</a></li>
<li><a href='http://digg.com/submit?phase=2&url=http://wp.3oneseven.com' title='Submit it to Digg'>Digg it</a></li>
<li><a href='http://del.icio.us/post&url=http://wp.3oneseven.com' title='Add to del.icio.us'>Deli.icio.us</a></li>
<li><a href='http://technorati.com/search/http://wp.3oneseven.com' title='Links in Technorati'>Technorati</a></li>
</ul>
</div> </div> <div class='clearfix'/><hr class='clear'/>
</div>
<div id='r_sidebar'> <div class='sor'/>
<b:section class='sidebar' id='Archivo' 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'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</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' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='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:section>
<h2>Busca</h2>
<form action='/search' id='searchform' method='get'><input id='s' name='q' onblur='if (this.value == '') {this.value = 'Search anything';}' onfocus='if (this.value == 'To search, type and hit enter...') {this.value = '';}' type='text' value='Escribe lo que buscas y pulsa intro...'/></form>
<h2>FlickR</h2>
<div class='ff'>
<script src='http://www.flickr.com/badge_code.gne?nsid=22196727@N03&count=6&display=latest&name=1&size=square&raw=1' type='text/javascript'/>
</div>
</div>
<div id='s_footer'>
<div class='col1'>
<b:section class='s_footer' id='col1' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Comentarios' type='Feed'>
<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'>
<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'>
<data:i.title/> <script type='text/javascript'>getCommentLink("<data:i.alternate.href/>")</script>
</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
<p/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='col2'>
<ul>
<h2>Lectores</h2>
<p>MyBlog-Log</p>
</ul>
</div>
<div class='col3'>
<b:section class='footer' id='col3' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Vinculos' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='footer'>
<p>
De Wordpress a Nuevo Blogger
<br/>
Created by <a href='http://3oneseven.com/' title='Adaptado por Junio'>miloIIIIVII</a>
</p>
</div></div>
<script language='javascript' type='text/javascript'>
window.onload=function(){
$$('#menu a').each(function(el) {
el.addEvent('mouseenter',function(){
myEffect = el.effect('margin-left', {duration: 100,transition: Fx.Transitions.linear, wait: true}).start('0','30');
})
el.addEvent('mouseleave',function(){
myEffect = el.effect('margin-left', {duration: 800,transition: Fx.Transitions.Bounce.easeOut, wait: true}).start('30','0');
})
})
myStretch = document.getElementsByClassName('toggler');
myStretcher = document.getElementsByClassName('accordion');
myStretcher.each(function(el){
el.style.display = '';
});
var ac = new Fx.Accordion(myStretch,myStretcher,
{
onActive: function(tog){
tog.setStyle('color', '#ACDA4E');
tog.setStyle('cursor', 'help');
},
onBackground: function(tog){
tog.setStyle('color', '#141516');
tog.setStyle('background-color', 'transparent');
tog.setStyle('cursor', 'help');
},
alwaysHide: true,
start : 'all-closed',
opacity : true
});
var bod = document.body;
var width = $(bod).getCoordinates();
width = width['width'];
width = (width - 582) / 2;
$('newsletter').setStyle('left',width +"px");
$('newsletter').setStyle('position','absolute');
$('clickme').addEvent('click',function(){
height = $('bg_news').getStyle('height').toInt();
if(height == 0){
$('bg_news').effect('height', { duration: 800, wait:true, transition:Fx.Transitions.Bounce.easeOut }).chain(function(){
$('contents_newsletter').setStyle('display','block');
$('answer').setStyle('display','block');
}).start('0','130');
}else{
$('contents_newsletter').setStyle('display','none');
$('answer').setStyle('display','none');
$('bg_news').effect('height', { duration: 1000, wait:true, transition:Fx.Transitions.Bounce.easeOut }).start('130','0');
}
})
$('form1').addEvent('submit', function(e) {
new Event(e).stop();
var log = $('bg_news').addClass('ajax_loading');
new Ajax('check.php', {
method: 'post',
update: 'answer',
data: this,
evalScripts:true,
onComplete: function() {
log.removeClass('ajax_loading');
}
}).request();
});
$$('.ex').each(function(el){
rel = el.getAttribute('title');
img = new Element('img');
img.src = rel;
el.setAttribute('rev',el.innerHTML);
el.setStyle('background-image','none');
el.setStyle('padding-left','0px');
el.innerHTML = '';
img.setAttribute('alt',el.innerHTML);
img.injectInside(el);
})
jQuery.noConflict();
}
</script>
</body>
</html>
¡Necesitas ser un miembro de EpilogoNing para añadir comentarios!
Participa en esta red social