El Blog de J.Guti.: noviembre 2007

Generadores

viernes, 30 de noviembre de 2007

Get Your Aquarium

Get Your Map

Get Your DanceText

Design Your Globe

Publicado por Guti en 9:34 3 comentarios

Pulsar para oir post hablado

Efecto de agua

Una página interesante que hace el efecto de olas de agua en las imagenes

Add this effect to your own photos

Publicado por Guti en 9:26 0 comentarios

Pulsar para oir post hablado

Para editar imagenes on line, añadir texto a las imagenes sin tener que utilizar photoshop, este editor encontrado en la web cumple perfectamente para pequeños retoques.http://http://www.splashup.com/. Les muestro imagenes de la página:

Una vez en la página se pulsa en la pantalla grande donde dice JUMP RIGHT IN, seguidamente se abre el archivo bien sea desde nuestro PC, de Picassa o Flickr.

Publicado por Guti en 22:33 0 comentarios

Pulsar para oir post hablado

Roundpic

martes, 27 de noviembre de 2007

Roundpic es una herramienta que posibilita las opciones de redondear las esquinas de cualquier imagen y también
cambiar el tamaño de las mismas y el color de fondo.Las podemos subir desde nuestro PC o poniendo la URL de la imagen.Les muestro detalle de la página

Publicado por Guti en 20:09 0 comentarios

Pulsar para oir post hablado

Imagen que cambia

Según publica hoy el estupemdo blog de Gema@blog, este ejemplo de aplicación "Rollover", que cambia las imagenes al pasar el cursor.
Primeramente nos situamos en la plantilla edición HTML, y justo antes de -/head-, añadimos este código:
<script language="JavaScript" type="text/javascript">

imagenOn = new Image(300,300);

imagenOn.src = "images/avatar2.gif";

</script>

damos aceptar guardando los cambios y a continuación añadimos esto otro en el sitio que queramos ponerlo, bien sea una emtrada o en el sidebar;
<a href= "#" onclick="returnfalse;" onmouseover="document.ejemplo.src='url-imagen';" onmouseout="document.ejemplo.src='url-imagen';">

<IMG name="ejemplo" src="url-imagen-1ª" alt = "ejemplo de rollover"width="300" height="300" border= "0">

</a>

solamente sustituimos donde pone -url.imagen-, por la imagen nuestra: Ejemplo

Publicado por Guti en 15:40 0 comentarios

Pulsar para oir post hablado

Buscador

lunes, 26 de noviembre de 2007

Para poder poner un buscador interno en nuestro blog basta añadir este corto y sencillo código a nuestra página en la sección añadir un elemento de página -HTML-Javascript-, situándolo en la parte que queramos ponerlo.Aceptamos y listo.

[+/-]Buscador


Texto:

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Buscar" type="submit"/></form>

Texto:
Observaciones:
Si queremos añadirle una imagen de -lupa-, cambiaremos la parte desde la que dice:
<input id="search-btn" value="Buscar" type="submit"/></form>

Texto:

por esta otra...:

<input border="0" alt="Buscar" src="http://img234.
imageshack.us/img234/5551/magnifyingglassec3.gif" type="image"/>

</form>

Publicado por Guti en 19:45 0 comentarios

Pulsar para oir post hablado

Seguir leyendo

domingo, 25 de noviembre de 2007

Para poder mostrar los textos en las entradas o post y que no se lea el texto completo, sino que una parte permanezca oculto y que se vea cuando nosotros queramos, o lo que es lo mismo el "siga leyendo...", empezaremos por seguir los siguientes pasos:

Contraer todo | Expandir todo

Siga leyendo

Contenido:
primeramente buscaremos -/head-, y seguidamente pondremos este código:
<script src='http://forevergema.googlepages.com/functiontoggleIt.js' type='text/javascript'/>

El segundo paso será buscar este código en la plantilla. Previamente habremos expandido artilugios:
<b:includable id='post' var='post'>

