COMO PONER EFECTO DE FONDO TRANSPARENTE EN UN BLOG DE BLOGGER Y NO MORIR EN EL INTENTO?

DEBEMOS PRIMERO; PONERNOS EN EL ROL DE NEO EN LA PELICULA DE MATRIX, YA QUE BLOGGER NOS LO HA ECHO DIFICIL LUEGO DE QUE ACTUALIZÓ SU VERSION DE BLOGGER. ANTES QUE NADA, TENES QUE CREAR UN ARCHIVO EN TU ESCRITORIO DE WINDOWS , CON BOTON DERECHO DEL MOUSE PONEMOS 'NUEVO...DOCUMENTO DE TEXTO' , LUEGO LE CAMBIAMOS EL NOMBRE Y FORMATO, PONELE DE NOMBRE BLOGGER.RTF ....RTF SERA EL FORMATO DE WORDPAD BASICO DE HIPER-TEXTO, ENTONCES LUEGO LO ABRIMOS CON BOTON DERECHO DEL MOUSE PONEMOS 'ABRIR CON WORDPAD' ....LUEGO TE VAS A BLOGGER ...LUEGO A TEMA... LUEGO EN ''PERSONALIZAR'' ELEGIS 'EDITAR EN HTML' .....SELECCIONAMOS TODO EL CHOCLO DE CODIGO EN JAVASCRIPT LO COPIAMOS A TODO Y LO PEGAMOS EN EL ARCHIVO DE WORDPAD QUE YA TENEMOS ABIERTO EN WORDPAD (NO LO ABRAS EN WORD COMUN) TIENE QUE SER EN WORDPAD PORQUE ABILITA EL TEXTO EN MODO HUIPERTEXTO DE MODO QUE LO QUE COPIES ALLI PERMANECERA CON LOS CARACTERES ORIGINALES TAL CUAL LOS TIENES EN EN BLOG. UNA VEZ QUE TIENES EL CHOCLO DE CODIGO JAVASCRIPT EN TU DOCUMENTO, PODRAS IR A LA PARTE DE ARRIBA , USA LA HERRAMIENTA DE BUSCAR, PARA BUSCAR LA PALABRA name="keycolor" description="Main Color" ALLI EMPIEZA LA COSA ALLI VERAS QUE ES UN CODIGO PARA UN MENU Y SU COLOR DETERMINADO PORQUE VERAS QUE DICE #000000 O TAL VEZ #141414 LOS NUMEROS SON LOS QUE ESTABLECEN EL COLOR, POR EJEMPLO PARA VERDE AGUA YO USO #AFEA33 LA COSA ES QUE ESTAN ENTRE COMILLAS ENTONCES BORRA ESOS NUMEROS Y EL NUMERAL, QUE SOLO QUEDEN LAS COMILLAS Y ALLI PONDRAS "transparent" de esa parte de codigo veras que esta dos veces puesta el numeral con los numeros, en esas dos partes, debes borrar el numeral y sus numeros y entre las comillas que quede transparent 
EN TODAS LAS DEMAS PARTES EDITAR SON DE CODIGOS QUE DEFINEN NETAMENTE EL FONDO, POR EJEMPLO.... LA PARTE QUE RECIEN TE EXPLIQUE ES ESTA, 

 <Variable name="keycolor" description="Main Color" type="color" default="transparent" value="transparent"/>

LO QUE YO HICE FUE BUSCAR LAS PARTES DONDE DIGAN ''COLOR'' PERO TAMBIEN PUEDES BUSCAR POR ''BACKGROUND" , PARA DIGERIRTE UN POCO LA DIFICULTAD DE ESTE TIPO DE EDISION TE PUEDO CONTAR QUE LO QUE SIGUE PARA EDITAR MAS ABAJO DEL CODIGO JAVASCRIP ES ESTE CODIGO 

<Variable name="body.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>

LUEGO SIGUE ESTE 

<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)"  value="transparent"/>

     <Variable name="header.background.color" description="Header Background" type="color" default="transparent"  value="transparent"/> 

...LO QUE HISE FUE BUSCAR ENTRE LAS COMILLAS QUE DEFINIAN EL COLOR, LE SAQUE EL NUMERAL Y LOS NUMEROS Y DEJE ENTRE COMILLAS transparent 

VERAS QUE EL UNICO CODIGO SIN LA DENOMINACION ''BACKGROUNG'' QUE EDITE ES LA PRIMERA, LUEGO YA TODOS TIENEN LA DENOMINACION ''BACKGROUNG'' QUE SIGNIFICA QUE SON PARA DEFINIR LOS FONDOS DE LOS DISTINTOS ELEMENTOS, EL ECHO DE QUE QUEDEN TRANSPARENTES HARA QUE TU PAGINA LUSCA MAS PROFESIONAL Y MENOS ''GENERICA DEL MONTON'' 

LUEGO EL CODIGO QUE SIGUE ESTE .... (BUSCALOS CON LA HERRAMIENTA BUSCAR QUE TIENE EL WORDPAD) 

 default="$(body.text.color)"  value="transparent"/>

LUEGO ESTE...

<Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>

     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>

     <Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="transparent"/>

LUEGO ESTE 

<Variable name="date.text.color" description="Text Color" type="color" default="transparent" value="transparent"/>

     <Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="transparent"/>

LUEGO ESTE 

<Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="transparent"/>

LUEGO ESTE 

 <Variable name="widget.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>

     <Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="transparent"/>

     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="transparent"/>

   </Group>

.....ALLI QUEDÓ #222222 Y #000000 EN TU BLOG SERA DE OTRO COLOR, DEJALOS COMO ESTEN PERO TEN EN CUENTA DONDE DICE transparent AQUI PARA COLOCARLO EN TU CODIGO DE TU BLOG, RECUERDA IR PROBANDO EN CADA VEZ QUE CAMBIAS ALGO Y SI VA QUEDANDO BIEN GUARDA LOS DATOS EN WORDPAD, POR SI LUEGO SALE ALGO MAL, LO CIERRAS Y ABRES AL WORDPAD CON EL CODIGO DE CUANDO TE ANDABA BIEN

LUEGO SIGUE

 <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent"  value="transparent"/>

   </Group>

   <Group description="Images" selector=".main-inner">

     <Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>

     <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>

   </Group>

DONDE VES QUE NO LE CAMBIE LA DENOMINACION DE VALOR DEL COLOR, DEJALOS , ASI SOLO CAMBIA LAS PARTES DONDE VEAS QUE PUSE "TRANSPARENT"

LUEGO SIGUE 

<Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="transparent"/>

     <Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="transparent"/>

     <Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="transparent"/>

   </Group>

LUEGO SIGUE 

     <Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)"  value="transparent"/>

   </Group>

   <Group description="Footer" selector=".footer-outer">

     <Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="transparent"/>

LUEGO SIGUE 

default="$(color) none repeat scroll top left" value="transparent url(//3.bp.blogspot.com/-ONPAEux8JyI/X596W902TiI/AAAAAAAADO0/95vOj4yAQ-gM4VHBnMWgj9iUYaSYEkQDQCK4BGAYYCw/s100/space1.jpg) repeat scroll top left"/>

Y LUEGO YA... HAY OTROS TIPOS DE CODIGOS MAS ABAJO... CON ESTO HASTA ACA, ABRAS TERMINADO Y DEJARAS LOS FONDOS DE LAS ENTRADAS Y DE LOS WIDGETS CON EFECTO DE TRANSPARENCIA COMO EN ESTE BLOG :-)