Tecnología

Inicio

Cómo hacer un Post Título de imagen para Blogger

Mientras que Blogger no proporciona un método para editar código HTML para títulos de las entradas individuales, se puede cambiar el diseño de la plantilla para incluir la misma imagen para cada título de la entrada. Muchos bloggers eligen logotipos o imágenes interesantes con tamaño de icono para resaltar el comienzo de cada nueva entrada. La imagen de nueva creación o adquirida se almacena en un sitio de alojamiento de imágenes que proporciona una URL. Aunque se puede utilizar uno de los muchos sitios de alojamiento disponibles, Google incluye "Picasa Web", junto con su cuenta de Blogger para una cómoda alojamiento de imágenes.

Instrucciones

1 Iniciar sesión en su cuenta de Google, a continuación, visite el sitio "web de Picasa" (https://picasaweb.google.com/) y siga las instrucciones que aparecen en pantalla para cargar la imagen.

2 Haga clic en el álbum que acaba de crear, a continuación, haga clic en la imagen cargada para abrirlo.

3 Haga clic en "Enlace a esta foto" en el panel derecho, a continuación, seleccione la opción "Sólo imagen (sin enlace)" caja.

4 Haga clic dentro del cuadro de texto en "Insertar imagen" para resaltar la URL y pulse la tecla "Ctrl" y "C" para copiar el texto. Bloc de notas abierto y pulse la tecla "Ctrl" y "V" para pegar el texto, a continuación, minimizar la ventana para su uso posterior.

5 Abra el panel de Blogger, a continuación, haga clic en el enlace "Diseño" bajo el nombre del blog.

6 Seleccione la opción "Edición de HTML" en el menú de arriba a la derecha, a continuación, haga clic en la casilla "Expandir plantillas de artilugios".

7 Coloque el cursor dentro del cuadro de texto, a continuación, pulse la tecla "Ctrl" y "F" para abrir un diálogo de búsqueda de texto. Tipo "de datos: post.URL" en el cuadro de búsqueda para localizar esa frase, y luego encontrar "<a expr:href='data:post.URL'> <data: post.title /> </a>"

8 Tipo "<img style =" border-width: 0px; "/>" entre "datos: post.URL"> "y" <data: post.title /> </a>. " La frase entera será entonces:

<B: else />

&lt;b:if cond='data:post.URL'>

& Lt; b: if '! De datos: datos = blog.URL: post.URL' = cond>

& Lt; a expr: 'datos: post.URL' href => & lt; img src = 'Su vínculo de la imagen aquí "style =" border-width: 0px; "/> & lt; datos: post.title /> & lt; / a>

9 Maximizar la ventana Bloc de notas, resaltar el texto URL previamente copiado desde Picasa Web y pulse la tecla "Ctrl" y "C" para copiar el texto, a continuación, resalte "Su vínculo de la imagen aquí" en la ventana de Blogger y pulse la tecla "Ctrl" y "V" para reemplazar el texto con la dirección URL correcta.

10 Haga clic en "Vista previa" para comprobar su blog, a continuación, haga clic en "Guardar plantilla" si la imagen título de la entrada se muestra correctamente.

Consejos y advertencias

  • Una vez firmado en su cuenta de Google, se inicia la sesión automáticamente a su cuenta de Picasa Web.
  • Asegúrese de seguir todas las condiciones de uso de las imágenes descargadas de Internet.

Artículos relacionados