Consejos Blogger: trucos para blogger

Mostrando entradas con la etiqueta trucos para blogger. Mostrar todas las entradas

viernes, 17 de abril de 2009

Como crear un banner para tus links favoritos

Lo primero que vamos hacer es pegar éste código en nuestra plantilla. Para ello vamos a Diseño -> Edición de HTML y antes de </head>:

<link href='http://xosse.dorrio.googlepages.com/bannerxOsse.ccs' rel='stylesheet' type='text/css'/>
<script src='http://xosse.dorrio.googlepages.com/bannerxOsse.js' type='text/javascript'/>

También podeis descargar esos archivos, renombrarlos y subirlos a vuestro propio dominio. Así no estareis expuestos a su pérdida si algún día yo los elimino de mi espacio, por error o por que ya no los necesite.

Posteriormente crearemos un elemento nuevo en la Sidebar. Vamos a Diseño -> Elementos de la página -> Añadir un gadget -> HTML/Javascript y editamos:

<center>
<div id="mbs49808d35a52f6" class="mod_bannerslider" style="width: 180px; height: 80px;">
<div class="bs_opacitylayer">
<div class="bs_contentdiv"><a href="http://www.moendo.net/" target="mOendo do Revés"><img src="http://xosse.dorrio.googlepages.com/moendo-net.PNG" alt="mOendo.net" /></a></div>
</div>
<div class="bs_contentdiv"><a href="http://blogandroll-xosse.blogspot.com/" target="Blog and Roll"><img src="http://xosse.dorrio.googlepages.com/logo_BR.jpg" alt="Blog and Roll" /></a></div>
</div>
<script type="text/javascript"><br /> new ContentSlider("mbs49808d35a52f6", "fade", 2000, 1, 1);
</script>
</center></div>

Dentro de éste código podremos editar el tamaño de la caja, tanto su anchura (width) como su altura (height) y podremos, además, poner tantos links como nos parezca; sólo es preciso repetir la parte del código que contiene el link a la web y el link a la imagen, cambiándolo por otro diferente. Es téticamente es importante utilizar imágenes que se correspondan con las medidas de la caja, para ligar las webs que deseamos.

viernes, 30 de enero de 2009

Editar blockquote

Este truco consiste poner un color -y/o imagen- de fondo diferente al que tenemos en la entrada. Para ello es necesario ir a diseño -> código HTML y entre <head> y </head> colocamos el texto siguiente:

blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUiMxfbz7QvIaeE0fFDXRZE1-P1E02Cm1Sam5YxZyD4i0nIUlIJ1eu_SbKaDnSJNa80HW0PKYVUzTUC4Q-ApgoY5bOip-gk9EJLzS_2xO8rwjQ3FrbMWrsO890Y4A2Sws91IVixOdyVQ/s1600/quote.gif) no-repeat 10px 4px;
}

blockquote blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
background:#bac9cc;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUiMxfbz7QvIaeE0fFDXRZE1-P1E02Cm1Sam5YxZyD4i0nIUlIJ1eu_SbKaDnSJNa80HW0PKYVUzTUC4Q-ApgoY5bOip-gk9EJLzS_2xO8rwjQ3FrbMWrsO890Y4A2Sws91IVixOdyVQ/s1600/quote.gif) no-repeat 10px 4px;
}

Este es el texto que yo he colocado, luego cada uno puede editar márgenes, colores, imágenes... a su gusto. Para que aparezca publicado es necesario que redactemos el texto en "edición HTML" y pongamos al inicio del texto <blockquote> y al final </blockquote>

sábado, 10 de enero de 2009

Google AdSense en Terra

Estas farto de escribir nun Blog de TERRA, con publicidade, e non ver nada dos beneficios xenerados?

Nos Blogs de TERRA tamén é posibel poñer a túa propia publicidade; facelo é moi doado. Tes que estar dado de alta en Google AdSese, se non o estas podes rexistrarte, unha vez regxstrado e/ou identificado entras na pestaña de configuración de AdSense, logo en AdSense pra contido, elixes o que máis creas convinte para o teu blog, cos colores que máis che praza, e segues ata o final, onde che da un código 'script'. Copia o código e logo vás ó panel de control de TERRA, pinchas en axustes, entras en 'título, descripción e noticias' e pegas o código onde di: RAW. Unha vez pegado darlle a gardar. A publicidade pode tardar en aparecer varios minutos, así que paciencia.

