Diego Cabai KEEP I.T. SIMPLE, KEEP I.T. CLEAN

16May/0870

Cómo Agregar Tabs o Pestañas en Blogger

[ad#ad4]

Todo comenzó con la pregunta de sancocho en un comentario dentro del Blog. El mismo me consulta sobre cómo agregar las solapas que tengo en este blog a la derecha donde tengo los "Destacados", "Archivo", "Categorías", etc.
Bueno, la respuesta comienza en haber agregado tabs o pestañas dentro del diseño que no las traía. Hay varias formas de agregar pestañas, yo voy a comentar el que utilicé que es totalmente adaptable a Blogger/Blogspot, es mas, hice un Blog temporal de Demo con las pestañas agregadas para que vean que funciona.

Dentro de estas pestañas podrán poner todo tipo de contenido ya que es parte de código HTML, así que lo que pongan dentro de cada una es como si lo pusieran independientemente. El ejemplo es solo con links pero es totalmente adaptable a imágenes como tengo en la pestaña "Directorios".

El procedimiento que utilizo es gracias al increíble JavaScript creado por BarelyFitz Designs. Para acceder al JavaScript tabifier podes hacer click aquí ».
A continuación comento los pasos, podés ver que las Tabs funcionan en Blogger en este link:  Tabbed Blogger

3Apr/0824

Entradas Recientes en Blogger/Blogspot

Question1313Adrián me hizo un comentario en el post Administrar los Feeds en Blogger donde me pregunta cómo es que se puede armar una lista con las últimas entradas realizadas o los últimos comentarios, sin utilizar el widget que trae Blogger que permite sólo 5 como resultado. Para hacer esto hay que recurrir a una programación externa, como hice yo en mi caso de la lista que se ve a la derecha de los últimos posts. Esto está basado en la solución provista por Beautiful Beta donde creó una serie de widgets y código para lograr consultar los feeds  de tu sitio por medio de Json. Luego se le puede dar el formato que uno quiere mediante CSS y puede lograr unos widgets muy buenos de últimas entradas o últimos comentarios al mejor estilo WordPress.

Si bien la solución la podrías obtener de dicho sitio, está en inglés y si no estas ducho con el idioma tendrías que andar traduciéndolo para lograr el objetivo. De este lado voy a dar una mano simplificando un poco las cosas que hay que hacer y cómo hay que hacerlas.
Hay dos formas de hacerlo, una, si no entendés nada de código o no tenes ganas de andar editando el código HTML de tu Blog podés usar la solución de "Un Click Instalación del Widget" o bien podés ir por el otro lado a customizar en un 100% el widget que agregues.

10Mar/088

Agregando Emoticons a Blogger Automáticamente

[ad#ad2]

La idea de este artículo es explicar una forma de agregar emoticons o caritas en Blogger automáticamente. Con esto quiero decir que cuando escriban :) les aparecerá una carita similar a esta Smile. Puede ser esta carita o el ícono o gráfico que nosotros querramos y el sistema funciona no sólo para insertar emoticons sino que uno puede cambiar cualquier palabra o símbolo por imagen automáticamente con este sistema. Por ejemplo, yo puedo configurarlo para que cuando escriba "casa" me aparezca el gráfico de una casa automáticamente. Obviamente que este ejemplo no tiene mucha utilidad pero quiero demostrar lo que se puede hacer. En este caso voy a tomar unas caritas que ya estan hosteadas, pero si queres customizar el sistema con tus propios emoticons primero deberías subirlos a la web, hostearlos en algún lado. Podés usar Picasa web para esto, o Google Pages como otra opción gratuita y efectiva. Para esto hay que modificar el código HTML del Blog así que como siempre te recomiendo que antes realices un Backup del mismo.

En principio debes instalar el siguiente código justo antes del </head>:

3Jan/0844

Posts Relacionados en Blogger/Blogspot

[ad#ad2]

Arrancamos el año con todo, por eso estoy estrenando una nueva función en el Blog. Cuando ingreses a un artículo, verás en la parte inferior del mismo y luego de los comentarios, un cuadro con una lista de artículos relacionados al que estas leyendo. De esta manera se puede seguir navegando por el Blog dentro de los mismos temas o categorías de tu interés. Adicionalmente a eso se agregará la posibilidad de que ingreses tu banner por cierto tiempo a un bajísimo costo, lo que puede representar gran publicidad para tu sitio. Este último feature todavía está en etapa beta, pero pronto lo verás en la misma sección.

El código para implementar esto lo saqué del sitio de PurpleMoggy, mas abajo agrego algunos comentarios sobre la variante en cuanto a diseño que hice, pero en principio traduzco el tutorial para aquellos que les sea complicado seguirlo.

Antes de empezar nos tenemos que asegurar que nuestras etiquetas no tienen ningún caracter extraño como (?) o (/).

Pag 1 de 2
1
2