Archivos... y lo que se me vaya ocurriendo-

Password (Actualizada)

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

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

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


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

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


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

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


<b:include name='nextprev'/>


<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"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<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'>

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


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

Añadir un comentario

¡Necesitas ser un miembro de EpilogoNing para añadir comentarios!

Participa en esta red social

Bienvenido a
EpilogoNing

Registrarse
o Inicia la sesión

Acerca de

Llara creó esta red social en Ning.

Distintivo

Cargando…

Obtener distintivo

Emblemas | Reportar un problema | Privacidad | Términos de servicio