Tende coidado cada vez que entredes neste lugar do voso panel de control, pois ese 'script' bórrase con moita facilidade e se cambiades de plantel desaparecerá seguro. En ámbolos dous casos só queda comezar de novo.

Nese oco (RAW) tamén se pode escribir e por ligazóns como podedes ver na cabeceira do meu.

Si che foi de utilidade este consello non esquezas ligarme para poder compartilo con outras persoas.

Estás harto de escribir en un Blog de TERRA, con publicidad, y no ver nada de los beneficios que genera?

En los Blogs de TERRA también es posible poner tu propia publicidad; hacerlo es muy sencillo. Tienes que estar dado de alta en Google AdSense, si no lo estas puedes registrarte, una vez registrado y/o identifiado entras en la pestaña de configuración de AdSense, luego en AdSense para contenido, eliges elque más creas conveniente para tu Blog, con los colores que más te plazca, y sigues hasta el final, donde te darán un código 'script'. Copia el código y luego vás a tu panel de control en TERRA, pinchas en Ajustes, entras en 'Título, descripción y noticias' y pegas el código donde dice: RAW. Una vez pegado dale a guardar. La publicidad puede tardar varios minutos en aparecer, así que paciencia.

Tenez cuidado cada vez que entreis en ese lugar de vuestro panel de control, pues este 'script' se borra con mucha facilidad y si cambiais de plantilla desaparecerá seguro. En ambos casos sólo queda volver a empezar.

En ese hueco (RAW) también puedes escribir lo que quieras y poner enlaces

Si te resultó útil este consejo, no olvides ligarme para poder compartirlo con otras personas

viernes, 7 de noviembre de 2008

Texto a dos columnas

Grazas ó blog de Gema puiden facer este post con dúas columnas, de tal xeito que as imaxes non se perden na entrada ata o infinito. Se queredes saber como facelo teredes que seguir esta ligazón.

Gracias al blog de Gema he podido hacer este post con dos columnas, de tal modo que las imágenes no se pierden en la entrada hasta el infinito. Si quereis saber como hacerlo tendreis que seguir este enlace.

martes, 21 de octubre de 2008

Crear una barra de navegación

Después de mucho tiempo me he decidido a introducir nuevas modificaciones en mi blog y como es habitual, cada cambio que hago os lo cuento. Ahora me he decidio por colocar una barra de navegación con un menú para que sirva de guía a los usuarios del blog o para dirigirlos a los sitios que el autor del blog, en este caso yo, le interese más.

1.- Empezamos creando dos nuevas "variables" que utilizaremos más adelante para dar color al texto de los menús y al fondo, así desde la pestaña "Fuentes y colores" podremos modificar su color. Se colocan debajo de las demás "variables":

<Variable name="colormenu" description="Menu Color"
type="color" default="#FFFFFF" value="#ffffff">
<Variable name="colorbgmenu" description="Menu bg Color"
type="color" default="#FFFFFF" value="#B10245">

2.- Diseñamos la barra adaptándola a la configuración de nuesto blog y al lugar en que queremos situarla (todo el ancho del blog (body) o sólo en la parte principal del blog (main); yo optaré por esta segunda opción. Estos parámetros podemos colocarlos en cualquier lugar del código HTLM entre <head> y <:/head>, así que lo pondremos después de "description":

/*-- (Menú) --*/

#nav {
clear:both;
margin:1px auto 1px auto;
width: 966px;
height:30px;
background: url(http://xosse.dorrio.googlepages.com/fnd_marc_prev2.GIF) repeat-x;
overflow:hidden;
}

#nav_l {
float:left;
width:966px;
margin:0px; padding:0px;
overflow:hidden;
height:30px;
}

.menu {
float:left;
margin:5px 1px;
padding:3px;
width: 400px;
}

.menu li {
display: inline;
list-style: none;
margin:0;
padding:0;
}

.menu ul, .menu ol {
display: inline;
list-style: none;
margin:0;
padding:0 10px 0 0;
}

.menu a, .menu a:visited {
color: $colormenu;
font-weight: bold;
margin:0;
padding: 3px 10px 3px 10px;
text-decoration: none;
}

.menu a:hover {
background: $colorbgmenu;
text-decoration: none;
font-weight: bold;
border:1px solid #fff;
}

#subscribe {
float: right;
width:192px;
height:32px;
margin:4px 4px 3px 4px;
}

.rss {
float:left;
margin:7px 5px 5px 0px;
width:500px;
}

.rss ul {
margin: 0; padding: 0 2px;
}

