Nuevo editor de Plantillas Blogger / Blogspot

Blogger moderniza su Sistema de plantillas 

Hoy revisando mis blogs me percate que Blogger había actualizado el sistema con el cual se editan las preferencias de las plantillas simplificando la vida y dando las atribuciones para el manejo del template (que anteriormente se debían hacer mediante hacks y ediciones de HTML un poco mas avanzados) o simplemente depender de template que se descargaban desde la red.


Uno de los problemas que se me presentaban al momento de trabajar en los blog era el diseño de los mismos (tengo al menos 7 de diversos temas). El hecho de tener que intervenir directamente el template de la plantilla por HTML me obligo a aprender CSS avanzado y leer las ayudas de Blogger para entender la estructura de sus sistema (uno de los peores problemas fue tratar de hacer una galería de fotos para otro blog en CSS). 

Al parecer esta actualización es para tratar de posicionar Blogger como una alternativa real a wordpress, esto debido a la gran migración de pequeños blogeros independientes a la competencia, simplemente por la libertad que presenta la misma en comparación a blogspot, junto con otra actualización anterior al obsoleto creador de entradas que existía.

Esperemos que se nos den mas herramientas y libertad en el diseño de nuestras plantillas para que cada día nuestros blogs sean mejores.

Comentarios recientes widget en español para tu blogger

Comentarios recientes o Últimos comentarios en tu blog blogger Para este widget se necesita realizar lo siguiente: Pegar el siguiente texto en un artilugio nuevo - html/javascript en tu blog Nos vamos a editar diseño / añadir gadget / html/javascript Y pegamos el siguiente codigo (existen dos alternativas).

1º Con desplazamiento del texto hacia arriba, si la conexión es mala, la carga de la página es lenta.

<blockquote><marquee bgcolor = "#FFFFFF" scrolldelay = 0 direction = up ><script style='text/javascript' src='http://sites.google.com/site/k126insaneblog/k-126/ultimos.js'></script><script style='text/javascript'>var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=50;</script><script src='http://k-126.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script></marquee></blockquote>

2º Sin la marquee solo texto estático, menos bonito pero más Funcional

<blockquote><script style='text/javascript' src='http://sites.google.com/site/k126insaneblog/k-126/ultimos.js'></script><script style='text/javascript'>var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=50;</script><script src='http://k-126.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script></blockquote>

Es de suma importancia que cambies la dirección de mi blog por la del vuestro en el codigo en ambos casos para que "ubique" los comentarios (en ambos casos) lo que debes cambiar es el k-126 de la direccion de esta linea por la direccion de tu blog src='http://k-126.blogspot.com/feeds/comments solo eso debes cambiar para que funcione correctamente, sino mostrara los comentarios de mi blog (jaja).

Si quieres modificar el java script del widged lo puedes descargar desde el siguiente vínculo http://sites.google.com/site/k126insaneblog/k-126/ultimos.js y alojarlo en un servidor, por ejemplo en http://sites.google.com (porque si tienes un blogger tienes usuario en todos los servicios de google).

Los creditos de esta aplicación son para: http://ayudaparatublog.com

Pdta: el comando <blockquote></blockquote> puede ser eliminado, simplemente tiene funcionalidad estetica.

Pdta2: a_rc=5 el numero 5 corresponde al numero de comentarios que muestra.

Pdta3: o_rc=50 el numero 50 corresponde a los caracteres que muestra del comentario, no uses mas de 100

Related Post en tu blog blogger

Una de las funcionalidades que son útiles para aumentar el trafico de nuestro blog es utilizar los "related post" o posteos relacionados, a veces los navegantes llegan a nuestro sitio por una entrada en particular y posteriormente lo abandonan, para quienes trabajamos con google adsense es importante las impresiones de pagina por lo tanto, conseguir que un usuario vea mas paginas del blos es util.

Primero:

Nos dirigimos a diseño/edición html/expandir artilugios

Posteriormente buscamos el siguiente texto en la plantilla

<data:post.body/>

y pegamos lo siguiente después de ese texto: Descargar aquí desde nuestros servidores (alojados en google ja)

nota: importante si en la pagina principal del blog tienes mas de una entrada, no se visualiza bien pero cada vez que vean una entrada (por ejemplo desde el bucador), ojo esto SOLO FUNCIONA SI USAS ETIQUETAS EN TU BLOG !!!!.

cambiar el autor en blogger por una imagen

Uno de los problemas que se sucitan en blogger es querer cambiar al "postado por" o el "autor" de una entrada por una imagen, el procedimiento logico para hacerlo es el siguiente:

1º Diseñar una imagen de aproximadamente 10 pixeles de alto por 80 de largo, estas dimensiones son las ideales para que no tengan el problema que posee el insane blog, que descuadra la parte inferior de la entrada.

2º subirla a la red (debemos tenerla hosteada en algun servidor para poder modificar nuestro pie de entrada).

4º Nos vamos a diseño, edicion de html, respaldamos nuestra plantilla antes de causar cualquier daño que por falta de pericia no podamos reparar.

5º Expandimos artilugios (se clickea en "expandir plantilla de artilugios", como se ve en la imagen de mas abajo)

6º buscamos lo siguiente en el codigo html.

 

<data:post.author/>

7º Este codigo lo debemos reemplazar por lo que sigue: 

<img src="Aquí la URL de la imágen"/>

8º Guardamos la plantilla y visualizamos el resultado que deberia ser algo por el estilo.

9º se daran cuenta que se ve un poco descuadrado, por ultimo debemos modificar en modo diseño lo siguiente. Clickamos en editar, nos sale la siguiente pantalla y ordenamos, y eliminamos lo que no sea necesario.

Great job :D