CREAR BLOG PARA PRUEBAS

Imagen en la cabecera con enlace a otra página
Posted: 12 Dec 2008 06:48 PM CST
Crea un blog solo para pruebas.
Tu plantilla original estará a salvo
y una vez comprobado el resultado
podrás hacer los cambios con seguridad...
Me han preguntado varias veces como añadir una imagen en la cabecera del blog cuyo enlace lleve a otra página.

Esto que puede parecer raro, tiene una explicación muy sencilla, pues hay algunas personas que tienen un blog o más dependientes de otro principal y lo que quieren es usar el header de los secundarios como enlace al principal.




[1] En nuestro panel de Blogger vamos a "Edición HTML" y localizamos el código que corresponde a la cabecera de la plantilla:

[2] Vamos a eliminar ahora el gadget "Header" que vemos desde diseño desde donde subimos la imagen de cabecera al blog y lo sustituiremos por un gadget HTMLJavascrip.
El código anterior debe de quedarnos así:

[3] Si la cabecera tiene bordes añadidos (como es el caso de la Mínima) y queremos anularlos, localizamos este código más arriba, en la parte del CSS:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

En las dos líneas que están resaltadas en negrita, dejamos el valor del borde en 0px o directamente borramos las dos líneas por completo.

[4] Guardamos los cambios y Blogger nos mostrará este mensaje de advertencia:




Pinchamos en "confirmar y guardar" y nos dirigimos a la parte de "Edición" de nuestro panel, donde tendremos que ver ahora el gadget HTML en el lugar que antes ocupaba el elemento de la cabecera:






[5] Por último pinchamos en ese gadget en "Editar" y pegamos este código dentro:


En width colocamos el ancho de la imagen en pixeles y en height el alto.

ENLACE A COMENTARIOS

Enlace a comentarios en una imagen
Posted: 10 Dec 2008 07:03 PM CST
El enlace que facilita la publicación de comentarios es uno de los elementos más importantes de nuestro blog , ya que nos posibilita el obtener un mayor número de comentarios.
Para los que no están habituados a los blogs se hace difícil localizar el sitio exacto donde deben pinchar para poder comentar, al menos en muchas de mis consultas se han quejado precisamente de esto bastante a menudo, así que vamos a destacar el enlace para comentar haciendo que se vea dentro de una imagen y situándolo en la parte de arriba de las entradas, mas o menos al lado del título.




Enlace a comentarios con imagen en la parte superior del post

[1] Iremos en nuestro panel a la pestaña de "Edición HTML" y tendremos que marcar la casilla de expandir las plantillas de artilugios.

[2] Localizamos ahora el código que corresponde a nuestro enlace de comentarios:





1













Una vez localizado el código tendríamos que transportar el código de donde está a donde vamos a mostrar los comentarios dentro de la imagen, es decir, copiarlo, guardarlo en el blog de notas por ejemplo, y eliminar el original.

[3] Localizamos ahora la parte del código de la plantilla donde vamos a pegar el código anterior. Podríamos colocarlo en distintos sitios dependiendo de donde queremos mostrarlo, por ejemplo justo después de esta línea estaría bien:



[4] Modificaremos lo necesario en ese código para eliminar el texto del enlace y mantener únicamente el número de comentarios ya quedará mucho mejor para mostrarlo dentro de una imagen.
Hay que suprimir las etiquetas "" y "", con lo que el código quedará así:





1












[5] Colocamos entonces una líneas en el CSS, siempre antes de ]]>, para añadir los atributos del enlace y conseguir así el formato que queremos (imagen de fondo, fuente, dimensiones, márgenes, bordes, etc.):