.rss li {
background: url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVYyjZEeI/AAAAAAAACew/
TXSgAsWEBLA/s1600/rss.gif) no-repeat 0 3px;
margin: 0 2px 0 0;
padding: 3px 0 3px 20px;
list-style: none;
font-size: 12px;
color:$colormenu;
display: inline;
font-weight: bold;
}

.rss li a {
font-size: 12px;
color:~$colormenu;
}

En negrilla van algunos de los parámetros quepodeis modificar a vuestro gusto (todos son modificables pero estos prsentan menos problemas)

3.- Para finalizar introduciremos el siguiente código en el blog y lo haremos en algún lugar entre <body> y </body>. Si queremos que ocupe todo el cuerpo lo pondremos al inicio; para que ocupe sólo la parte principal lo haremos en 'main'. Como mi barra irá debajo del título, expando la "plantilla de artilugios" y pego el código debajo del widget 'title':


<div id='nav'>
<div id='nav_l'>
<div class='menu'><ul>
<b><li class='Inicio'><a alt='Inicio' expr:href='data:blog.homepageUrl'>Inicio</a></li>
<li class='page_item page-item-2'><a href='dirección http://...' title='título de la dirección'>nombre del enlace</a></li>
<li class='page_item page-item-2'><a href='dirección http://...' title='título de la dirección'>nombre del enlace</a></li>
<li class='page_item page-item-2'><a href='dirección http://...' title='título de la dirección'>nombre del enlace</a></li></b>
</ul></div>


<div class='rss'><ul>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Post</a> (RSS)</li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comentarios</a> (RSS)</li>
</ul>
</div>
</div>
</div>

lunes, 2 de abril de 2007

La barra de navegación de blogger

Ya os había hablado antes de como eliminar la barra de navegación de Blogger añadiendo el código que sigue antes de la etiqueta <head>

Si eres de los que hechan de menos las funcionalidades de la barra (salir de la sesión, búsqueda de blogs, ir al panel, etc.) puedes óptar por éste nuevo truco que te permitirá ver la barra de navegación cada vez que pases el ratón por la parte superior del blog. Lo primero que tenemos que hacer es eliminar el código anterior si ya lo tenemos en nuestra plantilla y a continuación introducir éste otro, dentro de <head>, por ejemplo, antes de #body.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

ver ejemplo

domingo, 1 de abril de 2007

NUEVOS ELEMENTOS

En el editor wysiwyg de Blogger han aparecido dos nuevos elementos:

El primero -Newsreel- permite al usuario introducir un elemento que busca noticias y las agrega al blog. Las noticias que aparecerán serán las que nosotros le indiquemos, así , por ejemplo, si tienes un blog de cine puedes poner el nombre de tus actores favoritos y Google buscará noticias sobre ellos y aparecerán en la sidebar o lugar en que coloques el elemento.

El segundo-Video bar- es una herramienta que realiza exactamente lo misma función que el anterior, sólo que esta vez Google buscará entre los videos de You Tube las expresiones que nosotros le mandemos [ver ejemplo].

viernes, 30 de marzo de 2007

Redirecion de una pagina web/blog

Hoy he pasado por el blog de Leonel - Trucos blogger - y me he llevado una sorpresa, se ha fugado de la plataforma de Blogger a Worpress, pero ¿Cómo he aparecido en su nuevo blog si accedí a él desde un viejo enlace -el de mi blog-? Lo que ha hecho Leonel fue redireccionar el blog antiguo al nuevo blog. ¿Cómo? El mismo nos lo explica.

Quienes deseen redireccionar un blog o una página a otra distinta de Blogger solamente deben introducir un código en su plantilla (Ir a Plantilla –> Edicion HTML), antes de </head>:

<script language=’javascript’ type=’text/javascript’>
location.href="http://dirección a la que queremos redireccionar.com"</script>

Guardar y listo. Este truco permite aprovechar el tráfico que recibía el blog antiguo, de forma que nos lo pensaremos mucho mejor a la hora de eliminar un blog y así, de paso, evitaremos la propagación de virus a través de ellos. Curiosamente a esos virus se llega a través del redireccionamiento del blog eliminado.

martes, 13 de marzo de 2007

Imagen personalizada para Coogle Custom Search

Cuando insertamos en nuestros blogs el buscador de Google Custom Search Engine, este aparece únicamente con el cuadro de búsqueda y el botón para realizar la búsqueda. Gracias a un post públicado recientemente en Gem@ blog he descubierto goglogo, una página que nos permite cambiar el logo de Google por el que nosotros deseemos. El procedimiento lo explica Gem@ en su blog.

