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ñ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ñ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
#1 por RITA DAISY MOYANO CHAVES el 6 junio 2011 - 4:10 AM
Agradezco bastante que me puedas colaborar con dos preguntas:
Hice un blog en blogger, quisiera aprender muchiiiiísmo más, para no estar preguntándole a nadie cómo hago ésto o aquéllo?….Además estas travesías por internet me fascinan. He hecho varias publicaciones en mi blog y conozco lo mínimo, lo que se ve reflejado en el blog y no he tenido problema con las publicaciones. Al crearle el de mi hermano y, al proceder a hacerle la primera publicación, he tenido inconveniente en cada punto aparte o cambio de párrafo, porque los espacios quedan resaltados en blanco siendo el texto fondo negro. He sido muy diligente para normailizar ésto, pero no he podido. Así cmbie el color de fondo y el color del texto, en todas las formas que he tratado de buscar soluciones, de todas maneras queda resaltado en diferente color los espacios de puntos apartes o en cada párrafo.
De otra parte, un amigo quiso ser mi seguidor, pero no pudo por tener cuenta en hotmail, entonces desde mi computador creamos una cuenta para él en gmail y provisionalmente le dejamos la misma contraseña con la que accesaba yo, a mi blog, y después él la cambiaría, pero posteriormente me percaté que accidentalmente y desde entonces, cada vez que ingreso a mi blog, no funciona con mi usuario o mi cuenta a mi nombre, sino con el usuario de mi amigo y de ninguna manera he podido restablecer mi cuenta de acceso a mi blog. Qué debo hacer en este caso?.
Te agradezco muchiiiiísmo por tu gran colaboración, a las dos problemas que debo resolver. Por favor, puedes contestarme a cualquiera de mis direcciones: daisymoyano@yahoo.es; r.daisy@hotmail.com; ritadaisymoyanochaves@gmail.com.
infinitas Bendiciones y abrazos.
#2 por ingresosdesdeinternet el 8 junio 2011 - 1:05 AM
Hola Rita, gracias por su comentario en este blog, en respuesta a su consulta le he enviado un e-mail con mis consideraciones al respecto, le deseo le resulten de utilidad y obtenga el mayor exito en su vida. Un afectuosa saludo.
Jorge A Magallanes.