.comment-link {
font-size: 150%;
background: url(http://img368.imageshack.us/img368/2623/comentabe7.png) no-repeat top right;
height: 50px;
width: 53px;
text-align: center;
float: right;
margin: 5px 0 0 0;
color: #2e98a5;
padding:5px 2px 0 5px;
}

Conservar los dos enlaces, una arriba con imagen y el de siempre debajo de la entrada.

Una vez efectuados los cambios anteriores tendremos el número de comentarios dentro de una imagen y al lado del título de nuestras entradas, pero habremos prescindido del enlace de "comentarios" en el pie de cada entrada (post-footer).
Para conservar ambas opciones, en lugar de eliminar el código original en el paso [2] lo dejaremos donde está y tal como está, es decir, al código original no le eliminaremos las etiquetas del paso [4].

Tendremos que cambiarle la "clase" al nuevo enlace para que se distinga del anterior ya que sino ambos se verían dentro de la imagen.
En el nuevo código que hemos añadido, paso [4], cambiamos donde dice:
.comment-link2 {
font-size: 150%;
background: url(http://img368.imageshack.us/img368/2623/comentabe7.png) no-repeat top right;
height: 50px;
width: 53px;
text-align: center;
float: right;
margin: 5px 0 0 0;
color: #2e98a5;
padding:5px 2px 0 5px;
}

ALOJAR ARCHIVOS

SkyDrive, alojar archivos y usar la url correcta
Posted: 09 Dec 2008 06:32 AM CST
SkyDrive es un servicio de alojamiento de archivos que, entre otros tipos de archivos, nos permite alojar script en unos pocos pasos.
El uso de este servicio es bastante sencillo y por lo que he podido comprobar en casi todos los casos que me consultan, el mayor problema se presenta a la hora de localizar exactamente cual es la url que debamos usar.

[1] Una vez hemos accedido a SkyDrive mediante nuestra id de Windows Live (Hotmail, MSN, etc.) lo primero que vemos es una pantalla con algo como esto:




[2] Pinchamos en la carpeta que vemos en primer lugar y que dice "Publico".
Pasaremos entonces a otra pantalla con una serie de enlaces, pinchamos en "Crear carpeta":



Le ponemos un nombre cualquiera a la carpeta y pasamos a una nueva pantalla donde mediante un enlace se nos invita a incluir un archivo:



Pinchamos en ese enlace y agregamos el archivo que vamos a subir mediante "Examinar" desde nuestro PC (pueden subirse hasta cinco al mismo tiempo), pinchamos en "Cargar" y esperamos.

[3] Pinchamos ahora sobre el icono del archivo (ese que parece una hoja de papel con la esquinita doblada) y en la pantalla individual del archivo, vemos el mismo icono pero a mayor tamaño:



Por supuesto no tenemos en cuenta el aviso que saldrá resaltado en amarillo, ya que saldrá por defecto siempre que el archivo subido sea un script.

[4] Llego el momento de optener la url del archivo, y lo haremos pinchando sobre el icono grande con el botón derecho del ratón, y en la ventanita que se abre en "Propiedades" copiamos la dirección del enlace que será algo así:

http://w522ka.bay.livefilestore.com/y1pem4zcAZ0A7OliKRG1Dul3RhUEHg12E69eLnuGiOcaW35wOUKj0iL7SrvowrRg52jiC1Ch76dOSs/linkprefs.js?download
Para usarla lo hacemos eliminando la parte final, el ?download que está destacado en color rojo.

PAGINACION DE COMENTARIOS

Paginación de comentarios en Blogger
Posted: 02 Dec 2008 04:02 PM CST
Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...No hace mucho un lector del blog me preguntaba si conocía alguna manera para hacer que los comentarios aparecieran en varias páginas, ya que su problema era que tenía demasiados comentarios en algunas entradas y la página se alargaba demasiado.

Mi respuesta fue que si estaba usando el antiguo formulario de comentarios, no había problema, ya que una vez superados los 200 comentarios en una entrada, Blogger añade la paginación de los mismos en el formulario:







Por supuesto el problema era que no quería prescindir del nuevo formulario de comentarios por lo que le contesté que con este sistema de comentarios no era posible su paginación.

Anoche creando un nuevo blog para unas pruebas, me di cuenta de un código que aparecía en la nueva plantilla y que yo al menos, no había visto hasta entonces:





Supuse que era para posibilitar la paginación de los comentarios aún usando el nuevo formulario para comentar, pero me era imposible comprobarlo ya que en ese blog no tenía ningún comentario.

Como prácticamente sucede con todos los nuevos servicios que Blogger nos ha ido proporcionando, el código no aparece en las plantillas antiguas, así que decidí copiarlo y colocarlo en la plantilla del Escaparate en la misma posición en que aparecía en la plantilla de pruebas (imagen de arriba).

Una vez guardados los cambios sin problemas, ya solo me restaba examinar alguna de las entradas con gran número de comentarios y efectivamente ahí estaba:




Como podéis comprobar es a partir de los 200 comentarios lo que a mi personalmente me parecen demasiados, pero tratándose de mejorar cualquier aspecto del blog ¡menos es nada!

You are subscribed to email updates from El Escaparate (Ayuda para tu blog)
To stop receiving these emails, you may unsubscribe now.Email Delivery powered by FeedBurner
If you prefer to unsubscribe via postal mail, write to: El Escaparate (Ayuda para tu blog), c/o FeedBurner, 20 W Kinzie, 9th Floor, Chicago IL USA 60610

NIEVE EN EL BLOG

Nieve en el blog (II)
Posted: 01 Dec 2008 08:15 PM CST
El año pasado a principios de Diciembre veíamos como conseguir que la nieve apareciera en nuestro blog con motivo de las cercanas fechas navideñas.
Este año os traigo otra manera de incluir nieve en el blog mediante el uso de un script que he encontrado en DynamicDrive.
El efecto es sencillo pero no por eso menos espectacular, los copos son simples puntitos a los que da la impresión de "manejar" el viento.
El resultado queda precioso en los blogs con fondo oscuro.
Podéis verlo en funcionamiento en esta página de ejemplo en DynamicDrive.

[1] Se trata simplemente de incluir estas líneas de código casi al final del código de nuestra plantilla, justo antes de




[2] Tened en cuenta que el script está subido a mi sitio de alojamiento y que para evitar algún tipo de problema "no deseado" lo mejor sería que cada uno se descargase el script para usarlo desde su propio alojamiento.


¡Disfrutad de la nieve!