5 Gadgets para Blogger

4 Trucos Sencillos para Blogger


4 Trucos Sencillos para Blogger
4 Trucos Sencillos para Blogger - Tenia varios trucos para Blogger que ocupaban tan poco espacio que mejor recopilarlos que hacer entradas cortitas de cada uno. Aquí podéis ver:
  • Texto en Columnas
  • Botón para Ocultar Spoiler
  • Firmas en las Entradas Blogger
  • Imagen que Cambia al pasar el Ratón

Texto en Columnas

Texto en Columnas

Texto a la Izquierda. Y ahora un truco muy sencillo: Para que en tu Blog el texto aparezca en dos columnas como puedes ver ahora en este texto.

Texto a la Derecha. A veces nos gustará darle un toque nuevo a nuestras entradas, o por necesidad. Es bien fácil de hacer.







Texto en Columnas - Solo tienes que usar este simple código:
<div style="float: left; width: 45%">Texto a la Izquierda</div>
<div style="float: right; width: 45%">Texto a la Derecha</div>
No olvidéis usar el código en HTML en el Editor de Entradas y no en la forma normal.


Botón para Ocultar Spoiler

Botón para Ocultar Spoiler
Botón para Ocultar Spoiler - Este truco es muy útil en Blogs de Libros o de Cine en Blogger. Con este truco podrás escribir lo que quieras sin hacer Spoiler, pues éste se oculta y solo pinchando en el botón se podrá leer.

Antes de nada ¿Qué es Spoiler? Pues es cuando se revela información que el lector puede no querer leer: el final de una película, el argumento de un libro, quien mató a la víctima en el capitulo del CSI, etc...o simplemente el resultado de una adivinanza publicada.

Haremos una entrada normal en el Blog y cuando lleguemos a la parte que queramos ocultar usamos este código (recuerda poner el editor de entradas en modo "HTML" en la parte superior!!!!!).
<div><input value="Mostrar" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar Contenido';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar Contenido';}" type="button" /><div style="display: none;">Texto que quieras ocultar</div></div>
Solo tienes que sustituir "Texto que quieras ocultar" por el texto que quieras y ya puedes seguir escribiendo tu entrada de modo normal.

Firmas en las Entradas Blogger

Firmas en las Entradas Blogger - En muchos Blogs puedes ver que al final de cada entrada hay una firma, o un logotipo, o imagen que aparece al final de cada entrada. Primero hay que tener una firma para insertar, que podemos crearnos usando, por ejemplo, la web My Live Signature. Y luego tener una URL de esa imagen, ya sea en Blogger o en un hospedaje externo.

Antes que nada, tienes que tener la URL de la Imagen (una dirección donde esta hospedada la imagen que vamos a usar). En tu Blog, vamos a la sección "Plantilla" y damos al botón "Edición de HTML" y buscamos ahora este código:
<data:post.body/>
para esto, o nos ponemos a leer todo o usamos el buscador (tecla Control + F) y sale un cuadro donde ponemos lo que queremos buscar, el código que te he puesto antes.

Justo debajo de este código pegaremos este nuevo código:
<p><div align="left"><img src="http://URL Imagen"/></div></p>

Solo tienes que sustituir  "URL Imagen" por la URL de tu firma, logo, o imagen.

Este código te pone la firma o logo a la izquierda de la entrada, si quieres que aparezca a la derecha sustituye "left"por "right"; o en el centro "center".

Imagen que Cambia al pasar el Ratón

Imagen que Cambia al pasar el Ratón
Imagen que Cambia al pasar el Ratón - Este es un truco simple para poner en tu Blog (Blogger) una imagen que cambia cuando pasas el ratón por encima.

Esto se hace con un simple código para usar en tu entrada (en modo "Edicion de HTML") y rellenando los datos.
<img src="URL Imagen Inicio" onmouseover="this.src='URL Imagen Escondida';" onmouseout="this.src='URL Imagen Inicio';"/>
Sustituye las URLs por las de las Imágenes que quieres usar y mira el resultado.

Comentarios