jueves, 23 de noviembre de 2006

ENLACES GRÁFICOS PARA EL BLOGROLL



Poner imágenes en el blogroll es muy sencilo gracias a WEBSNAPR, utilidad que he descubierto en trucos blogger beta escrutando en el código fuente de su blog (si le he pisado un futuro post, le pido disculpas, pero seguro que el lo mejorará). Esta herramienta saca la imagen directamente de la página que queremos enlazar y en su web nos dan el enlace que nos servirá para conseguir la imagen, pero es necesario hacer algo más para que aparezca en forma de enlace en nuestra sidebar o, como podeis ver, en un post. El código es similar al que se utiliza para enlazar cualquier imágen:


<center><a href="dirección URL a enlazar"><img src="http://images.websnapr.com/?url=dirección URL a enlazar&sizeL"></a></center>

En blogger beta además se puede hacer que el blog roll se expanda y se contraiga, ocupando menos espacio en la sidebar, para ello es necesario colocar el siguiente <script> después de <head> (podeis ver el resultado en blog and roll... en beta:

<script>
// definiciones basicas
OCULTO="none";
VISIBLE="block";

function mostrar(blo) {
document.getElementById(blo).style.display=VISIBLE;
document.getElementById('ver_off').style.display=VISIBLE;
document.getElementById('ver_on').style.display=OCULTO;
}

function ocultar(blo) {
document.getElementById(blo).style.display=OCULTO;
document.getElementById('ver_off').style.display=OCULTO;
document.getElementById('ver_on').style.display=VISIBLE;
}
</script>


Después colocamos éste otro código, el mismo de antes, en la sidebar en el lugar que queremos que aparezca el BLOGROLL, tantas veces como enlaces queremos poner:

<center><a href="dirección URL a enlazar"><img src="http://images.websnapr.com/?url=dirección URL a enlazar&sizeL"></a></center>

No hay comentarios:

Publicar un comentario