JMiur [E]

Si bien una plantilla ultra-super-minimizada nos permitiria tener páginas webs auxiliares simples y listas para poder agregar cualquier cosa, también es útil no minimizarla tanto y tener un blog auxiliar donde podamos crear entradas con "cosas raras"; esas cosas que suelen ser complicadas de poner en el nuestro porque se requieren scripts incompatibles o porque no tenemos ganas de agregarle cosas extras que sólo usaremos eventualmente y nos gustaría que la plantilla no se transforme en un enredo de códigos que apenas entendemos.

Siguiendo el mismo criterio de la entrada anterior, podemos crear un nuevo blog con el nombre y URL que nos guste y configurarlo adecuadamente.

Lo primero, será ir a la Configuración y en Básico, poner en NO las opciones de indexación:

¿Deseas añadir tu blog a nuestras listas?
¿Deseas permitir que los motores de búsqueda encuentren tu blog?

deshabilitamos los Comentarios:

Comentarios
Mostrar
Ocultar

y, eventualmente, los Feeds del sitio si es que no los utilizaremos:

Permitir feeds del blog

Configurado todo adecuadamente, iremos a Diseño | Edición HTML y al final de la página, buscaremos el enlace para cambair la plantilla (que por defecto es una de las de nuevo diseño) por la plantilla por la mínima de Blogger.

Plantillas antiguas
Puedes utilizar todavía las plantillas antiguas para tu blog, pero no podrás acceder a muchas de las funciones nuevas como, por ejemplo, el Diseñador de plantillas.
Plantillas de diseño (lanzado en 2006) Seleccionar plantilla de diseño

Con eso, ya tenemos un blog nuevo y limpio. Ahora, nuevamente en Diseño | Edición HTML, expandimos los artilugios y borraremos todo sin compasión; lo reemplazaremos por una plantilla donde sólo tendremos los posts sin ningún tipo de agregado; ni títulos, ni fechas, ni footers ... nada de nada.

<?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 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>
<meta content='IE=8' http-equiv='X-UA-Compatible'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
body {background:transparent;color:#333;font-family:Arial;font-size:14px;margin:0;padding:0;}
a:link, a:visited {color:#58A;outline:none;text-decoration:none;}
a:hover {color:#C60;outline:none;text-decoration:none;}
a img {border:none;outline:none;}
#outer-wrapper {margin:0;padding:0;}
#main-wrapper {margin:0;padding:0;}
.post {margin:0;padding:0;}
.post p,.post div {line-height:normal;margin:0;padding:0;}
body#layout #header {margin-left:0;margin-right:0;}
#navbar-iframe {height:0px;visibility:hidden;display:none;}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
</div>
</b:includable>
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'>
<div class='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
</b:widget>
</b:section>
</div>
</div>
</body>
</html>

De ahora en más, tendremos un blog auxiliar donde podremos agregar cosas sin preocuparnos por compatibilidades ¿Cómo? La base de todo es usar condicionales para filtrar entradas individuales.

Como cada entrada publicada tiene una URL única, podemos condicionar la forma en que se mostrará esa entrada colocando algo así antes de </head>:
<b:if cond='data:blog.url == &quot;URL_entrada&quot;'>
<style type='text/css'>
  ... aqui pondremos cualquier estilo ...
</style>
<script type='text/javascript'>
//<![CDATA[
  ... aqui pondremos cualquier script ...
//]]>
</script>
</b:if>
Cada vez que creamos una entrada, haremos lo mismo así que tendremos una serie de bloques, no importa la cantidad, que sólo se ejecutarán en ciertas condiciones y de ese modo, nos desentendemos de procesos de carga, compatibilidades y problemas varios.

20 comentarios:

Felipe Calvo Cepeda  

Vagadata! :D
Claro... de este estilo podemos agregar cosas por ejemplo de jQuery... o por ejemplo quienes nos hemos pasado a dominios personalizados podemos insertar iframes para hacer hotlink a archivos que tepor ejemplngamos o alojados en Google Sites, como algun jueguito o archivo multimedia. :D
Gracias por tu explicación, excelente.

Responder
Unknown  

El detalle es que al separar el contenido o tener dos blogs es más dificil aumentar el pagerank, pues seran dos webs totalmente diferentes.

Ojala y algún día blogger nos permita crear subdominios de nuestro blog o carpetas para agregar blogs secundarios al principal.

Responder
Albus Dumbledore  

JMiur es posible crear un blog usando sólo Flash?

Responder
Gem@  

Es perfecto, una cosa si deshabilitamos los Comentarios por qué ponemos mostrar en lugar de ocultar?

Responder
Unknown  

Pillo Pillo te venías con ésto, ya no más preocupaciones por las incompatibilidades!

Los comentarios se pueden dejar o no :P

Responder
tvperu  

JMiur;
Porque sugieres poner:
¿Deseas añadir tu blog a nuestras listas?: No
¿Deseas permitir que los motores de búsqueda encuentren tu blog?: No

esto lo sugieres solo en este tipo de diseño o en cualquier plantilla determinada?

Responder
BiBliOpEquE  

Hola JMiur. Hace tiempo que trataba de hacer algo así y no me salía. Ahora tengo dudas sobre lo que explicás y lo que hice… en síntesis, lo que yo buscaba era una manera de improvisar carteles o anuncios y que sea práctico y que sea rápido y que no pese nada…

Bueno eso.. algo así: http://tra38.blogspot.com/


Puede que no haya entendido la consigna, pero GRACIAS porque resolviste uno de mis más grandes desvelos.

Responder
JMiur  

Felipe
Esa y varias otra sque uso para no compicarme la vida :D

IronWeb:
Si me importara el PR ... tal vez ... pero aún así, dependerá del uso. Demos, páginas estáticas, formularios de contacto, condiciones de uso, mapas del sitio, etc.etc,etc, son páginas de contenido irrelevante y por lo tanto, siempre es mejor que no estén indexadas.

Albus Dumbledore:
Si, claro. Eliminas todos los gadgets incluyendo el del blog mismo, insertas el SWF y listo. No tiene mucho sentido porque un servicio de blogs es para hacer blogs y de ese modo, hay un desperdicio de recursos enormes pero, se puede.

Gem@ 4
Con deshabilitar es suficiente. Lo mio es redundante porque quiero que a Blogger le quede clarito :D

Graciela:
Exactamente. Ya vas a poder jugar con jQuery :-)

tvperu:
Es una opción válida para cualquier blog, está en la primera pantalla de Confguración de todos. En este caso, lo uso para evitar que los demos se indexen o que el blog auxiliar aparezca en los buscadores ya que su contendio, como decía arriba, es irrelevante.

Responder
egoloco  

Al fin!!! Se cumplió la profecía... porque haces entradas sobre cosas que piensa la gente? Gracias JMiur!! Espero que te trate bien el frio ahi del otro lado del charco xD

Responder
JMiur  

Será porque estoy estudiando para ser Nostradamus :D

Mientras estoy pegado a la estufa, con bufanda y tres pares de medias ... todo es perfecto. Cualquier otro momento ... mejor ni te cuento :D

Responder
La hormiguita  

Voy siguiendo ...la saga...;) ta bueno lo de pegar la mínima... me despertó ideas... en el dreamweaver hay algunas plantillas de css, que viene separadas ..pero se las podría poner en el head como en el blog.. y listo... lo de los condicionales.. tengo que leerlo un pco mejor!!! pero no se preocupe.. tengo paciencia.... y con respecto al frio, que comenta egoloco... se me congela la mano del mouse... tengo para eso una almohadilla electrica.:)

