Capítulo 5: Añadir enlaces en el blog

24 11 2006

Un elemento muy característico de los blogs son los blogrolls o lista de enlaces a otros blogs. Generalmente en la plantilla que elijas cuando hayas creado el blog vendrá incluido dicho código con un enlace de ejemplo (en blogger dicho enlace enlazara a Google News), pero en este capítulo voy a explicar la forma de hacer enlaces en la columna lateral de los blogs.

Enlaces estandar

Los enlaces estándar son aquellos que están constituido por una o varias palabras destacadas y en un color diferente que el del resto del texto, y que enlazan a cualquier sitio (web, otros blogs, correo electrónico, etc). Para hacer este enlace hay que seguir los siguientes pasos:
-Acceder a la plantilla del blog (una vez dentro del blog, hacer click en la pestaña Plantilla, después hacer click en la subpestaña Editar actual).
-Buscar en la plantilla la parte del código que corresponde a la columna lateral.
-Elegir la ubicación donde queramos incluir el enlace.
-Una vez escogido el lugar, insertaremos el siguiente fragmento de código:

<a href=”URL de la pagina”>Nombre de la pagina</a>

donde URL de la pagina será la dirección web de dicha pagina, y el Nombre de la pagina el nombre que mostrara dicho enlace.
-En el caso de querer incluir varios enlaces de este tipo solo habrá que incluir su código en la plantilla tantas veces como enlaces quieras incluir.

Enlaces en forma de imagen

Este tipo de enlaces esta constituido por una imagen que enlaza con otro sitio (web, otro blog, correo electrónico, etc). Este tipo de enlaces no es el más utilizado, pero puede haber gente interesada en ponerlos en sus blogs. Para hacer este enlace hay que seguir los siguientes pasos:
-Acceder a la plantilla del blog (una vez dentro del blog, hacer click en la pestaña Plantilla, después hacer click en la subpestaña Editar actual).
-Buscar en la plantilla la parte del código que corresponde a la columna lateral.
-Elegir la ubicación donde queramos incluir el enlace.
-Una vez escogido el lugar, insertaremos el siguiente fragmento de código:

<a href=”URL de la pagina”>
<img src=”URL de la imagen” alt=”Nombre de la pagina” width=”x” height=”y” border=”n” />
</a>

donde URL de la pagina será la dirección web de dicha pagina, URL de la imagen será la dirección de la imagen usada para enlazar, Nombre de la pagina el nombre que mostrara dicho enlace, X será el número correspondiente a la anchura de la imagen, Y será el número correspondiente a la altura de la imagen, y N será el número correspondiente a la anchura del borde de la imagen (este número debe rondar entre 0 y unas pocas unidades).
-En el caso de querer incluir varios enlaces de este tipo solo habrá que incluir su código en la plantilla tantas veces como enlaces quieras incluir.

Enlaces dispuestos en forma de Menú Desplegable

Los tipos de enlaces indicados en los apartados anteriores son los más comunes en la mayoría de los blogs. Sin embargo, llega un momento en el que la cantidad de enlaces es tan elevada que hace que queden unas listas muy largas. Por eso llegado este momento se suelen usar los menús desplegables. Para hacer este menú de enlaces hay que seguir los siguientes pasos:
-Acceder a la plantilla del blog (una vez dentro del blog, hacer click en la pestaña Plantilla, después hacer click en la subpestaña Editar actual).
-Buscar en la plantilla la parte del código que corresponde a la columna lateral.
-Elegir la ubicación donde queramos incluir el enlace.
-Una vez escogido el lugar, insertaremos el siguiente fragmento de código:

<form name=”nombremenu” action=””>
<select name=”lista”>
<option value=”URL de la pagina 1″>Nombre de la pagina 1
</option>
<option value=”URL de la pagina 2″>Nombre de la pagina 2
</option>
<option value=”URL de la pagina 3″>Nombre de la pagina 3
</option>
<option value=”URL de la pagina 4″>Nombre de la pagina 4
</option>
<option value=”URL de la pagina 5″>Nombre de la pagina 5
</option>
</select>
<input onclick= “location = document.nombremenu.lista.options[document.nombremenu.lista.selectedIndex].value;” value=”Visitar” type=”button”>
</form>

donde URL de la pagina X (siendo X los números 1, 2, 3, 4 y 5) será la dirección web de dicha pagina, Nombre de la pagina Y (siendo Y los números 1, 2, 3, 4 y 5) será el nombre que mostrara dicho enlace y nombremenu será el nombre elegido para darle nombre al menú (si usas varios menús desplegables en un mismo blog cada nombremenu será diferente a los demás).
-En el caso de querer incluir varios menús de enlaces solo habrá que incluir su código en la plantilla tantas veces como menús de enlaces quieras incluir.

About these ads

Acciones

Información

2 respuestas

9 05 2008
Juan Antonio

Les invito a que visiten http://www.laconsultasexual.com , es un consultorio de sexologia totalmente gratuito donde podran resolver sus dudas.

25 05 2008
Gisela

Gracias por la Guia me ha sido de Gran ayuda :)

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

%d personas les gusta esto: