sábado, 1 de junio de 2013

[B] Crear enlaces SIN imagen con y sin HTML

Ohayo minna =D

Pues hoy os traigo un tutorial de blogger ( y HTML) muy básico sobre como poner enlaces en nuestro blog que no contengan imagen ( vamos, simple y llano texto).

 Lo dividire en 3 partes:


Enlace en Entradas

Creamos una Nueva Entrada.


Miramos en la " Barra de Herramientas" que nos proporciona Blogger, y le damos donde pone Enlace:


Nos saldrá esta ventana:


Donde pone Texto para mostrar irá el nombre del enlace.
Donde pone Dirección Web ponemos la URL del enlace como muestra la imagen de arriba.
Ejemplo 1

Si lo que queremos es poner nuestro e.mail, le damos donde pone Dirección de correo electrónico.
Seguimos los mismos pasos que haríamos en un enlace normal, pero en lugar de poner una URL, ponemos nuestro correo:



Ejemplo 2

Enlace en entradas con HTML

Poner un enlace con HTML puede parecer dificil , pero en realidad es mucho más facil de lo que uno cree, ya que normlamente es hablar de HTML o CSS y ponerse los pelos de punta ( al menos yo XD).

Vamos igual a crear una nueva entrada.

Clicamos donde al lado de Redactar, pone HTML:


Veremos que nos salen varios codigos. El primer codigo:

<div dir="ltr" style="text-align: left;"trbidi="on"> 

Hace referencia a la alineación del texto de la entrada, pero de momento no nos interesa.

Los 2 siguientes códigos son el enlace que hemos creado antes y el enlace que hicimos al e-mail.

Para poner un enlace simple, basta con copiar y pegar este cogido en la entrada:

<a href="DIRECCION DE LA PAGINA A LINKAR">NOMBRE DE LA PAGINA</a>

Substituimos lo que esta en mayúsculas y le damos otra vez al botón Redactar:




Acabamos de redactar nuestra entrada y publicamos. Si lo emos hecho bien, el enlace tendría que funcionar a la perfección.

Enlace en Sidebar ( columna lateral)

Poner un enlace en la Sidebar no es tan "automático" como podría ser en una entrada ( gracias al primer ejemplo que puse) por tanto tendremos que crearlo mediante el codigo HTML. Pero la pregunta es: ¿como colocarlo?

Simple:

Vamos a la sección Diseño de nuestro blog:


Una vez estemos, nos saldrán todos los elementos que conforman nuestro blog. Le damos a Añadir un Gadget en la Sidebar ( columna):




Nos saldrá una nueva ventana donde tendremos a disposición varios gadgets. Bajamos hasta encontrar HTML/Javascript:



Nos saldrá otra ventana nueva donde tendremos que colocar el código utilizado antes:


<a href="DIRECCION DE LA PAGINA A LINKAR">NOMBRE DE LA PAGINA</a>

Simplemente substituimos y guardamos.

Finalmente comprobamos que el enlace funcione:


¡Y ya esta! En realidad explicado parece más que una vez se hace ( intenté explicarlo lo mejor posible ^^U). Si teneis alguna duda, dejad un comentario o decidlo en la ChatBox.

Ja nee <3

No hay comentarios :

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...