Responder
JMiur  

La hormiguita:
Prueba y luego nos cuentas ... seguiré pegado a la estufa :D

Responder
La hormiguita  

Buen día... bueno probé... :) lo del dreanweaver, que me da unas plantillas básicas para trabajar... sin nada más que la forma, y la puse ..jajajajajaja, pero no funciona el blog, hice una entrada y niet :O nada quedo asi plano como una foto... le mando la dirección....
http://minihormiga.blogspot.com/
Ahora sigo con la tercera... ese slideshow quiero hacerlo.
Gracias

Responder
PhotoViajeros  

Hola Jmiur, he utilizado este truco para crearme un blog auxiliar en el que generar un menú que quiero mostrar en mi blog.

He llegado aquí a través de las recomendaciones de Gema en la entrada del blog de Gem@ http://gemablog-.blogspot.com/2010/08/gran-menu-con-imagenes-de-fondo.html.

Ya he creado el menú que puedes ver en http://photoviajeros-auxiliar.blogspot.com/2010/11/menuprincipal.html y quiero incluir ese menú en mi blog original http://photoviajeros.blogspot.com , pero cuando lo pongo, al hacer clic en los enlaces se me abren las url de cada enlace dentro del iframe, y lo que quiero es usar ese menú como pagina de inicio y que al pulsar sobre cualquier enlace, se me abra esa url directamente en el blog, no dentro del iframe, porque sino, que utilidad tiene el poder crear un menú que luego sólo te va a cargar el contenido dentro del iframe?

Un saludo

Responder
JMiur  

Pués eso es lo que ocurrirá, me temo que no es un método adecuado para colocar un menú porque los iframes son independientes. Para que funcionara creo que deberías usar JavaScript y abrir en nuevas ventanas pero no estoy seguro de eso.

Responder
L  

JMiur..Gracias por el tutorial y por todo los otros :D
pero necesito ayuda con una ultima cosa en la parte del estilo quiero cambiar el color de fondo probe con varias notas y nada
puse asi pero nada. ayudate con esto porfa

<!-- AQUI PONDREMOS NUESTROS CONDIONALES -->

<b:if cond='data:blog.url == "URL_entrada"'>
<style type='text/css'>
body {
background-color: #141414;
}
body,td,th {
color: #FFF;
}
</style>

Responder
JMiur  

No sé cuál es tu ejemplo; eso que escribes es correcto; si el color no lo ves es posible que alguna instrucción psoterior lo cambie.

Responder
Manuel Alberto  

Buen domingo JMiur.

Hace un año hice un blog auxiliar siguiendo todos los pasos indicados en este post, y lo estoy usando sin problemas.

Quise crear otro blog auxiliar, pero en el punto de borrar el html de la plantilla junto con sus artilugios e intentar pegar el html simplficado, blogger me lo impide.

Parto de una plantilla simple, ya que la miníma de blogger no se encuentra entre las opciones (por lo menos con ese nombre no está).

Hice varios intentos en vano. Incluso intenté pegar el html de una plantilla mínima, pero el problema persiste.

Cuál será la causa?

JMiur  

Es probabe que sea una de las nuevas plantillas de Blogger así que ve a Edición HML y abajo verás un enlace:
Plantillas de diseño (lanzado en 2006) + Seleccionar plantilla de diseño
Allí están las originales.

Responder
Manuel Alberto  

Problema solucionado.

Volviendo a la interfaz anterior de blogger, pude hacer otro blog auxiliar.

La interfaz actualizada no permite hacer lo que indica este post.

Saludos y gracias por tu tiempo JMiur.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR