Problemas para ver codigo XML

Hola compañeros, soy nuevo aquí, he encontrado esta página buscando la manera de solucionar un problemilla que tengo, y es que tras ser bastante torpe con el tema de la informática no se me ocurre otra cosa que complicarme la vida buscando una apariencia más agradable a mi blog.
Tengo un blog en blogger y me gustaría cambiarle la apariencia para que sea más ameno y acojedor en cuanto al tema de las fotos.

Soy fotógrafo y actualmente tengo un blog bastante simple y soso. Podeis visitarlo aquí: http://victorsegui.blogspot.com

He estado buscando por la web a ver que podía conseguir para cambiar el "skin" o "template" de mi blog, y en ésta página: http://btemplates.com he encontrado varios que no están nada mal. Aunque el problema viene que cuando una vez descargado, descomprimo el archivo .rar y me abre el archivo .xml me abre una nueva página en el explorador la cual dice esto:

No se puede mostrar la página XML
No se puede ver la entrada XML con la hoja de estilo . Corrija el error y haga clic en el botón Actualizar, o inténtelo de nuevo más tarde.
--------------------------------------------------------------------------------
El servidor no entendió la solicitud, o la misma no es válida. Error al procesar el recurso http://www.w3.org/TR/xhtml1/DTD...



Agradeceré muchísimo vuestra ayuda ya que de verdad me veo negado en temas como este. Espero ahora que he descubrido esta web, poder ponerme un poquito más en el hilo.

Por favor, explicarme fácil y entendiblemente ya que no conozco para nada este mundo y seguramente me pierda unas cuantas veces en el intento.

Gracias por vuestra ayuda.

Víctor.

PD: Edito porqué me he olvidado de deciros que uso mozilla firefox, por si era algo a tener en cuenta.
Gracias por la información Foley, creo que me vendrá muy bien una vez consiga el código, el problema es que no logro sacar el código, tendré algún tipo de cortafuegos o algo por el estilo ya que he probado descargar algún otro código de esa misma página y me sale el mismo error.

Alguien puede comprovar si el archivo de descarga es válido o sólo me pasa a mi?

Ahora que he conseguido encontrar una apariencia que me gusta, como es el caso de la llamada Photoplus, veo que no consigo solucionar el problema y no me da el código el archivo descargado.

Gracias.
Yo me comí mucho el coco con esto, y me pasaba lo mismo que a ti.

Para conseguir el código tienes que darle a descargar el fichero de la plantilla, descomprimirlo y una vez tengas el archivo .xml ábrelo con un editor de texto tipo bloc de notas o notepad++ y ya verás su código fuente. Solo copia y pégalo en el editor de html de tu panel del blog.

Por si las moscas, voy a intentar pasarte todo el código de la plantilla (espero que no me dea error de exceso de caracteres):

<?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: Photoplus
Designer: Dante Araujo
URL: www.dantearaujo.net
Date: June 2009
----------------------------------------------- */

/*---------------------------------------------
CSS RESET
---------------------------------------------*/

#navbar-iframe {
display: none !important;
}

* {
margin:0;
padding:0;
list-style:none;
border:none;
vertical-align:baseline;
outline:none;
}


body {
background:url(http://2.bp.blogspot.com/_t47uhxwKFVM/SnvIpvYC1AI/AAAAAAAABrw/GD9Lj…);
color:#FFFFFF;
font-family:helvetica;
font-size:12px;
text-align:center;
}

a:link {
color:#fff;
text-decoration:none;
}
a:visited {
color:#fff;
}
a:hover {
color:#fff;
}
a img {

}

/* Header
-----------------------------------------------
*/

#header-wrapper {
padding:20px 0;
}

#header-inner {

}

#header {

}

#header h1 {
font-size:37px;
letter-spacing:-3px;
}

#header a {

}

#header a:hover {

}

#header .description {
display:inline;
font-size:11px;
text-transform:uppercase;
}

#header img {

}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
margin:0 auto;
text-align:left;
width:940px;
}

#main-wrapper {
background:transparent url(http://1.bp.blogspot.com/_t9JjmICsjcg/SnouMpIuRKI/AAAAAAAABYE/55tXa…) repeat scroll 0 0;
float:left;
width:940px;
}

