Web-Stat web traffic analysis
Mostrando entradas con la etiqueta Plantilla. Mostrar todas las entradas
Mostrando entradas con la etiqueta Plantilla. Mostrar todas las entradas

lunes, 1 de noviembre de 2010

Mejorando el enlace de “Leer Más” (Post expandible)

En este blog tenemos la opción de “leer más en la siguiente página” que nos permite reducir el tamaño de la parte que se presenta en la página principal del blog. Cuando se pulsa enlaza con la página permanente (permalink) del post.
Vamos a mejorarlo un poco cambiandole el texto (“Continua”) por algo más atractivo y añadiendole un TÍTULO (TITLE), es decir un cartelito amarillo que aparecerá con información complemetaria cuando posicionemos el ratón encima (hover) del enlace.
Gestionaremos el código con el servicio
.

Codigo ¿Que tenemos aquí? En realidad  
<a href="el-url-del-post"> Continua... </a>

O sea, un simple enlace con su texto asociado.
Vamos a mejorarlo un poco para que quede así:
Continua Leyendo
El código es el siguiente (pulsa para COPIAR)codigo Hemos metido una tabla para cambiar el color de fondo del texto y un TITLE. Es sencillo cuando se sabe hacer.
Podeis verlo en funcionamiento en


Pulsa para CONTINUAR LEYENDO...

viernes, 13 de noviembre de 2009

Hazte tu blog completito en Blogger en 20 minutos (ó en 2 patadas) (Parte Quinta)