<div class='post uncustomized-post-template'

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

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

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> 

</div>

Cómo tercer paso esto último los sustituiremos por este otro código:

Código Seguir leyendo:

Código:
<b:includable id='post' var='post'>

<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

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

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>SIGA LEYENDO</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>CERRAR NOTA</a></p>

</span>

<script type='text/javascript'>

checkFull("post-" + "<data:post.id/>");

</script>

</b:if>

<div style='clear: both;'/> 

</div>

Aceptamos los cambios y solamente falta aplicar en cada entrada esto otro:
texto

<span id="fullpost">

texto

</span>

Observaciones:

Contenido
Esta última parte se podrá para más comodidad dejarlo fijo en plantilla simplemente yendo a -opciones-formato, y pegarlo en plantilla HTML.
texto

<span id="fullpost">

texto

</span>

Publicado por Guti en 10:09 0 comentarios

Pulsar para oir post hablado

Mostrar contenidos

Con esta aplicación podemos tener una tabla para mostrar los contenidos que deseemos, como por ejemplo un mapa del blog o cualquier otra cosa que se nos ocurra.
Primeramente pondremos lo siguiente antes de la etiqueta -/head-:

Contenido

seguidamente vamos a añadir un elemento de página -HTML-Javascript-, y pondremos el siguiente código:

[+/-]Abrir código

<ul id="maintab" class="shadetabs">

<li><a href="#" rel="tcontent1">Contenido 1</a></li>

<li><a href="#" rel="tcontent2">Contenido 2</a></li>

<li><a href="#" rel="tcontent3">Contenido 3</a></li>

<li class="selected"><a href="#" rel="tcontent4">Contenido 4</a></li>

<li><a href="#" rel="tcontent5">Contenido 5</a></li>

<li><a href="#" rel="tcontent6">Contenido 6</a></li>

</ul>

<div class="tabcontenidostyle">

<div id="tcontent1" class="tabcontent">

<br/>

Aca va el contenido 1

</div>

<div id="tcontent2" class="tabcontent">

<br/>

Aca va el contenido 2

</div>

<div id="tcontent3" class="tabcontent">

<br/>

Aca va el contenido 3

</div>

<div id="tcontent4" class="tabcontent">

<br/>

Aca va el contenido 4

</div>

<div id="tcontent5" class="tabcontent">

<br/>

Aca va el contenido 5

</div>

<div id="tcontent6" class="tabcontent">

<br/>

Aca va el contenido 6

</div>

</div>

<script type="text/javascript">

initializetabcontent("maintab")

</script>

Configuración:
<li><a href="#" rel="tcontent1">Contenido 1</a></li>

Aca lo único que le tenes que cambiar el el titulo

<li class="selected"><a href="#" rel="tcontent4">Contenido 4</a></li>

Aca verás que aparece algo nuevo "class="selected" es el contenido que se muestra cuando entran a tu blog.

<div id="tcontent1" class="tabcontent">

<br/>

Aca va el contenido 1

Publicado por Guti en 0:45 0 comentarios

Pulsar para oir post hablado

Imagenes en post

viernes, 23 de noviembre de 2007

[+/-]Imagenes en los post de entrada


Texto:

Texto:
Para poner imagenes en distintos lugares de los post, aplicaremos lo siguiente:

Texto:
Post:



Para la fecha:



.date-header {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxa4qzRrAFCv02PPpNxHKkPc6uldcHfLBQWsb-aN8dCD69vc03ifUJT8bKTJabbDg6xqqif9aAduCK19pBfwEA7yBLhL9nZc3s0j3cqRQdxoxWjqni3t_5e012jZ4Wj6iwTord_ViBRa4/s1600/time.png) center left no-repeat;

}



Para las etiquetas:



.post-labels {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO2DzXCndSW4BXNK_edmYmkE8hstbZv8UhJxhppxRB1Z5VbewPUwKsBxZeccnu8o_KNsfQadcXQWvZ9Ig3EIwQMvReaMlnNXLI1vWy64pShSsrJSFhkgA-CS6eareuRM5iCWKHMgoAddU/s1600/etiqueta_naranja.gif) center left no-repeat;

}



