Tutorial: Blogs Recomendados y Video de la semana

03-05-09

En vista de que varias personas me preguntan como pongo los Blogs recomendados y video de la semana en la barra de la derecha del blog, aqui pongo un tutorial de como hacerlo para que todos puedan 😀

Todo se hace con widgets de texto. Van al administrador de su blog, click en Disenio-> Widgets. Como poner un widget de texto? Click aqui.

Para poner los Blogs recomendados es el siguiente codigo.

<table border=”0″><tbody><tr><td><a href=”URL-DEL-BLOG” target=”_blank”> <img src=”URL-DE-IMAGEN” border=”0″ alt=”NOMBRE” hspace=”10″ vspace=”10″ width=”50″ height=”50″ /></a></td><td><a href=”URL-DEL-BLOG” target=”_blank”> NOMBRE-DEL-BLOG</a></td></tr></tbody></table>

Lo unico que tienen que hacer es reemplazar lo que he puesto de URL-DE-IMAGEN, NOMBRE, URL-DEL-BLOG, NOMBRE-DEL-BLOG con los datos correspondientes y listo. Este codigo es para poner uno solo, pero si quieren mas solo repiten

<tr><td><a href=”URL-DEL-BLOG” target=”_blank”> <img src=”” border=”0″ alt=”NOMBRE” hspace=”10″ vspace=”10″ width=”50″ height=”50″ /></a></td><td><a href=”URL-DEL-BLOG” target=”_blank”> NOMBRE-DEL-BLOG</a></td></tr>

Cuantas veces quieran. Solo asegurense que este entre las etiquetas table y tbody.

Y si por ejemplo quieren poner mi blog como recomendado, copien exactamente esto:

<table border="0"><tbody><tr><td><a href="http://blog.espol.edu.ec/yunie/" target="_blank">
<img src="http://blog.espol.edu.ec/yunie/files/2009/03/14671.jpeg" border="0" alt="Yunie" hspace="10"
vspace="10" width="50" height="50"
/></a></td><td><a href="http://blog.espol.edu.ec/yunie/"
target="_blank"> El Blog de Yunie</a></td></tr></tbody></table>

Video de la semana

Buscamos un video de Youtube que queramos y copiamos el codigo que dice embed. En mi caso usare este:

<object width=”480″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed></object>

Ahora si lo ponemos asi nomas sera muy grande, asi que hay que cambiarle los parametros de width y height. Yo le se poner width=”200″ y height=”170″ para que quede del tamanio que tengo, entonces el codigo me quedaria asi:

<object width=”200″ height=”170″><param name=”movie” value=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”200″ height=”170″></embed></object>

Ahi puse en negritas donde no mas le cambie el numero, son 2 width y 2 height.

Y listo 😀 Cualquier duda dejenla en los comentarios ^^

Tags: , , ,

This entry was posted on jueves, marzo 5th, 2009 at 12:53 pm and is filed under Sobre BLOGS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

 
Ir a la barra de herramientas