1 de febrero de 2010

Botón de enlace de nuestro blog




Con sólo pinchar en él, nuestro blog podrá ser enlazado a otro.

Necesitamos una imagen que tengamos alojada (por ejemplo en tinypic).

Copiamos este código:
<img src="URL DE TU BOTON"/>
<form action="http://beta.blogger.com/add-widget" method="POST">
<input value="FAVORITO" name="widget.title" type="hidden"/>
<textarea style="display:none;" name="widget.content">

<a href="URL DE TU BLOG"><img src="URL DE TU BOTON" alt="TITULO DE TU BLOG"></a>

</textarea>
<input
value="http://buzz.blogger.com/" name="infoUrl" type="hidden"/>
<input
value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="Enlaza mi Blog" name="go" type="submit"/>
</form>

Nos vamos a "diseño", en uno de las casillas que tenemos de HTML-javascript lo pegamos, sustituyendo las mayúsculas por los datos que nos pida. La URL de la imagen (botón) que vayamos a poner, será la que nos salga para páginas web, como está señalada en la foto.




Le damos a "guardar" cuando tengamos el código completo.


Vuelvo a hacer hincapié en dejar un par de espacios después de lo último que tenemos puesto en esta casilla, por si nos equivocamos y hay que eliminarlo. También se puede "añadir un gadget" y traer otra casilla de HTML-javascript sólo para el enlace.Si no tenemos una imagen, podemos pinchar en el enlace de Cool text, y allí elegir el que nos guste.


http://cooltext.com/Buttons


Siempre, la recomendación de guardar la plantilla antes de hacer algún cambio.Todos los trucos que estoy poniendo, están sacados del blog http://www.elescaparatederosa.blogspot.com/ y de www.elbalcondejaime.blogspot.com



También se puede poner un enlace, con el gadget "imagen". Donde pone "pie de foto", poner "enlaza......a lo que queramos". Se carga la foto desde nuestro PC o desde la Web, y ya sale.


Para centrarla, únicamente tendremos que buscar en la plantilla (previamente guardada):




Y justamente encima, ponemos :


.Image


{


text-align:center;


}



Poniendo ésto, saldrán siempre alineadas las imágenes en la sidebar.