Entradas a doble columna

Una forma bastante bonita y elegante de poner los textos de nuestras entradas en los post, es la de darlos forma de doble columna o estilo de periodico, para ello sólo tendremos que insertar el texto dentro del siguiente código que tendremos que aplicar en cada entrada que lo queramos aplicar.
Código:
<table><tbody><tr><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">AQUí EL TEXTO DE LA PRIMERA

</p><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">AQUí EL TEXTO DE LA SEGUNDA COLUMNA DEL POST</p></td></tr></tbody></table>



Ejemplo:

Una forma bastante bonita y elegante de poner los textos de nuestras entradas en los post, es la de darlos forma de doble columna o estilo de periodico

para ello sólo tendremos que insertar el texto dentro del siguiente código que tendremos que aplicar en cada entrada que lo queramos aplicar.

Ventana emergente

Para abrir una ventana emergente o pop-up, que podemos usar para mostrar algo importante o que queramos resaltar de una manera especial, mediante la apertura de una ventanita pequeña, emplearemos el siguiente código.

Pulsar en -texto para pinchar-, para que se abra la ventana
TEXTO PARA PINCHAR

Código:
<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onClick="window.open(this.href, this.target, 'width=300,height=400,top=200px,left=300px'); return false;">TEXTO PARA PINCHAR</a>



y si lo queremos mostrar con una imagen emplear el siguiente código:

<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400,top=100px,left=100px'); return false;"><img src="IMAGEN PARA PINCHAR"/></a>

Plantilla Blue Blog

Plantilla para Blogger Blue Blog de tres columnas diseñada para WordPress por Kailoon y adaptada a Plantilla para Blogger por Zona Cerebral.

El código de esta plantilla adaptada se comparte de forma gratuita bajo licencia Creative Commons Reconocimiento-No comercial, por lo que el único requisito exigido para utilizarla es el mantenimiento de los enlaces situados en el pie de página del diseño, a modo de reconocimiento por el trabajo realizado.
Fuente : Zonacerebral.com
Demo de la Plantilla
Formato XML
Script Jquery
Script Tab

Efecto Drop/Down

Efecto muy interesante visto en el estupendo blog de Pizcoss, es este efecto de Drop/Down que nos permite mostrar en el -sidebar- de nuestro blog, el contenido
que queramos simplemente pasando el ratón por encima del titulo o etiqueta y que
se muestre todo su contenido, volviéndose a ocultar al retirar el ratón.
Se puede decir que es algo parecido al efecto de Mostrar/Ocultar, pero en este
caso solamente pasando el ratón por encima sin tener que pulsar ningún botón.
Paso a mostrarles el correspondiente código que tendrán que agregar donde lo quieran aplicar en el -sidebar- del blog

Código:
<a onmouseover="showit(0)"><img src="AQUI URL DE LA IMAGEN" /></a>



<ilayer bgcolor="#ffffff" name="dep1" position="relative">

<layer name="dep2" position="relative">

</layer>

</ilayer>

<div id="describe" onmouseover="clear_delayhide()" style="POSITION: relative; BACKGROUND-COLOR: #ffffff" onmouseout="resetit(event)"></div>

<script language="JavaScript1.2">



/*

Tabs Menu (mouseover)- By Dynamic Drive

For full source code and more DHTML scripts, visit http://www.dynamicdrive.com

This credit MUST stay intact for use

*/



var submenu=new Array()

submenu[0]='<b>AQUI LO QUE QUEREMOS MOSTRAR</b>'



var delay_hide=300



var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""



function showit(which){

clear_delayhide()

thecontent=(which==-1)? "" : submenu[which]

if (document.getElementByIddocument.all)

menuobj.innerHTML=thecontent

else if (document.layers){

menuobj.document.write(thecontent)

menuobj.document.close()

}

}

function resetit(e){

if (document.all&&!menuobj.contains(e.toElement))

delayhide=setTimeout("showit(-1)",delay_hide)

else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhide=setTimeout("showit(-1)",delay_hide)

}

function clear_delayhide(){

if (window.delayhide)

clearTimeout(delayhide)

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

</script>