Yo he aprovechado que goglogo me permite personalizar el logo del buscador para hacer una captura de pantalla y luego con los programas de pintura (paint) y fotografía (photoshop) he recortado la imagen del logo y la he reducido al tamaño deseado (en éste caso 320 px), luego algún retoque con photoshop -aunque no soy muy bueno con ese programa- y ya tenemos la imagen lista.

Una vez hecha la imagen tenemos que subirla a la red -yo, como siempre, lo hago en Google Page Creator-, copiamos la dirección URL en la que está alojada y la pegamos dentro del siguiente código antes del código de Google Custom Search Engine:

<center><img src=" aquí la dirección URL " /></center>

El resultado lo podeis ver debajo de la cabecera de éste blog o aquí abajo:

viernes, 2 de marzo de 2007

POST FOOTER

El post-footer es el pié de cada entrada. Es donde aparece el nombre del autor, las etiquetas, los comentarios, etc. En muchas plantillas ésta parte no aparece claramente diferenciada y puede dar la sensación que la información que ahí aparece se confunde con la del post.

No hace mucho que explicaba la forma de poner imágenes en el título de cada post, pues bien, siguiendo la misma técnica también podemos colocar imágenes en el footer de la entrada. Si entonces utilizaba una imagen fija de gran tamaño y peso, ahora en el post-footer, para que resulte más rápida la carga de la página vamos a utilizar un imagen pequeña que se repita varias veces hasta llenar el hueco.

Para hacerlo necesitamos primero una imagen, que repetida varias veces, de la sensación de ser una sóla, yo he escogido ésta:

En el código que antes utilizabamos cambiamos el comando 'no-repeat' por 'repeat' y el resultado será el siguiente:

Además, podemos colocar bordes en el footer utilizando los códigos publicados en el post anterior y personalizar su color creando una variable para ellos. Podría quedar así:

Así ha quedado mi post footer:

