Combinar plantillas Travel y Fantástico S.A.

Combinando algunas características de las plantillas Travel y Fantastico S.A. (Awesomw Inc.) podremos crear un blog con el fondo y la transparencia de la plantilla Travel, y con el cuerpo de las entradas y la sidebar separados. 1.- Vamos a Diseño ► Personalizar ► Diseñador de plantillas, y cambiamos el blog a la plantilla Fantástico S.A. (Awesome). 2.- Vamos a Editar HTML: Diseño ► Editar HTML ► Click dentro del editor ► Ctrl+f ► 3.- Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (search) una línea del mismo: <Variable name="body.background" description="Body Background" type="background"        color="$(body.background.color)"        default="$(color) none repeat scroll top left" value="$(color) url (//www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left"/> ...y lo cambiamos por éste: <Variable name="body.background" description="Body Background" type="background"        color="$(body.background.color)"        default="$(color) none repeat scroll top left" value="$(color) url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMYTM3ZTRlZTktYzE4ZC00NWU0LWEyMzctOWFlZjVkZTkzNGY4) repeat fixed top center"/> Con la anterior modificación cambiamos el fondo de la plantilla Fantástico S.A. (Awesome) por el fondo de la plantilla Travel. 4.- Para darle transparencia al fondo de las entradas localizamos el siguiente código: /* Posts ----------------------------------------------- */ body .main-inner .Blog {   padding: 0;   margin-bottom: 1em;   background-color: transparent;   border: none;   -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);   -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);   -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);   box-shadow: 0 0 0 rgba(0, 0, 0, 0); } ...y le agregamos, antes de la llave de cierre (}), el siguiente segmento: -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; -khtml-opacity: 0.8; 5.- Para darle transparencia a los widgets de la sidebar localizamos el siguiente código: .sidebar .widget {   font: $(widget.font);   color: $(widget.text.color); } ...y le agregamos, antes de la llave de cierre (}), el mismo segmento que agregamos en el punto cuatro. 6.- para darle transparencia al widget pie de blog ("Con la tecnología de Blogger") localizamos el siguiente código: .footer-fauxborder-left {   border-top: 1px solid $(widget.border.color);   background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;   -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);   -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);   -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);   box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);   margin: 0 -$(shadow.spread); } ...y le agregamos, antes de la llave de cierre (}), el mismo segmento que agregamos en el punto cuatro. Hasta aquí hemos dado transparencia a cada bloque del blog por separado. Si queremos dejar alguno sin ese efecto omitimos el paso correspondiente. Para darle transparencia a todo el cuerpo del blog, en conjunto, omitimos todos los pasos anteriores, localizamos el siguiente código: html body .content-outer {   min-width: 0;   max-width: 100%;   width: 100%; } ...y le agregamos, antes de la llave de cierre (}), el mismo segmento que agregamos en el punto cuatro. Por último, si queremos eliminar el pie de página "Con la tecnología de Blogger", nos remitimos a este tutorial. Twittear