Para el autor:



.post-author {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeHNT5sgvrbvD0iehi2negAFw6um6bLZACCwVENmE94a_gkkJo4KRFknitw6ymuwaiX3KbyPD95zv6tTeKQLpHp642ZkwDdLs83lWiRoBzXdpSKpt0g-3DYtrkA6p5XmkPTb-kR7iA_A8/s1600/autor.gif) center left no-repeat;

}



Para el titulo del post:



.post-title {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpaRWWdDLAiLsrzTduJzj7SxWxsU-zx2Ibrxsf3ju86D0NS5Ox8UNBaWQ7HgbpK8I_wYylElm1AnLLm6aDbqJFU22lwXHbzBfQZ-r6xQMhnoFovs6LIseRbY3JxJciLUOsadDo0XxC7LA/s1600/icono-documento.gif) center left no-repeat;

}



Para la fecha de los comentarios:



.comment-timestamp {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj65-9Nrev0rKaEWoqlWWzfJBf51AuvYwc0IZ-bAr6nCCW3spZ9A4G-ojENaDiL6wwb0amO3sQtu3OSNn2KbnfdIj3Vxq-wr5tHpvELAWFOr_O_NRBa4r8zEYxUcJ00pYbaE7Q0_wQXIOk/s1600/icono-calendario.gif) center left no-repeat;

}



Para los comentarios:



.comment-link {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2HqHC1bLnqYCy3CmgPekgE8JQ6MpzwCIzFwldIoU_c3KLrbYAhKuTQv-lnYDaZARLvYqxMtj-8mFGgmyoiF8pbew6wNgTqX_3hAlagAZ2gn78rSwHIHc7oxU-5VE1ahq2Ghsx0u2PwDc/s1600/icono-comentarios.gif) center left no-repeat;

}



Sidebar:



Para los links:



#LinkList1 ul, #LinkList2 ul {

list-style-type:none;

}



#LinkList1 li, #LinkList2 li {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-S4lpZ8g4y-mquACs4AnQpt5cOPEz81QmN4rz2N8RUeF4wK3blD16ylaYaLcchvCMNqLz9SscbWUVkPDNxXH1UW65jKn8lHqgdtbeqGrLKKk062JI_cRNROnL7rkgp8dBwKQBWxIlW48/s1600/icono-links.gif) center left no-repeat;

}



Para los blacklinks:



#backlinks-container h4 {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqJNrNDZMYuwr4UhK5hqfRuF_LE1K91MHyH4sdLRKouPnpm_fvNQpSPm25Tn_d432EFaomY6BeK8o_5o4nbcJTB7OFtiSzKktbjPUpUuNGcKh7SH6TojEYmWIAu0BdkbSpXpUFneMxiE0/s1600/icono-backlinks.gif) center left no-repeat;

}



Para las etiquetas:



#Label1 ul, #Label2 ul {

list-style-type:none;

}



#Label1 li, #Label2 li {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNPmn6g_ydn6j_-LSCQrRfXaKaTiSuvDz6psyGu5a4G4Ln2BNMGUuz1Vrdxp_pknr8A-ni75dgpI8BxxUWz-EUrDsUTlGdK8sYEX3LOD94LhdWS1rw8YnIGnSm7n0Jk5Ekt1ltJTCPc3k/s1600/icono-etiqueta-azul.gif) center left no-repeat;

}



Footer:



Para el feed:



.feed-links {

padding-left: 20px;

padding-top: 5px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMBrFIR57wd-_ltXWKkCaWY1gp5utDMDldsXJnPJzF7lxqVmVXlewaQd3ipFzQRNSVbDBrxhgqo99UcdblvBligmb3IqL-4uV9wPWDTI7l-70J6kIxFrFNQggLVZgjBrYkvVyNRQ3vuno/s1600/icono-feed.gif) center left no-repeat;

}



