Cómo vincular un archivo a otro sitio web en un blog

Un blog es una herramienta útil para expresarse sobre un tema que te guste. Para hacer tu blog suficientemente interesante como para atraer a los lectores, es necesario tener un tono de conversación, ser un experto informativo sobre un tema específico y añadir las fotografías pertinentes. Se pueden añadir fotos a un blog que enlace a otra página web. Esto es especialmente útil si desea que sus lectores para ver más de una foto cuando el sitio web que lo acompaña contiene galerías de fotos.

Instrucciones

Cómo agregar fotos a un blog

1 Utilice su motor de búsqueda favorito para localizar una hoja de referencia HTML (a veces llamado una hoja de trucos). Estos accesos directos HTML y consejos pueden ayudarle a identificar el código HTML, incluso sin entender completamente HTML.

2 Abra su software de blogs. Cuando se agrega una nueva entrada en su blog, la mayoría de las herramientas de blogs en línea le permiten editar el blog a través de un WYSIWYG (lo que ves es lo que obtienes). Un editor WYSIWYG significa que tiene que saber muy poco de programación para escribir un blog para la Web. Botones para añadir negrita, cursiva, hipervínculos y los títulos están generalmente disponibles en la barra de menú del software.

3 Busque el botón o elemento de menú que mostrará la entrada del blog con las etiquetas incluidas en formato HTML. Si pulsa el botón y ver las etiquetas, como <p> y </ em>, que está en el lugar correcto.

4 Comenzar a experimentar con la entrada del blog escribiendo varias líneas de texto y usando el editor WYSIWYG habitual. Añadir un poco de negrita, cursiva, formato e imágenes a la entrada en el blog. A continuación, utilice el botón o elemento de menú que muestra el código HTML para ver cómo se usan etiquetas para incluir texto y / o imágenes. El usuario no puede aprender a escribir HTML, pero vas a aprender cómo los cambios en HTML van a cambiar el formato final de su entrada en el blog.

5 Agregue el código HTML correspondiente a su entrada en el blog una vez que tenga un conjunto de imágenes en su blog. En el siguiente ejemplo, el popular software de Blogger se utiliza para mostrar cómo las etiquetas en un cambio de imagen. Una vez que entienda las etiquetas, puede insertar el código escrito aquí en su propia entrada en el blog. (En Blogger, hay una pestaña en la parte superior de cada nuevo mensaje que dice "Editar HTML").

Código HTML para fotos en blogs

6 <B> Esta es una prueba de código HTML para insertar enlaces de fotos en un blog. </ B>

El código HTML anterior será escribir la frase en negrita. Observe los <b> </ b> etiquetas que rodea el texto.

7 <Div class = estilo de "separador" = "clear: both; text-align: center;">
<a href="LINK HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border = "0" src = "Fuente de la imagen aquí" /> </a> </ div>

En su mayor parte, puede pasar por alto gran parte de la codificación que participan en este ejemplo de código HTML. Si usted explora, verá cómo agregar bordes alrededor de una imagen, así como la forma de la izquierda justificar, justificar a la derecha o al centro de una imagen.

Prestar especial atención a la ubicación marcada como "Fuente de la imagen aquí". Esto es donde se coloca el archivo de imagen real, ya sea desde su ordenador o desde otro sitio web. No hay espacios entre las comillas, y http: // es lo que la dirección Web o archivo necesita para empezar.

8 Busque el "enlace aquí" redacción. Este es el lugar donde colocar el enlace a otra página web en la imagen. La imagen en sí se puede hacer clic una vez que se haya completado la entrada en el blog. Este enlace puede ser completamente diferente que el enlace de la fuente de imagen. Por ejemplo, si usted quiere publicar un blog sobre razas de perros y tienen una foto de un terrier, puede que no desee conectarse sólo la foto, pero a un sitio más amplio que tiene una galería de fotos de un montón de razas de perros.

9 Tenga cuidado en la copia de la codificación de los procesadores de texto populares. Muchos de estos procesadores de texto cambiar el código durante el proceso de pegar; utilizar el bloc de notas cuando pueda. Además, pegar el código de un sitio web, incluyendo éste, a menudo no se pegue correctamente. Es mejor que volver a escribir el código y guardar una copia para su referencia.

10 Cambiar el tamaño de las imágenes en HTML mediante la experimentación con el código HTML referencia desde el Paso 1. Usted aprenderá rápidamente más consejos para hacer de su blog más interesante para sus lectores.