Códigos HTML necesarios y básicos para un blog en wordpress

Muchas personas al comenzar con su primer blog en línea se encuentran con dudas o inconvenientes al querer lograr colocar determinados recursos o herramientas en su blog, esto es querer por ejemplo colocar una imagen o un enlace para su público o visitantes.

Muchos creen que es algo “difícil” o hay que ser una persona preparada o un técnico en lenguaje HTML para hacerlo, pero la realidad es que podemos aprender a hacer cosas básicas en nuestro blog utilizando códigos sencillos.

En este artículo en respuesta a lectores, visitantes del blog les quiero mostrar algunas de las formas básicas de códigos HTML que pueden utilizar en sus blogs y de esta forma agregarle mucho más valor a su sitio.

Códigos HTML que son útiles en un blog.

El lugar para insertar los códigos HTML en todos los casos es en la sección de administrador de tu blog, te diriges a APARIENCIA y luego a la sección de WIDGETS.

En la sección de WIDGETS tienes que buscar los disponibles, el que te permite ingresar códigos HTML es el Widgets “TEXTO”.

Aquí colocare algunos de los códigos HTML que puedes incluir en tu blog y te explicare brevemente que es lo que puedes lograr con ello:

- Colocar un enlace en formato texto por el cual tus visitantes al hacer clic en dicho enlace los direccione a una determinada pagina abriendo una ventana diferente en el navegador, con lo cual tu visitante tiene la posibilidad de ver otra página y a la vez no perder la pagina en la que se encontraba.

<a href=”http://www.ingresosdesdeinternet.com” target=”_blank”>http://ingresosdesdeinternet.com</a>

La primera parte del código es la leyenda o texto que mostraras en el blog, lo que tus visitantes pueden leer, puede ser lo que tu prefieras, una dirección web o una determinada frase o palabra.

La palabra “target=”blank” nos indica que la pagina o enlace al cual tu estas direccionando se abrirá en una ventana diferente a la actual.

- Para colocar una imagen, un grafico, etc., uno de los códigos mas utilizados es el siguiente:

<center><p><img border=”0″ src=”http://www.ingresosdesdeinternet.com/clickbankresuelto3.jpg” width=”162″ height=”217″></p></center>

El código HTML “center” nos indica que queremos lograr que nuestra imagen o texto aparezca en el centro del widgets.

El código src=”http://www.ingresosdesdeinternet.com/clickbankresuelto3.jpg” está indicando al sistema que coloque una imagen que se encuentra en el dominio “ingresosdesdeinternet.com” por ejemplo y que esta imagen tiene el nombre de “clickbankresuelto3.jpg” (Claro está que para que esto funcione usted tiene que haber subido anteriormente esa imagen a su dominio mediante algunas de las formas de subir archivos a su servidor donde está alojado su dominio)

Las palabras ancho y alto o  “width y height” están indicando las dimensiones del grafico o dibujo (Aquí puedes cambiar los números del ancho o alto del grafico para que se ajuste a las dimensiones en las que quieres utilizarlos)

- Para utilizar una imagen como link para dirigir a nuestros visitantes a otra pagina determinada.

<a href=”http://www.blogazos.com/”><img src=”http://www.blogazos.com/imagenes/blogazos-boton-chico.gif” alt=”Blogazos.com. Directorio de Blogs en Espa&ntilde;ol” width=”95″ height=”15″ border=”0″ /></a>

Siempre el código “href” indica la referencia, el destino que le damos a nuestro link, en el código de ejemplo “href=”http://www.blogazos.com/”.

El código “img” nos indica que estamos llamando a una imagen, luego colocamos donde se encuentra alojada esta imagen, en nuestro ejemplo “img src=”http://www.blogazos.com/imagenes/blogazos-boton-chico.gif”

El código “alt” es una descripción principalmente para los buscadores y obtener un mejor posicionamiento SEO, en nuestro ejemplo “alt=”Blogazos.com. Directorio de Blogs en Espa&ntilde;ol” (Si bien es recomendable utilizar esta descripción para mejorar su sitio no es obligatorio y el código funciona de igual manera)

Al igual que toda imagen en el código HTML tenemos que determinar sus dimensiones (width=”95″ height=”15″) lo cual podemos modificar de ser necesario.

- Modificar o agregar palabras a nuestro formulario para suscriptores, simplemente localice en el código HTML el texto o las palabras que quiera modificar y luego lo copia y pega de esta manera, el código del formulario no sufrirá ningún inconveniente y funcionara normalmente.

Espero les resulten de utilidad, pueden dejarme sus comentarios con algunas otras formas que conocen para dar más valor a nuestro blog, con seguridad los lectores del blog estarán agradecidos.

Por su mayor éxito en línea.

Jorge A Magallanes

Share on Facebook

Realmente quieres Aprender a generar trafico???...


Traído a ti por Ingresosdesdeinternet.com