Listo :) .

Publicado por Guti en 21:11 1 comentarios

Pulsar para oir post hablado

Barras de separación

martes, 20 de noviembre de 2007

[+/-]Barras de separación



Código:
Para añadir lineas de separación verticales dentro del blog, añadiremos lo siguiente:

Añadimos en #main-wrapper { el valor

border-left: solid #000000 1px; para conseguir una barra a la izquierda de la sidebar.

border-right: solid #000000 1px; para conseguir una barra a la derecha de la sidebar.

border-right:1px dashed #ffffff; la barra se verá punteada.



Si queremos incluir las entradas dentro de una caja,es decir, barra derecha-barra izquierda-barra arriba-barra abajo, añadimos en #main-wrapper { el valor border: solid #000000 1px;

Para verla punteada: border: dashed #000000 1px;

Si queremos que las esquinas de la caja se vean redondeadas, añadimos:



-moz-border-radius: 15px;

-webkit-border-radius: 15px;



Lo mismo puede hacerse en la sidebar, añadiendo esos valores en #sidebar-wrapper {

Observaciones:

*Si os parece que el texto de las entradas queda demasiado pegado al borde que acabamos de colocar, añadís el valor padding, por ejemplo asi: padding: 0 10px 0 10px; según se varie el valor de los pixeles (px) variará la distancia del texto al borde.

Publicado por Guti en 20:24 5 comentarios

Pulsar para oir post hablado

Trucos Blog

lunes, 12 de noviembre de 2007

[+/-]Mensajes de Alerta


Con este truco podemos conseguir resaltar algo que no queramos que pase desapercibidopo.
Para eso insertaremos el siguiente código antes - ]]></b:skin>-.

/* alerta */



.alert {

background: #fff6bf url(http://img527.imageshack.us/img527/3821/exclamationfs0.png) 15px center no-repeat;

text-align: left;

padding: 5px 20px 5px 45px;

border-top: 2px solid #ffd324;

border-bottom: 2px solid #ffd324;

}


Después de aceptar y guardar podemos empezar a usarlo en cada entrada que queramos aplicarlo poniendo esto en cada entrada:
<p class="alert">ACA VA EL MENSAJE</p>

[+/-]Cartel de Mensajes


Para ello inserta el, siguiente código entre las etiquetas -head-/head-:
Código:

<style type='text/css'>



.commentbox{

background-color: #ececec;

width: 450px;

padding: 10px;

}



