Trucos Sencillos para Blogger

Blog

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

Texto en Columnas

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 – 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.Alerta

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“.

Firmas Firmas


👉 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.

Imagen Animada

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.


 


DiscaHogar

Hola. Me llamo Rocío y, con mi familia, vivo en Jerez de la Frontera. Nuestro Hogar es Feliz, pese a convivir con el Autismo de mi peque, y el Dolor Crónico que padezco desde muy joven. Nos gusta Cocinar, los Juegos, las Tecnologías y estar en familia. Gracias por tu Visita!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos

  • Responsable Rocío García García.
  • Finalidad Moderar los comentarios. Responder las consultas.
  • Legitimación Tu consentimiento.
  • Destinatarios WebEmpresa.
  • Derechos Acceder, rectificar y suprimir los datos.
  • Información Adicional Puedes consultar la información detallada en https://www.discahogar.com/aviso-legal/.

Esta web utiliza cookies, puedes ver aquí la Política de Cookies. Si continúas navegando, estás aceptándola.