Venimos de la parte Cuarta y como se nos agotan los 20 minutos (o las 2 Patadas) ha llegado el momento de retocar un poco la plantilla. Dado que no tiene conectada la barra de BLOGGER, por comodidad vamos a añadir una entrada “Editar” en el widget “linkbar” (barra de enlaces” para acceder cómodamente a la configuración del blog cuando nos haga falta.
Entrando a través del escritorio BLOGGER me voy a la página de DISEÑOELEMENTOS DE PÁGINA y copio la URL. La incluyo como el primer link de mi barra de menú con el título “Editar” o “Config” o…

Luego quiero virar todos los colores de la plantilla hacia el verde, en lugar del blanco-gris-naranja tan soso que trae de origen. Para hacerlo rápido y ver como queda, lo mejor es tener ya una serie de posts con fotos, comentarios, etc… Así que me voy a otro de mis blogs (si es vuestro primer blog, crearos un par de entradas con fotos, “blockquotes”, "código” y un par de comentarios; aunque luego los borréis) y en

CONFIGURACIONHERRAMIENTAS DEL BLOGEXPORTAR BLOG exporto los posts. Luego en la opción importar de la misma página los importo. No importa que sean muchos, porque se puede seleccionar cuantos de van a publicar.

Con unos cuantos posts es fácil ver como queda el blog y en un minuto le cambio por completo el aspecto, virado al color verde.
image
Ahora unos cuantos WIDGETS:

 


A mi me gusta mucho FEEDJIT, ya sea el Live Feed o el mapa o los dos. Me voy a FEEDJIT y los incorporo a la página. Eliges los colores y le das al botón de añadir al BLOGGER.

WHOS.AMUNG.US es un contador de visitantes en tu blog. Más que para colocar el Widget en la página yo lo uso con el complemento FIREFOX que me muestra en todo momento cuantos visitantes están en la página; en la barra inferior del explorador.
Tan sencillo como copiar-pegar e introducir el código de tu pagina en el complemento FIREFOX. Si tienes varios BLOGS puedes verlos todos simultáneamente en la barra inferior de tu FIREFOX.

En Tell-a-Friend Herramienta de presencia social te explico como añadirlo a tu blog. Completísimo. Y muy práctico para cuando tengas tu twitter, etc… relacionado con tu Blogger.

En Buscando Widgets Externos: OUTBRAIN se explica como añadir OUTBRAIN; otro WIDGET insustituible.

Bueno, ya han pasado los 20 minutos (o las 2 PATADAS) pero tenemos un blog BLOGGER preparado para la vida moderna. Le faltan un montón de retoques pero los añadiremos en próximos capítulos de esta serie de posts.


Pulsa para CONTINUAR LEYENDO...

jueves, 12 de noviembre de 2009

Hazte tu blog completito en Blogger en 20 minutos (ó en 2 patadas) (Parte Segunda)

Como decíamos en Hazte tu Blogger completito en 2 Patadas (PARTE PRIMERA) vamos a configurar el nuevo blog de Blogger a toda pastilla. Aquí tienes un vídeo con los pantallazos de los valores de configuración, podéis ir copiándolos sobre la marcha en vuestra propia configuración de blog.





Dos comentarios:
En FEEDS: De momento dejaremos en blanco la “URL Redireccionada del FEED”
En Comentarios: En “Correo electrónico de notificación de comentarios” ponemos nuestra dirección de correo para saber rápidamente cuando alguien escribe un comentario en blog.

Seguimos a toda carrera: En http://tu-blogger-en2patadas.blogspot.com/search/label/Plantilla tienes un montón de sitios donde elegir una buena plantilla para el blog. Yo elijo la plantilla “Simple’n Sweet” en http://www.ourblogtemplates.com/2009/11/blogger-templates-simple-n-sweet.html 
La página de últimas plantillas de este sitio siempre tiene varias donde elegir.
Descargo la plantilla y la cargo en “Diseño – Edición de HTML”. Me imprimo las instrucciones e indicaciones que me dan en el sitio web para usarlas más tarde. ¡El tiempo corre!
Puedo ver como queda mi Blog:
image
Espantoso, de momento, pero no importa. En la demo y la configuración de la plantilla he visto que la imagen de cabecera mide 980x150 píxeles. La altura puede variarse sin escalado así que cargo mi imagen de cabecera de 980x240 a la que añado una capa de degradado para que la derecha de la imagen quede como un fondo blanco que es lo queda bien. 

image

Seguimos en la Tercera Parte de la serie.


Pulsa para CONTINUAR LEYENDO...

lunes, 8 de diciembre de 2008

Editando la plantilla. Anchos de columna.

Una buena practica cuando vmos a cambiar de plantilla es tener una idea lo más exacta posible del tamaño en puntos de los distintos componentes de nuestro Layout (perdón por el inglés). Lo más normal es que tengamos una columna principal de mayor anchura donde se colocan los posts y al menos una columna lateral para colocar Widgets.
Como a veces nos toca cambiar el ancho de las columnas, una noción básica:

El componente OUTER-WRAPPER (ancho total) = MAIN-WRAPPER (ancho de columna principal) + SIDEBAR WRAPPER (ancho columna lateral).

Todos estos componentes tendrán definida la propiedad WIDTH (ANCHURA) generalmente medida en en puntos-pixels (px), que nos permitirá hacer un calculo al menos aproximado.


Pulsa para CONTINUAR LEYENDO...

martes, 18 de noviembre de 2008

Primera Aventura: La plantilla

La plantilla es la imagen de tu blog. Lo divertido es tener un blog diferente, un poco complejo y lleno de Widgets. Por eso vamos a dar un salto en el vacío y vamos a buscar y elegir una plantilla con más posibilidades. El momento oportuno es ahora, cuando sólo tienes un post y tu blog prácticamente por configurar. Después, aunque puede hacerse, es mucho más complicado.

http://btemplates.com/

http://www.oswd.org/designs/favorites/ 

http://blogger-templates.blogspot.com/

http://blogandweb.com/templates-blogger/

http://www.blogcrowds.com/resources/blogger_template.php

http://www.finalsense.com/services/blog_templates/

http://www.bloggertemplates.org/

http://www.template-godown.com/search/label/gallery

http://www.geckoandfly.com/blogspot-templates/blogger-templates/

http://www.pannasmontata-templates.net


Hay muchos sitios donde buscar una plantilla con un poco de picante pero yo recomiendo:
http://www.ourblogtemplates.com/

Tienes ciento y pico plantillas para elegir, bien documentadas (en inglés) pero algo es algo.

Cuando tengas elegida la que te gusta, lánzate, descarga el archivo (*.XML) guardalo en un directorio de tu disco duro con un añadiendole la fecha delante, "20081101nombredelaplantilla" u "original" o algo parecido para que en caso de necesidad puedas con facilidad recurrir a ella como COPIA DE SEGURIDAD.

Una vez tengas tu plantilla en el disco duro: ADELANTE!

DISEÑO-EDICION DE HTML- EXAMINAR (seleccionas el archivo) y SUBIR.

No hemos hecho copia de seguridad de la plantilla original ya que no hemos hecho ninguna modificación y siempre podremos recuperarla de BLOGGER.

puede que te salga algún mensaje "Vamos a suprimir el artilugio ("eso es un WIDGET") xxxx". Cómo no hemos configurado nada, AVANTI. Confirmar y guardar.


Pulsa para CONTINUAR LEYENDO...

  © Blogger template Newspaper III by Ourblogtemplates.com 2008

Back to TOP