.commentfooter{

background: url(http://img.godlike.cl/images/fle.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/

padding-left: 58px;

padding-top: 1px;

margin-bottom: 2em;

font-size: 90%;

color: #4A4A4A;

}



</style>






Después de aceptar y guardar vas a elementois de página y en la sección de -HTML-Javascript-, insertas este código donde quieras situarlo:
<div class="commentfooter">

<div style=" "><span >

ACA VA LA FIRMA</span></div></div>

[+/-]Traducir post al inglés



Texto:


Para que aparezca la bandera de traducción al inglés vamos a plantilla edición HTML y después del siguiente código :<p class='post-footer-line post-footer-line-3'>

pondremos este otro código justo a continuación:

<a expr:href='"http://world.altavista.com/babelfish/trurl_pagecontent?url=" + data:post.url + "&amp;lp=es_en"' title='Spanish to English'><img src='http://1.bp.blogspot.com/_XGtsagQTuUQ/RZk8DP2JNiI/AAAAAAAAADk/eRxHS5s1f10/s320/english.jpg' alt='Eng' /> English</a>

Ejemplo: English

Publicado por Guti en 9:57 0 comentarios

Pulsar para oir post hablado

Accesorios

domingo, 11 de noviembre de 2007

Contraer todo | Expandir todo

Drop Caps

Contenido:
Es la primera letra de un párrafo más grande que el resto del texto, al estilo de los periódicos.Puede ser interesante para dar un aspecto diferente a los textos, que lo habitualmente visto hasta ahora. A continuación les detallo el correspondiente código para implantar en su plantilla.
Código:
Ir a plantilla edición HTML (no expandir artilugios) y agregas el siguiente código entre -<b:skin><![CDATA[ y ]]></b:skin>. , preferiblemente al final

.dropcaps {

float:left;

color: $headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px;

}

Si no funciona con la parte de :$headerBgColor,lo cambias por $titlecolor .
Después sólo tienes que añadir en cada entrada el código:
<span class="dropcaps">D</span>

o para más comodidad dejarlo fijo en Opciones, Formato y pagarlo para que salga automaticamente en todas las entradas que creemos. Aceptamos y listo.En vista previa no es visible.

Leer más

Una manera de insertar la forma de ver en las entradas parte del texto escrito y que el resto del texto se vea cuando nosotros queramos, con el fin de que en textos largos no nos ocupe demasiado en cada entrada, de los muchos sistemas que hay, es que les muestro a continuación, que no resulta demasiado complicado de insertar.
Primeramente buscaremos en nuestra plantilla Edición HTML/Expandir plantilla de Artilugios las etiquetas:</b:skin> y </head>

y entre ellas pegamos el siguiente código:

Contenido:
<b:if cond='data:blog.pageType == "item"'>

<style type='text/css'>

.fullpost {display:inline;}

.summarypost {display:none;}

</style>

<b:else/>

<style type='text/css'>

.fullpost {display:none;}

.summarypost {display:inline;}

</style>

</b:if>

----------
Luego en cada post que deseemos que salga el "Leer más", aplicaremos este otro código
en cada entrada, donde detallaremos el texto que queremos que aparezca a simple vista y el que deseamos ocultar.
(Aquí escribimos el principio de la entrada )

<span class="summarypost">

<a href="link-de-la-entrada">Seguir Leyendo... </a>

</span>

<span class="fullpost">

( Aquí escribimos la parte de entrada que veremos extendida )

</span>

---------
Esta última parte también la podremos aplicar de forma permanente añadiando en Opciones/Formato/Plantilla de Entrada, para no tener que estar añadiéndolo en cada post, con lo cual resulta más cómodo.
Luego en la parte de "Seguir Leyendo", también se puede sus tituir por esto para que salga en su lugar una imagen:<img src="aquí-la-url-de-la-imagen" /></a>

Favicones

Contenido:
Para aplicar "favicones" (imagenes diminutas), a nuestro blog en los apartados de
Comentarios, Etiquetas, Autor o Secciones, basta añadir el siguiente código en la
parte del blog antes de :]]></b:skin>
A continuación añadiremos el código dependiendo de la parte donde queramos situarlo, según se indica:
"Imagen en Categoría o Etiquetas"

.post-labels

{ padding-left:20px;

padding-top:5px;

background: url(url_de_la_imagen) center left no-repeat; }

"Imagen en Comentarios"

.comment-link

{

padding-left:20px;

padding-top:5px;

background: url(url_de_la_imagen) center left no-repeat; }

"Imagen en (Publicado por) o Autor del blog"

.post-author

{

padding-left:20px;

padding-top:5px;

background: url(url_de_la_imagen) center left no-repeat; }

Publicado por Guti en 21:51 0 comentarios

Pulsar para oir post hablado

Menús

Este ménu desplegable consiste en hacer clic en sobre un botón y se despliegan una lista de links, además se pueden ir añadiendo módulos -javascript-, tamtos cómo uno quiera, sólo con ir cambiando de nombre de el -id-, por ejemplo si ponemos en uno -video-, pues en otro -música-, y así sucesivamente.
A continuación les muestro el correspondiente código para añadir a su plantilla.

Contraer todo | Expandir todo

Menú desplegable

Contenido:

Código

Contenido:
Este código lo pegaremos justo antes de --]]></b:skin>)
--

.texthidden {

display:inline

}

.shown {

display:block

}

Y este otro justo antes de -/head-:
<script src='http://andrewhonors.googlepages.com/fecha.js' type='text/javascript'/>

Luego ir a añadir elementos de página y en el elemento de -HTML-Javascript-, pondremos este otro código; aceptaremos y ya está listo para disfrutar de él.
Código:
<a href="javascript:void(0);" onclick="expandcollapse('musica')"><img border="0" src="http://dirección-de-la-imagen-del-botón"/></a><br/>

<ul id="musica" class="texthidden">

<li><a href="http://www.radioblogclub.com/" target="_blank">Radio Blog</a></li>

<li><a href="http://www.goear.com/index.php" target="_blank">Goear</a></li></ul>

<a href="javascript:void(0);" onclick="expandcollapse('video')"><img border="0" src="http://dirección-de-la-imagen-del-botón"/></a><br/>

<ul id="video" class="texthidden">

<li><a href="http://www.youtube.com/" target="_blank">Youtube</a></li>

<li><a href="http://www.veoh.com/" target="_blank">Veoh</a></li></ul>

TITULOS

Contenido:

Publicado por Guti en 11:23 0 comentarios

Pulsar para oir post hablado

Trucos Blog

sábado, 10 de noviembre de 2007

Podemos poner los Post escritos a doble columna, estilo periódico y quedan superchulos, y además le dá un aire de elegancia al blog. A continuación les muestro el código, que tendrán que añadir a un elemento de página -HTML-Javascript-
Abrir

Contraer todo | Expandir todo

Post Doble Columna

Contenido:
<table><td style="width:40%;margin-top:0px;padding:15px;"><p style="text-align:justify;">AQUÃ� EL TEXTO DE LA PRIMERA<br />COLUMNA DEL POST</p> <td style="width:40%;margin-top:0px;padding:15px;"><p style="text-align:justify;">AQUÃ� EL TEXTO DE LA SEGUNDA COLUMNA DEL POST</p> </table>

Publicado por Guti en 16:26 0 comentarios

Pulsar para oir post hablado

Plantilla Smashing

Contenido:Otra bonita plantilla sacada de la página de Ricardo Santos, es la de Smashing, algo similar a la de Blogi Illacrino, pero en otros tonos. Abajo el código

Contenido:Otra bonita plantilla sacada de la página de Ricardo Santos, es la de Smashing, algo similar a la de Blogi Illacrino, pero en otros tonos. Abajo el código:

[+/-]Abrir código

Publicado por Guti en 9:54 0 comentarios

Pulsar para oir post hablado

Plantilla Podsolnuh

viernes, 9 de noviembre de 2007

[+]

Les muestro una bonita plantilla de 3 columnas, solamente copien el código en la parte superior con clic en el signo + y añandanlo a su página

[+]

Publicado por Guti en 15:43 1 comentarios

Pulsar para oir post hablado

viernes, 30 de noviembre de 2007

jueves, 29 de noviembre de 2007

martes, 27 de noviembre de 2007

lunes, 26 de noviembre de 2007

domingo, 25 de noviembre de 2007

Siga leyendo

Código Seguir leyendo:

Observaciones:

viernes, 23 de noviembre de 2007

martes, 20 de noviembre de 2007

lunes, 12 de noviembre de 2007

domingo, 11 de noviembre de 2007

Drop Caps

Leer más

Favicones

Menú desplegable

Código

TITULOS

sábado, 10 de noviembre de 2007

Post Doble Columna

viernes, 9 de noviembre de 2007

About Me

scroll

Menus

Accesorios

Plantillas

herramientas

Trucos Blog

Utilidades

Curiosidades

Ultimos Post-Rosa

Link

Link

Link

Mostrar/ocultar

Labels

Blog Archive

Enlazan este blog

Desplegable

Calendario

Scroll

Ultimos Post-Gema

El Blog de J.Guti-Ult.Posts

El Blog de J.Guti.

Links

Ayuda Blogs

Links

Suscribirse a