.post-footer {
margin-bottom:15px;
margin-left:0px;
font-size: 87%;
background-image: url(http://blogs.terra.es/skins/sk_sp_temas/city/sidebar_bg.gif);
background-position: top center;
background-repeat: repeat;
}

miércoles, 28 de febrero de 2007

Creación de variables

¿Para que sirven las variables? Las variables nos van a permitir cambiar de color de cualquier parámetro antes configurado, con un sólo clic, desde la pestaña de fuentes y colores. Cada plantilla trae el número de variables mínimo para el correcto funcionamiento de la plantilla, pero podemos añadirle cuantas queramos. Sucede muchas veces, cuando copiamos un código de otros lugares de la red, que nos da un error de variable. Eso sucede cuando en ese código aparece una variable (por ejemplo, $bordercolor) que no tenemos creada en nuestra plantilla. Las dos posibles soluciones son las siguientes: una borrar la variable del código y poner el color de la forma clásica (#940f04) o crear una variable que luego nos permitirá cambiar el color con más facilidad aquí:

hacer clic para agrandar

Crear una variable es muy fácil, sólo tenemos que copiar íntegramente otra y cambiarle el nombre y la descripción. A continuación vamos a crear una variable que nos permita configurar el color de los bordes, sería así:

<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#940f04">

Una vez creada la variable la colocaremos en los lugares que queramos que aparezca, por ejemplo, en los bordes de 'main', para ello pondremos el signo del dolar ($) seguido del nombre que le hemos dado a la variable:

#main{
width: 60%;
float: left;
margin-top: 1px;
border-top:1px dashed $bordercolor;
border-right:1px dashed $bordercolor;
border-left:1px dashed $bordercolor;
border-bottom:1px dashed $bordercolor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

lunes, 26 de febrero de 2007

Algunos trucos

Hoy quiero mostraros algunos trucos que he visto por la blogosfera y para bloggers. Como no tengo mucho tiempo para reproducirlos y personalizarlos os dejo los enlaces. Una página muy útil es HTLM básico para aficcionados donde se puede aprender a utlizar algunos códigos para insertar tablas, enlaces, imágenes, FX, scripts,...

Otro truco es el que podeis encontrar en blogger emoticons, un truco que os permitirá insertar emoticonos en el blog en tres sencillos pasos.

viernes, 23 de febrero de 2007

My Search Engine

No es la primera vez que hago referencia a Google Custom Search Engine, una herramienta de Google que permite al usuario customizar su propio buscador, con la posibilidad de compartir los rendimentos de una forma similar a Adsense, de forma que cada vez que se hace una búsqueda en él aparecerá encima de los resultados un bloque de anuncios relacionado con el objeto de la búsqueda

Recientemente he estado introduciendo cambios en mi buscador, en concreto en relación con los sitios preferentes de búsqueda, copado actualmente por todas las URL que forman parte de mi blogroll. Cualquiera que realice una búsqueda en mi buscador encontrará, en un primer momento, sólo resultados de las páginas que yo tengo enlazadas. Si la búsqueda no ha sido satisfactoria tendrá la posibilidad de buscar en la web.

Ahora podeis poner a prueba a mi buscador...

jueves, 22 de febrero de 2007

Gadget de You Tube

Entre los gadget de google puede encontrarse actualmente éste que permite buscar y reproducir You Tube en el blog. Puede encontrarse aquí. El único inconveniente que tiene, al igual que todos los gadgets de google, es el excesivo ancho, que como mínimo (para que pueda verse el gadget completo) ocupa 250px.

miércoles, 14 de febrero de 2007

Template B&R Tekka White

Esta es la plantilla que tengo actualmente en mi blog. Su particulariedad es que tiene tres sidebar: una situada a la derecha del cuerpo y las otras dos debajo de ésta. Además, como todas las demás plantillas hechas por mi es expansible. Destaca el blanco tanto en el fondo del cuerpo como en las sidebar, pero es posible cambiar el color a nuestro gusto en 'Fuentes y Colores'.

La plantilla, además de poder verla en éste blog (a ver hasta cuando aguanto sin tocar nada) puede verse aquí y descargar los códigos aquí.

miércoles, 7 de febrero de 2007

La tercera sidebar

Una de las ventajas de tener dos sidebar juntas es que puedes poner una tercera encima de las dos para, por ejemplo, poner poner el rectángulo integrado grande (336px por 280) de AdSense, como podeis ver a vuestra derecha. Éste es, según Google, uno de los formatos más rentables. La otra posibilidad es poner una sóla sidebar suficientemente ancha para meter los 336 pixeles que ocupa éste anuncio.

Para crear la tercera sidebar seguimos los mismos pasos que para creear la segunda (sólo hay que cambiarle el nombre, por ejemplo 'sidebar3') y para que aparezca arriba de todo debemos colocarla delante de las otras dos dentro de <body>

martes, 6 de febrero de 2007

Más sobre las Referencias Google

¿Por qué aparece en los informes que por cada conversión una cantidad inferior a la cantidad completa? ¿Hay algún error?

En las referencias de Firefox, Picasa y Google Pack, las ganancias varían en función del país o de la localización del usuario al que se ha referido. La cuantía de las ganancias para cada localización está previamente determinada, sin embargo, no podemos especificar las cantidades para cada localización concreta.

Después de haber referido a un usuario a AdSense, ¿puedo ver lo que ha ganado este usuario?

Según la política de privacidad de Google Adsense, no es posible mostrar las ganancias generadas por otro editor de AdSense. No obstante, en la página “Informes avanzados” de tu cuenta, al seleccionar el producto “Referencias”, se puede ver el número de registros de referencias, así como las conversiones que han culminado con éxito. Cuando el usuario al que se ha referido a AdSense alcanza el límite para recibir el pago, tus informes mostrarán esta conversión y las ganancias correspondientes a la misma.

¿Puedo pedir a mis usuarios que hagan clic en mis botones de referencia?

Se puede recomendar y promocionar el producto del cual se está mostrando referencias, pero no se puede utilizar un lenguaje que invite a los usuarios a hacer clic en las referencias para apoyar tu sitio o para beneficiarte económicamente. En otras palabras, se pueden utilizar expresiones como: “Yo utilizo Firefox y lo recomiendo para navegar por Internet”, o “me encanta Picasa, haz clic aquí para obtener este software”. Expresiones como: “Haz clic en estos links para ayudarme a ganar dinero”, no están permitidas. Además, hay que tener en cuenta que esto es aplicable solamente a las referencias, y que no está permitido que los editores pidan a los usuarios hacer clic en los anuncios normales de coste por clic.

lunes, 5 de febrero de 2007

Nuevos precios para las referencias de AdSense y AdWords

Hasta ahora con las referencias de AdSense y AdWords era muy difícil generar ganancias. AdSense acaba de modificar el sistema de ganancias para estas dos referencias.

Referencias de AdSense

- Cuando el editor que se ha registrado en el programa a través de tu referencia alcanza, durante los 180 días siguientes a su registro, 5 dólares estadounidenses, tú obtendrás 5 dólares.
- Cuando el mismo editor alcanza 100 dólares (durante los 180 días siguientes a su registro), y tiene programado su pago, tú recibirás 250 dólares adicionales.
- Si en 180 días refieres a 25 editores, y cada uno de ellos supera los 100 dólares en los 180 días siguientes a su registro y, además, tienen programado su pago, serás premiado con 2.000 dólares (estas bonificaciones están limitadas a una por año).

Referencias de AdWords

- Cuando el anunciante al que has referido gasta 5 dólares (adicionales a los 5 dólares del registro), en los 90 días siguientes a su registro en AdWords, recibirás 5 dólares.
- Cuando el mismo anunciante gasta 100 dólares en los primeros 90 días, recibirás 40 dólares adicionales.
- Si en 180 días, refieres a 20 anunciantes y cada uno gasta más de 100 dólares en los primeros 90 días desde sus respectivos registros, recibirás 600 dólares de bonificación (estas bonificaciones están limitadas a una por año).

Esto también será aplicable a los usuarios que ya se han referido, pero que todavía no han alcanzado las ganancias especificadas arriba. Por ejemplo, si un usuario de AdSense ha referido a un editor a AdSense que hasta el momento ha ganado 2 dólares, tú ganarás los cinco dólares cuando este editor alcance los 5 dólares durante los 180 primeros días. Pero si el editor que has referido ya ha ganado 10 dólares, no ganarás los 5 dólares retroactivamente. Sin embargo, si este mismo editor alcanza los 100 dólares en los 180 primeros días, sí que recibirás los 250 dólares.

Por último, hay que tener en cuenta que los editores no pueden hacer clic en sus propias referencias y que no recibirán ganancias por referirse a ellos mismos a algún producto.

Dentro de AdSense

viernes, 2 de febrero de 2007

IMÁGENES CON SUBTÍTULO

La paloma de la PAZ según Eneko

Éste es el código que nos aparece cuando subimos una imagen a través del upload de Blogger:

<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp3.blogger.com/_avcdxpb9yUs/RcMXPQ1lRrI/AAAAAAAAAJg/o2k-vhr9xKs/s1600-h/549474.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp3.blogger.com/_avcdxpb9yUs/RcMXPQ1lRrI/AAAAAAAAAJg/o2k-vhr9xKs/s400/549474.jpg" alt="eneko" id="BLOGGER_PHOTO_ID_5026887160060790450" border="0" />La paloma de la PAZ según Eneko</a></div>

Para que nos aparezca el subtítulo con el enlace a la imágen sólo tenemos que escribirlo dentro del código justo antes de </a>. El subtítulo no nos aparecerá centrado pero para que nos aparezca así sólo tenemos que seleccionar el texto y centarlo.

IMÁGENES EN TAMAÑO NATURAL

Cuando subimos una foto a nuestro blog vía blogger, al publicarla aparecerá reducida a la escala preestablecida por blogger. En la versión antigua de blogger podía ponerse la imagen en su tamaño natural empleando el código que aparece más abajo e introduciendo la URL de la imagen que crea blogger cuando subimos la imagen. Eso ahora no es posible, de modo que si queremos colocar una imagen más grande tenemos varias opciones, las más sencillas, estas: cuando se trata de imágenes que ya están colgadas en internet usar ese enlace; si tenemos miedo a que ese enlace se pierda, la descargamos y la subimos a Google Pages (100 MB dan para mucho) técnica que también usaremos con las imágenes que tenemos en nuestro escritorio. Este es el código que usaremos, tan sencillo que lo aprenderemos de memoria una vez lo usemos mas de tres veces (si además queremos que aparezca centrada, pondremos el código para centrarla a cada lado):

<center><img src="http://blogandroll.googlepages.com/latierra.jpg" /></center>

Ese es el código que he usado en éste post. Es necesario tener mucho cuidado con las imágenes grandes, pues dependiendo de la plantilla, puede hacer que las sidebar se desplacen al fondo si la imagen es demasiado grande. Una forma de evitar eso es, en el supuesto de que vayamos a usar imágenes grandes con mucha frecuencia, poner las sidebar a la izquierda. En mi plantilla he probado otras imágenes más grandes y lo que sucede es que las corta. No tengo muy clara la razón pero puede que se deba a la flexivilidad de la plantilla.