Cómo hacer una foto con enlace para Ampliar en un Blogger

Google Blogger ofrece varias formas de agregar contenido a los blogs. Puede escribir texto en el editor de texto, editar el código HTML en los mensajes individuales e incluso actualizar el código que gestiona toda la plantilla de Blogger. Una forma rápida para aprovechar las capacidades de edición de HTML de Blogger es añadir una foto se puede hacer clic en un puesto de Blogger. Cuando los visitantes del sitio, haga clic en una pequeña versión de una imagen en su puesto, sus navegadores cambiar el tamaño de la foto y les dan una visión más grande.

Instrucciones

1 Lanzamiento de su navegador y vaya a su página de Blogger. Haga clic en el botón "Nuevo artículo" que aparece junto a uno de sus blogs. El sitio se abre la página Nueva página Título. Escriba un título para el mensaje en el cuadro de texto "Título" que aparece en la página.

2 Haga clic en el botón "Editar HTML" y pegue el siguiente código en el editor que aparece debajo del cuadro de texto "Título":

<Img id = "imagen1" src = "Añadir URL IMAGEN AQUÍ" style = "Altura: 20%; anchura: 20%;"

Este código crea una etiqueta HTML "img". valor "id" de la etiqueta es "imagen1". Los atributos de altura y anchura tienen valores de 20 por ciento. Estos valores establecen altura inicial de la imagen. Este es el sitio tamaño de la imagen a los visitantes verán cuando visiten su puesto de Blogger. Cambiar "20%" a un valor diferente si lo desea. por ejemplo, "50%". Reemplazar "Añadir URL IMAGEN AQUÍ" con el URL de una foto en la Web que le gustaría usar.

3 Pegar el código se muestra a continuación después de que el código que aparece en el paso anterior:

onclick = "javascript:.. document.getElementById (" imagen1 ") style.height = '100%'; document.getElementById (" imagen1 ") style.width = '100%';" />

Este código HTML hace que la imagen para verla cuando alguien hace clic en la imagen. Haga clic en "Publicar entrada", a continuación, haga clic en "Ver Mensaje." Su foto aparece en la entrada; haga clic en ella para verla más grande.

Consejos y advertencias

• Tenga en cuenta que el valor del atributo id de la img es "imagen1" en este ejemplo. Se puede utilizar cualquier nombre que desee para la Identificación. Si cambia el nombre, recuerde que debe cambiarlo en cualquier parte del código. Parece ser dos veces más en los dos declaración "document.getElementById".
• Usted no tiene que hacer que el valor de la imagen ampliada "100%". Si prefiere mostrar una imagen con zoom más pequeña, reemplazar "100%" con otro valor, como por ejemplo "80%".
• Añadir tantas imágenes como desee se puede hacer clic en un puesto de Blogger. Dé a cada imagen un identificador único.