-->

Etiquetas

6

MODIFICAR ANCHOS PLANTILLA MINIMA

Me preguntaba Yassban, como hacer para ampliar los márgenes de la plantilla de forma que no fuera tan estrecho el lugar para las entradas.

Ya habíamos hablado aquí de como ensanchar varias plantillas, ella usa la mínima y, a pesar de que es sobre la que habitualmente trabajo, me he dado cuenta de que no habíamos explicado nada de como ensanchar esta plantilla en concreto.

Es sencillo, lo primero que tenemos que hacer es buscar ir a Diseño, edición HTML y buscar este trozo de código



#footer {
clear: both;
margin: 0 auto;
padding-top: 15px;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
width: 660px;
}


lo sustituimos por este otro:

#footer-wrapper {
clear: both;
margin: 0 auto;
width: 980px;}

#footer {
letter-spacing: .1em;
line-height: 1.6em;
padding-top: 15px;
text-align: center;
text-transform: uppercase;
}

#content-wrapper {
position: relative;
width: 100%;
}


Ahora buscamos:

#outer-wrapper {
width: 660px;


y modificamos el width a 980px .......... buscamos:

#header-wrapper { y le damos width: 980px

con esto tendríamos ensanchada toda la parte de fuera de la plantilla, es decir, tenemos una cabecera, un pie y una zona intermedia que nos ocupan todo el ancho de la pantalla, ahora tenemos que dividir la zona central entre el main (donde escribimos las entradas) y la sidebar (donde colocamos los widgets), para ello buscamos:

#main-wrapper { y le damos width: 560px; y
#sidebar-wrapper { y de damos width: 390px;

con estos valores tendrías ya la plantilla agrandada como tengo yo en el blog de música, podríamos luego pasar a añadir otra sidebar (si crees que la que tienes es muy grande), etc ya me dirás si te sirve.

7

Imagen con enlace para mail

Me preguntaba Anna como hacer para enlazar una imagen con una dirección de correo electrónico.
Es sencillo, teneis que copiar el código de abajo, y pegarlo en Diseño, Añadir Elemento de Página, HTML/Javascript cambiando lo que os marco en rojo por la dirección de vuestro blog y la url de la imagen que deseeis.

Espero que os sirva.


<img src="http://1.bp.blogspot.com/_3Wfs6iFLf3Y/SdSwL7NDffI/AAAAAAAADUY/o0QiXqya1mk/s1600-h/nuevo+mail+copia.jpg"/><a href="mailto:tudirección@gmail.com"><img id="BLOGGER_PHOTO_ID_5320070778748894706" border="0" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 100px; CURSOR: hand; HEIGHT: 75px; TEXT-ALIGN: center" alt="" src=" http://pic80.picturetrail.com/VOL2111/9530785/17373218/365376200.jpg "/></a>



5

Mostrar solo una entrada

Me preguntaba Rodrigo como hacer para que en el blog se vea solo la entrada inicial.
Lo primero que tenemos que hacer es ir a la CONFIGURACIÓN del blog.
Allí vamos a FORMATO y marcamos Mostrar 1 entrada en la página principal.
Con esto ya tendríamos solo una entrada visible.





vez hecho esto podemos seleccionar si la que queremos mostrar es la última o la primera publicada. Por defecto nos mostrará la última que hemos publicado. Para cambiar esto vamos a DISEÑO, Elementos de Página, Archivo de Blog y allí marcamos Mostrar primero las entradas más antiguas. Así solo se nos mostraría la primera entrada publicada.





En mi blog de pruebas puedes ver como queda. Espero que te haya servido.

ACLARACIÓN: Si quereis poner a la vista una entrada que ya teneis hecha y que no es la primera ni la última, vais a opciones de entrada y le cambiais la fecha por una de hace mucho tiempo para que siempre sea la última. De esta manera haciendo lo que marcabamos arriba y seleccionando Mostrar primero las entradas antiguas será la que veamos siempre.