Aspecto de programacion blogger

martes, 2 de febrero de 2010

Aspecto de programacion blogger


Seguir leyendo , leer mas
esta herramienta que no estaba implementada en el servicio blogger ahora si lo esta en forma nativa (como en wordpress)
Celebrando sus 10 años blogger. el año pasado nos dio la gran sorpresa de incluir este nuevo codigo para todos los blogs creados despues de junio del anterior año.
Como pueden ver ahora en este mi blog esta herramienta a sido implementada. Mi blog fue constreuido mucho tiempo atras y la implementacion (aumentar el codigo) para que pueda correr esta herramienta fue algo tedioso.. pero ahora es facil.... cuando uno ya sabe como
Con el aumento de los usuarios pidiendo esta herramienta a blogger.. varios desarrolladores pusieron diferentes codigos hacks, o tambien rutinas .js (javascrit), para poder tener en sus blogs esta utilidad

Los beneficios de esta utilidad son muchos, uno de los principales seria. Alivianar el blog. Poder incluir mas entradas. Que los usuarios puedan comentar de manera aun mas facil las entradas y leer anteriores comentarios. aumentar el ranking de las visitas.

pues bien les explico como pude actualizar mi plantilla para que sea mas actual y que permita esta nueva herramienta

lo que hize fue lo siguiente:
  1. Puse el codigo necesario al theme, para que admita estos saltos de linea, more, leer mas, etc..
  2. una vez probado. me meti a actualizar el css, para alinear el jump-link
  3. subi una imagen y modifique el codigo para que envez de mostrar solo letras muestra una imagen.
en fin ahi las fotos de que todos estos pasos

paso 1 meti el codigo necesario para actualizar mi blog

modifica en el lugar de arriba.. cuando dan las sentencias CSS (hoja de estilos) ahi en la parte donde modifican elementos post.. ahi le puse el codigo para que alinee a la derecha
luego de hacer pruebas y ver que funcionaba, en estilo moderno de redaccion.. listo modifique el codigo data:post.jumpText que es el texto a mostrar (leer mas, seguir, leendo, more, etc) esta parte la modifique por una imagen creada .. ver la imagen y compararla con la del paso 1. (lo de azul lo reemplaze)
y listo ahi tenemos mi blog listo con la opcion leer mas....

si no quieren poner ninguna imagen a leer mas.. solo que sean letras... pues no modifiquen nada.. solo un consejo.. para modificar el estilo de su enlace leer mas (seguir leyendo) para estilizarlo pues les acosejo modificar asi (o a sus colores que quieran) el siguiente codigo (puesto en css) arriba (explicado en paso 2)
 
listo su leer mas a la derecha abajo, con fondo .. letras cambiadas de color y son negrita . puedes aumentar mas codigo si gustas ahi

Seria de gran utilidad. que opinen si les gusta, que hay que cambiar al blog, o que consejos de blogger quisieran

0 comentarios :