martes, 6 de agosto de 2013

Poner widget personalizado de Twitter

Hola a todos hoy os voy a enseñar a poner un widget personalizado de twitter:

Pero antes os voy a mostrar una imagen de lo que es:

Para hacer eso, tienes que:
1- Tener una cuenta de twitter.
2- Vas a configuración:
3- Le das a "Widgets"
4- Crear Nuevo
5- Lo personalizas como quieras
6- Dale a Crear Widget
7- Copias el código que te da:
8- Vas a blogger
9- Vas al diseño de tu blog
10- Dale a añadir gadget
11- Y dentro de los básicos, aparece uno que se llama "HTML/JavaScript" añádelo.
12- Pega dentro todo el código.
13- Si quieres, ponle título.


Comenta si te sirvió


domingo, 4 de agosto de 2013

Imagen con enlace en HTML

Hoy os voy enseñar a añadirle a una imagen un enlace.
Aquí el código:
<a href="Enlace">
      <img src="URL de la imagen">
</a>


Comenta si te sirvió

viernes, 2 de agosto de 2013

Personalizar texto en HTML

Para definir el tamaño, la fuente y el color de un texto solo tienes que escribir una simple etiqueta.
La etiqueta <font>.
Sus atributos principales son:
color="Color"
size="Tamaño"
face="Tipografía"

Ejemplo:

<font color="blue" size="7" face="Courier">
Texto de ejemplo
</font>

y te quedará así:

Texto de ejemplo

Código HTML para abrir página en una ventana nueva

Aquí os dejo el código:

<a target="_blank" href="URL de la página">Nombre del enlace</a>

Algunas Etiquetas

Os dejo aquí algunas etiquetas muy simples:

<br> Salto de linea (no hace falta cerrarla)
<b> Negrita </b> (hace falta cerrarla)
<i> Cursiva </i> (hace falta cerrarla)
<u> Subrayado  </u> (hace falta cerrarla)
<p> Indica un párrafo </p>  (hace falta cerrarla)

Añadir descripción a botones, imágenes, texto o enlaces.

Éste artículo puede serte muy útil si es lo que buscas y si no, pues es una pérdida de tiempo.
El artículo trata de cómo poner estas descripciones que aparecen al poner el ratón encima:


Si era eso lo que buscabas entonces el código es este:

-Si es una imagen pones la etiqueta para poner imágenes y luego el atributo "title"
<img src="URL de imagen" title="Aquí pones la descripción">

-------------------------------------------------------------------------------------------------------------------

-Si es un enlace el proceso es parecido:
<a href="Link" title="Aquí pones la descripción">Nombre del enlace</a>


-------------------------------------------------------------------------------------------------------------------

-Si es un texto es un poco más difícil, tienes que englobarlo de alguna forma, puede ser ésta:
<font title="Aquí pones la descripción">
Texto
</font>

-------------------------------------------------------------------------------------------------------------------

-Y por último si es un botón éste el procedimiento:
Pones la etiqueta según el tipo de botón que sea, y haces lo mismo que en los anteriores das un espacio y pones title="Aquí pones la descripción"


Comenta si te sirvió

Crear logos en HTML

Hola, hoy os voy a enseñar a crear logos en HTML utilizando botones:

Éste es el código:


<button>
Texto 1
<br>
<br>
Texto 2
<hr>
Texto 3
<br>
<img src="URL de imagen" width="261" height="35" alt="">
</button>

Y te quedará así:
(yo he puesto una imagen cualquiera)