#crosscol-wrapper #Label1 {
background:#3C3C3C url(http://2.bp.blogspot.com/_t47uhxwKFVM/SnvIpiP29PI/AAAAAAAABr4/GVSmJ…) repeat-x scroll left top;
border:1px solid #0A0A0A;
margin-bottom:20px;
padding:10px 5px;
}

#crosscol-wrapper ul li {display:inline;}

#crosscol-wrapper ul li a {
color:#808080;
font-family:georgia;
font-size:13px;
font-weight:bold;
padding:5px 10px;
}

#crosscol-wrapper ul li a:hover {color:#fff;}



/* Headings
----------------------------------------------- */

h2 {

}


/* Posts
-----------------------------------------------
*/

.post {
float:left;
height:128px;
margin-bottom:1px;
margin-right:1px;
opacity:0.7;
overflow:hidden;
width:187px;
}

.post:hover {
opacity:1;
}

.post h3 {
display:none;
}




.post-footer {
display:none;
}


#blog-pager-newer-link {
float:left;
}

#blog-pager-older-link {
float:right;
}

#blog-pager {
clear:both;
padding:10px;
text-align:center;
}



/* Sidebar Content
----------------------------------------------- */
.sidebar {

}

.sidebar ul {

}
.sidebar li {

}

.sidebar .widget, .main .widget {

}

.main .Blog {

}


/* Profile
----------------------------------------------- */
.profile-img {

}

.profile-data {

}

.profile-datablock {

}

.profile-textblock {

}

.profile-link {

}

/* Footer
----------------------------------------------- */
#footer-wrapper .widget {
background:#3C3C3C url(http://2.bp.blogspot.com/_t47uhxwKFVM/SnvIpiP29PI/AAAAAAAABr4/GVSmJ…) repeat-x scroll left top;
border:1px solid #0A0A0A;
float:left;
margin-bottom:20px;
margin-right:15px;
padding:10px;
width:276px;
}

#footer h2 {
border-bottom:1px solid #161616;
margin-bottom:10px;
padding-bottom:5px;
}

#footer li {
border-bottom:1px dotted #161616;
padding-bottom:5px;
padding-top:5px;
}

#copyright {
font-family:verdana;
font-size:10px;
padding:10px 0;
text-transform:uppercase;
}

]]></b:skin>

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.js' type='text/javascript'/>
<link href='http://www.wallheaven.com/fullsize/fullsize.css' media='screen' rel='stylesheet' type='text/css'/>

<script type='text/javascript'>
//<![CDATA[
/*
* Fullsize
* Copyright 2009 Drew Wilson
* www.drewwilson.com
* www.addfullsize.com
*
* Version 1.0 - Updated: Mar. 30, 2009
*
* Fullsize is an attempt to standardize the way in page 'image popups' work.
* It seems there are hundreds of javascripts light boxes, modal boxes, image zooms, image popups, etc.
* But none of them provide a way to signal the user that what they just clicked on, is an
* in page pop-up of a larger version (or 'fullsize' version) of the image they just clicked.
* Fullsize is an attempt to do just that, provide a 'standard' way for users to recognize an in page pop-up.
*
* My intention is to get a 'fullsize' attribute added to the <IMG> element in the next version of HTML.
* This would allow browsers to do an in page pop-up of the 'fullsize' image natively.
*
* In page pop ups are here to stay... so lets standardize them.
*
* Check out www.addfullsize.com for more info and to show your support for Fullsize.
*
* This jQuery plug-in is my atempt to bring the idea of 'fullsize' into a reality.
* Though my intention is to push this functionality to the browser itself and not rely on JavaScript libraries,
* for now, this will have to do :)
*
* This Fullsize jQuery plug-in is dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/

(function($){

$.fn.fullsize = function(options) {

var defaults = {
shadow: true,
zoomInSpeed: 200,
zoomOutSpeed: 200,
fadeInSpeed: 250,
fadeOutSpeed: 250,
iconOffset: 8,
forceTitleBar: false,
extraTrigger: false,
parentSteps: 0,
destroy: false
};
var opts = $.extend(defaults, options);

// Remove all Fullsize Icons on destroy request
if(opts.destroy == true){
$("div.fullsize-icon").remove();
}

// If ESC key pressed, close Fullsize
$(document).keydown(function(event){
if(event.keyCode == 27){
$("div.fullsize-wrapper, div.fullsize-sh-wrap").fadeOut(opts.fadeOutSpeed, function(){
$(this).remove();
});
}
});

return this.each(function(){

// Remove all Fullsize bound events
if(opts.destroy == true){
$(this).unbind();
} else {

// Check to make sure there is a 'longdesc' attribute before we add Fullsize to the Element.
if($(this).attr("longdesc")) {

// Declare the current Image as a variable, and gather some of it's properties.
var org_image = $(this);
var img_title = org_image.attr("title");
var img_src = org_image.attr("longdesc");

// Setup the Fullsize Icon
var icon = $("<div></div>").addClass("fullsize-icon").css({"display":"none"});

// Move up Parents until the spcified limit has been met, then find the additional specified Selector
var addTrigger;
if(opts.extraTrigger){
var theParent = org_image;
for (var i=0; i <= opts.parentSteps; i++){
theParent = theParent.parent();
}
addTrigger = theParent.find(opts.extraTrigger);
}

org_image.add(addTrigger).hover(function(){

// If the Original Image is contained inside of an Element that has a 'overflow' set to 'hidden',
// and the Original Image has a negitive 'margin-top', this will make the Offest values be set to the
// Element with the 'overflow:hidden' property, rather than the Original Image itself.
// Otherwise the Fullsize icon would not show up in the correct position.
var margin_top = org_image.css("marginTop").slice(0,-2);
var margin_bottom = org_image.css("marginLeft").slice(0,-2);
var margin_left = org_image.css("marginLeft").slice(0,-2);
var margin_right = org_image.css("marginLeft").slice(0,-2);
if (margin_top < 0 || margin_bottom < 0 || margin_left < 0 || margin_right < 0) {
var parent_ele = $(org_image);
var parentEls = $(org_image).parents();
$(parentEls).each(function(){
if(this.tagName == "BODY") {
return false;
} else if($(this).css("overflow") == "hidden") {
parent_ele = $(this);
return false;
}
});
var offset = parent_ele.offset();
var parent_border_top = parseInt(parent_ele.css("border-top-width"));
var parent_border_left = parseInt(parent_ele.css("border-left-width"));
} else {
var offset = org_image.offset();
var parent_border_top = parseInt(org_image.css("border-top-width"));
var parent_border_left = parseInt(org_image.css("border-left-width"));
}
if (!parent_border_top){ parent_border_top = 0; }
if (!parent_border_left){ parent_border_left = 0; }

var displayFlag = false;
$("div.fullsize-icon").each(function(){
if(parseInt($(this).css("top")) == (offset.top + opts.iconOffset + parent_border_top) && parseInt($(this).css("left")) == (offset.left + opts.iconOffset + parent_border_left)){
displayFlag = true;
curIcon = $(this);
}
});
if(displayFlag == false){
$(icon).css({"top":offset.top + opts.iconOffset + parent_border_top, "left":offset.left + opts.iconOffset + parent_border_left});
$("body").prepend(icon);
}
$(icon).show();
}, function(){
$(icon).hide();
});
$(icon).hover(function(){
$(this).show();
}, function(){
$(this).hide();
});

$(icon).click(function(){

// If a Fullsize Popup is currently active, we will remove it before creating a new one.
$("div.fullsize-wrapper, div.fullsize-sh-wrap").remove();

// Gather window & scroll positions.
var win_w = $(window).width();
var win_h = $(window).height();
var scrolltop = $(window).scrollTop();
var scrollleft = $(window).scrollLeft();

// Setup the Loading DIV
var loading_left = ((win_w / 2) + scrollleft) - 25;
var loading_top = ((win_h / 2) + scrolltop) - 25;
var full_loading = $("<div></div>").addClass('fullsize-loading').css({"margin-left":loading_left, "margin-top":loading_top});
var full_loading_inner = $("<div></div>").addClass('fullsize-loading-inner');
$(full_loading).prepend(full_loading_inner);
$("body").prepend(full_loading);

// Setup the Fullsize Image
var full_img = new Image();
$(full_img).load(function(){
$(this).hide();

// Determine how to position the Fullsize Image into the center of the page.
var new_offset = org_image.offset();
img_w = this.width;
img_h = this.height;

// If the Image is bigger than the window, shrink it to fit in the window.
aspect = img_w / img_h;
if ((img_w + 30) > win_w) {
img_w = win_w - 30;
img_h = img_w / aspect;
}
if ((img_h + 30) > win_h) {
img_h = win_h - 30;
img_w = img_h * aspect;
}

var img_left = Math.round(((win_w - img_w) / 2) + scrollleft);
var img_top = Math.round(((win_h - img_h) / 2) + scrolltop);
if(img_left < 0) {
img_left = 0;
}
if(img_top < 0) {
img_top = 0;
}

$(this).css({"height": org_image.height() + "px", "width":org_image.width() + "px"});
$("div.fullsize-loading").remove();
var full_wrap = $("<div></div>").addClass("fullsize-wrapper").css({"display":"none", "margin-top":new_offset.top, "margin-left":new_offset.left});
$(full_wrap).prepend(this);

// If there is a 'Title' attribute on the Original Image, display the Title bar.
if(img_title != "" || opts.forceTitleBar == true) {
var full_close = $("<a></a>").addClass("fullsize-close");
var full_title = $("<div></div>").addClass("fullsize-title").css({"max-width":img_w});
var full_title_text = $("<div></div>").addClass("fullsize-title-text").text(img_title);
$(full_title).prepend(full_close);
$(full_title).prepend(full_title_text);
$(full_wrap).prepend(full_title);
$("body").prepend(full_wrap);
if(img_top != 0) {
img_top = img_top - 12;
}
} else {
$(this).addClass("fullsize-close");
$("body").prepend(full_wrap);
}

// Setup Shadows
if (opts.shadow == true) {
if ($.browser.safari) {
$(full_wrap).css({"-webkit-box-shadow":"0 2px 16px #000", "box-shadow":"0 2px 16px #000"});
} else {
var full_sh_wrap = $("<div></div>").addClass("fullsize-sh-wrap").css({"display":"none", "width": org_image.width(), "margin-top":new_offset.top, "margin-left":new_offset.left});
var full_sh_top = $("<div></div>").addClass("fullsize-sh-top");
var full_sh_top_left = $("<div></div>").addClass("fullsize-sh-top-l");
var full_sh_top_middle = $("<div></div>").addClass("fullsize-sh-top-m");
var full_sh_top_right = $("<div></div>").addClass("fullsize-sh-top-r");
$(full_sh_top).append(full_sh_top_left).append(full_sh_top_right).append(full_sh_top_middle);
$(full_sh_wrap).prepend(full_sh_top);
var full_sh_body = $("<div></div>").addClass("fullsize-sh-body");
var full_sh_body_r = $("<div></div>").addClass("fullsize-sh-body-r");
$(full_sh_body).append(full_sh_body_r);
$(full_sh_wrap).append(full_sh_body);
var full_sh_bottom = $("<div></div>").addClass("fullsize-sh-bottom");
var full_sh_bottom_left = $("<div></div>").addClass("fullsize-sh-bottom-l");
var full_sh_bottom_middle = $("<div></div>").addClass("fullsize-sh-bottom-m");
var full_sh_bottom_right = $("<div></div>").addClass("fullsize-sh-bottom-r");
$(full_sh_bottom).append(full_sh_bottom_left).append(full_sh_bottom_right).append(full_sh_bottom_middle);
$(full_sh_wrap).append(full_sh_bottom);
$("body").prepend(full_sh_wrap);

// Setup shadow Animations
$(full_sh_body).animate({
height: parseInt(full_wrap.height()) + img_h - 22
}, {queue:false, duration:opts.zoomInSpeed});
$(full_sh_wrap).fadeIn(opts.fadeInSpeed).animate({
height: parseInt(full_wrap.height()) + img_h + 22,
width: img_w + 22,
marginTop: img_top - 9,
marginLeft: img_left - 11
}, {queue:false, duration:opts.zoomInSpeed});
}
}

// Setup Animations
$(this).fadeIn(opts.fadeInSpeed).animate({
height: img_h,
width: img_w
}, {queue:false, duration:opts.zoomInSpeed});
$(full_wrap).fadeIn(opts.fadeInSpeed).animate({
width: img_w,
marginTop: img_top,
marginLeft: img_left
}, {queue:false, duration:opts.zoomInSpeed});

$(".fullsize-close").click(function(){
closeFullsize(full_img, full_wrap, org_image, $(this));
});

}).attr("src",img_src).addClass("fullsize-image");


});

// This function is purposely pulled out of the Image Load function.
// By doing so the Fullsize Image will now find the exact loacation of the Original Image
// when you click the Close button. This way the Fullsize Image will always go back to it's
// original position, even if you resize the window, and the Original Image changes it's position.
function closeFullsize(full_img, full_wrap, org_image, ele) {
var offsets = org_image.offset();
$(full_img).fadeOut(opts.fadeOutSpeed).animate({
height: org_image.height(),
width: org_image.width()
}, {queue:false, duration:opts.zoomOutSpeed});

if (opts.shadow == true) {
$("div.fullsize-sh-wrap").remove();
}

$(full_wrap).fadeOut(opts.fadeOutSpeed).animate({
width: org_image.width(),
marginTop: offsets.top,
marginLeft: offsets.left
}, {queue:false, duration:opts.zoomOutSpeed, complete: function(){ele.remove();}});

}


}
}
});
}
})(jQuery);

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
jQuery("img").fullsize([]);
});
//]]>
</script>

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
skip to main |
skip to sidebar
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Photoplus + (Header)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
[contenido no disponible]
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<data:title/>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>

  • <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <data:label.name/>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span dir='ltr'/>
    </b:if>

    </b:loop>

    <b:else/>
    <b:loop values='data:labels' var='label'>
    <span expr:class='&quot;label-size-&quot; + data:label.cssSize'>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <data:label.name/>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='nextprev'>
    <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
    <span id='blog-pager-newer-link'>
    <data:newerPageTitle/>
    </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
    <span id='blog-pager-older-link'>
    <data:olderPageTitle/>
    </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <data:homeMsg/>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <data:homeMsg/>
    </b:if>
    </b:if>

    </div>
    <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>
    <data:backlink.title/>
    <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'>
    <data:post.createLinkLabel/>
    </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'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <data:post.title/>
    <b:else/>
    <b:if cond='data:post.url'>
    <data:post.title/>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
    <data:post.body/>
    <div style='clear: both;'/>
    </div>

    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <data:post.jumpText/>
    </div>
    </b:if>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
    <span class='post-author vcard'>
    <b:if cond='data:top.showAuthor'>
    <data:top.authorLabel/>
    <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'>
    <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
    </b:if>
    </b:if>
    </span>

    <span class='reaction-buttons'>
    <b:if cond='data:top.showReactions'>
    <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
    <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
    <span class='reactions-label'>
    <data:top.reactionsLabel/></span> </td>
    <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
    </tr></table>
    </b:if>
    </span>

    <span class='star-ratings'>
    <b:if cond='data:top.showStars'>
    <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
    </b:if>
    </span>

    <span class='post-comment-link'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.allowComments'>
    <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if>
    </b:if>
    </b:if>
    </span>


    <span class='post-backlinks post-comment-link'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.showBacklinks'>
    <data:top.backlinkLabel/>
    </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'>
    [contenido no disponible]
    </a>
    </span>
    </b:if>


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

    <div class='post-footer-line post-footer-line-2'>
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    </span>
    </div>

    <div class='post-footer-line post-footer-line-3'>
    <span class='post-location'>
    <b:if cond='data:top.showLocation'>
    <b:if cond='data:post.location'>
    <data:postLocationLabel/>
    <data:post.location.name/>
    </b:if>
    </b:if>
    </span>
    </div>
    </div>
    </div>
    </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
    <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
    [contenido no disponible]
    </a>
    </span>
    </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='feedLinks'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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='comment-form' var='post'>
    <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>


    <data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
    BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
    </div>
    </b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
    <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
    [contenido no disponible]
    </a>
    </span>
    </b:includable>
    <b:includable id='feedLinksBody' var='links'>
    <div class='feed-links'>
    <data:feedLinksMsg/>
    <b:loop values='data:links' var='f'>
    <data:f.name/> (<data:f.feedType/>)
    </b:loop>
    </div>
    </b:includable>
    <b:includable id='postQuickEdit' var='post'>
    <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
    [contenido no disponible]
    </a>
    </span>
    </b:if>
    </b:includable>
    <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>

    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <data:post.oldestLinkText/>
     
    <data:post.olderLinkText/>
     
    <data:post.commentRangeText/>
     
    <data:post.newerLinkText/>
     
    <data:post.newestLinkText/>
    </span>
    </b:if>

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
    <b:if cond='data:comment.favicon'>
    [contenido no disponible]
    </b:if>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:comment.authorUrl'>
    <data:comment.author/>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>


    <data:comment.body/></p>
    </b:if>
    </dd>
    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>

    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
    <data:post.oldestLinkText/>
    </a>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
    <data:post.olderLinkText/>
    </a>
     
    <data:post.commentRangeText/>
     
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
    <data:post.newerLinkText/>
    </a>
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
    <data:post.newestLinkText/>
    </a>
    </span>
    </b:if>

    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <data:postCommentMsg/>
    </b:if>
    </b:if>

    </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
    <b:if cond='data:post.showBacklinks'>
    <b:include data='post' name='backlinks'/>
    </b:if>
    </div>
    </div>
    </div>
    </b:includable>
    <b:includable id='main' var='top'>

    <div class='blog-posts hfeed'>

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

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

    <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include data='post' name='comments'/>
    </b:if>
    <b:if cond='data:post.includeAd'>
    <b:if cond='data:post.isFirstPost'>
    <data:defaultAdEnd/>
    <b:else/>
    <data:adEnd/>
    </b:if>
    <data:adCode/>
    <data:adStart/>
    </b:if>
    <b:if cond='data:post.trackLatency'>
    <data:post.latencyJs/>
    </b:if>
    </b:loop>
    <data:adEnd/>
    </div>


    <b:include name='nextprev'/>


    <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
    google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>

    <b:if cond='data:isReSearchEnabled'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <data:reSearchJs/>
    <script type='text/javascript'>
    google.load('search', '1');
    function reSearchInit() {
    var blogSearcher = new google.search.BlogSearch();
    var blogHomepageUrl = '<data:blogHomepageUrl/>';
    var adCodeUri = '<data:reSearchAdCodeUri/>';
    var referrer = document.referrer;

    var reSearch = new BLOG_ReSearch(blogSearcher,
    blogHomepageUrl,
    adCodeUri,
    referrer);
    reSearch.run();
    };
    google.setOnLoadCallback(reSearchInit);
    </script>
    </b:if>


    </b:includable>
    </b:widget>
    </b:section>
    </div>



    <div class='clear'> </div>

    </div>

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer' showaddelement='yes'>
    <b:widget id='LinkList1' locked='false' title='Contact Me' 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'>
  • <data:link.name/>
    </b:loop>

    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id='Text1' locked='false' title='License' type='Text'>
    <b:includable id='main'>

    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div id='ArchiveList'>
    <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
    <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div>
    </div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    <b:includable id='flat' var='data'>
    <ul>
    <b:loop values='data:data' var='i'>
    <li class='archivedate'>
    <data:i.name/> (<data:i.post-count/>)

    </b:loop>

    </b:includable>
    <b:includable id='menu' var='data'>
    <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <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='interval' var='intervalData'>
    <b:loop values='data:intervalData' var='i'>
    <ul>
    <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
    <b:include data='i' name='toggle'/>
    <data:i.name/>
    <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>


    </b:loop>
    </b:includable>
    <b:includable id='toggle' var='interval'>
    <b:if cond='data:interval.toggleId'>
    <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
    <span class='zippy toggle-open'>&#9660; </span>
    </a>
    <b:else/>
    <a class='toggle' href='javascript:void(0)'>
    <span class='zippy'>
    <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
    &#9668; 
    <b:else/>
    &#9658; 
    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='posts' var='posts'>
    <ul class='posts'>
    <b:loop values='data:posts' var='i'>
  • <data:i.title/>
    </b:loop>

    </b:includable>
    </b:widget>
    </b:section>

    <div class='clear' id='copyright'>
    <span>Copyright © 2009 <data:blog.title/> - Design by Dante Araujo - Powered by Blogger</span>
    </div>

    </div>

    </div></div>
    </body>
    </html>

  • Saludos ;)
    1000 gracias Foley!!!

    Pues algún problema tendré por lo que no me dejaba ver el código, ahora lo he probado y sí funciona, sólo me falta configurarlo a mi gusto.

    Gracias de nuevo y felices fiestas!!!