Archivado en: ‘Diseño’
Cómo Agregar Tabs o Pestañas en Blogger
Friday, May 16th, 2008 | Leído 820 veces
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í ». Seguir leyendo »
A continuación comento los pasos, podés ver que las Tabs funcionan en Blogger en este link: Tabbed Blogger
Generando un nuevo Template para una Página de Wordpress
Friday, April 25th, 2008 | Leído 513 vecesA veces tenemos un theme para nuestro Blog instalado en Wordpress que satisface todas nuestras necesidades. Pero qué pasa si el theme tiene 2 sidebars, por ejemplo, como el mio y queremos escribir una página pero con una sola sidebar? O bien queremos escribir una página con otra sidebar diferente a las 2 por default que vienen con el theme? O mejor aún, qué pasa si queremos generar una página sin sidebars para poder aprovechar todo el ancho del theme? Algunos themes ya vienen con esta opción para poder hacerlo, pero otros no. La idea de este artículo es contarte cómo tenes que hacer para generar un nuevo template para poder utilizarlo en las páginas. En este caso vamos con el mas sencillo, SIN sidebars.
Seguir leyendo »
Cuando generamos una nueva página en Wordpress vamos al menú Write » Page (Escribir » Página). Si hacemos scroll hacia abajo vamos a encontrar una sección donde podemos cambiar el template que vamos a usar para dicha página. Si tu theme no viene con templates adicionales vas a tener como opciones el Default Template y el de Archives. Ahora bien, cómo agrego un template adicional?
Entradas Recientes en Blogger/Blogspot
Thursday, April 3rd, 2008 | Leído 509 veces
Adriá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. Seguir leyendo »
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.
Agregando Emoticons a Blogger Automáticamente
Monday, March 10th, 2008 | Leído 304 veces
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 
. 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>:
Cómo Sacar el Título y la Descripción de Blogger/Blogspot
Monday, February 25th, 2008 | Leído 542 veces
Este artículo es para la gente que está iniciando en Blogger o bien hace tiempo que está pero no sabe cómo modificar el título y descripción que aparecen por defecto en un template común y corriente.
Cuando damos de alta un nuevo Blog por ejemplo, pone el título por default en el header de la página. Lo mismo pasa si agregamos una mini descripción del mismo.
Blogger nos da como opción agregar una imágen al fondo del título o header pero si lo hacemos no queda muy bien con el título o descripción que aparece ahí con una fuente standard y los colores standard. Cuando digo standard es a las opciones de customización básicas que nos provee Blogger para modificar el título. Qué pasa si queremos un título mas avanzado o hicimos algún gráfico al estilo 2.0 muy bueno y queremos usarlo como título único sin que figura ni el título ni la descripción?
Seguir leyendo »
Blogger, Blogging, Diseño, Templates, Tips | 5 Comentarios »
Un Ranking que nos dice Que Mejorar
Monday, January 7th, 2008 | Leído 587 vecesSeguir leyendo »
Así es, entre los sitios que estuve navegando el fin de semana me topé con un Ranking que lo mas útil no es el puntaje que te devuelve sino los comentarios y consejos que te dice para mejorar tu sitio. En realidad te deriva a otros sitios con herramientas web que te ayudan. Emezeta Rank nos arroja un resultado con un puntaje sobre diferentes índices. Por ejemplo, tu PageRank, Google, Technorati, Live, Yahoo, etc. Con eso genera un puntaje para TU web, pero mas abajo está lo importante.
Posts Relacionados en Blogger/Blogspot
Thursday, January 3rd, 2008 | Leído 1,378 veces
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 (/).
Seguir leyendo »
