Cuadros terminal y Fotos + enlaces en la sidebar

Cuántas veces hemos querido insertar un código html sin que blogger, tan listo el, lo intrepretara. La solución se llama SimpleCode. Que engaña a blogger para que salga únicamente el código deseado.

Gracias a esta herramienta, subo tres utilidades.

Para poner un cuadro donde escribir códigos:

<div style="margin: 5px 20px 20px;">    <pre class="alt2" dir="ltr" style="border: 1px inset ; margin: 0px; padding: 6px; overflow: auto; width: 400px; height: 66px; text-align: left;">ESCRIBETEXTOAQUÍ<span style="font-family:Georgia,serif;">

</span></pre> </div>

Para poner una foto y un enlace asociado a la misma:

<a href="DIRECCIONDELENLACE" title="TEXTOEMERGENTE"><img alt="Firefox IE" style="border:0;" src="DIRECCIONDELAFOTO"/></a>

Si queremos un favicón y luego un texto con enlance:

<div class="widget-content"><a href="http://rafaelrequerey.blogspot.com"><img alt="Powered By Blogger" src="DIRECCIONDELFAVICON" title="Ubuntu Studio"/></a> <a href="DIRECCIONDELENLACE" title="TEXTOEMERGENTE">TEXTO</a> <br/>

Leer más... en Blogger

En Hackosphere lo explica todo muy bien (en inglés). Es el único sitio que he encontrado para que haga posts selectivamente expandibles.

Y si quieres que en vez de que poner Read More..... salga un botón, sustituye la frase anterior en el codigo html por:

<img src="aquí-la-url-de-la-imagen" />