jueves, 19 de marzo de 2015

Códigos Html para nuestro blog


Código para enlazar una imagen

<a href="AQUÍ SE PONE EL ENLACE DONDE QUERÁIS QUE SEÑALE LA IMAGEN"><img src="AQUÍ PONÉIS LA URL DE LA IMAGEN DONDE LA TENÁIS SUBIDA" / /></a>


Código para hacer un slide

<marquee scrolldelay="50" scrollamount="10" direction="right" loop="infinite" onmouseout="this.start()" onmouseover="this.stop()"><a href="AQUÍ PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN" target="_blank"><img title="PORTADA" alt="PORTADA" src="AQUÍ PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN" height ="300px" width="1000px"/></a>

Podéis repetir la secuencia tantas veces como imágenes queráis poner

<marquee scrolldelay="50" scrollamount="10" direction="right" loop="infinite" onmouseout="this.start()" onmouseover="this.stop()"><a href="AQUÍ PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN" target="_blank"><img title="PORTADA" alt="PORTADA" src="AQUÍ PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN" height ="300px" width="1000px"/></a><marquee scrolldelay="50" scrollamount="10" direction="right" loop="infinite" onmouseout="this.start()" onmouseover="this.stop()"><a href="AQUÍ PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN" target="_blank"><img title="PORTADA" alt="PORTADA" src="AQUÍ PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN" height ="300px" width="1000px"/></a>


Slide de los botones horizontales

<a href="AQUÍ PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN" target="_blank"><img src="AQUÍ PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a> <a href="http://www.youtube.com/user/viajesdemanu" target="_blank"><img src="http://www.buttonshut.com/Youtube-Buttons/youtube-badge-128x128 (565).png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a> <a href="http://www.facebook.com/viajesdemanu" target="_blank"><img src="http://www.buttonshut.com/Facebook-Buttons/Facebook-Buttons-56-64-.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a><a href="http://www.facebook.com/viajesdemanu" target="_blank"><img src="https://tecnodemanu.files.wordpress.com/2015/01/google.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a><a href="http://www.facebook.com/viajesdemanu" target="_blank"><img src="https://tecnodemanu.files.wordpress.com/2015/01/instagram.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a><a href="http://www.facebook.com/viajesdemanu" target="_blank"><img src="https://tecnodemanu.files.wordpress.com/2015/01/email.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a><a href="http://www.viajesdemanu.wordpress.com" target="_blank"><img src="https://tecnodemanu.files.wordpress.com/2015/01/y1psta7lm8niy1ouqb7yr0u6xqjxmtzinwct-2ihqyjt3lzpboaaik4r31qtdkhko9bajou0ev53jxpvmy_eua6lw.gif" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a>

Se puede repetir tantas veces como botones pongáis

Como conseguir las URL'S de las imágenes:

-Abrimos una cuenta en wordpress, entramos en la administración de mi sitio, nos vamos a la opción media, añadir nuevo, buscamos la imagen y la subimos, cuando la tengamos vamos a la biblioteca y editar y allí en la derecha tenemos nuestra url. Copiamos y pegamos donde corresponda
para hacer esto necesitamos tener una cuenta en la plataforma wordpress

No hay comentarios:

Publicar un comentario

PORTADA

TAREA BLOG Y DISEÑO 4 E.S.O.

Tarea Tema 11 Para finalizar este tema tendremos que tener nuestro blog con las siguientes carácterísticas que evaluaremos 1.Enlace para...