Recent Posts
Recent Posts Tagged With 'Posts'
Personalizar el Subrayado de los Enlaces
Con la propiedad text-decoration, aplicamos estilo a los enlaces (o a cualquier tipo de texto), bien subrayándolos (text-decoration:underline;), bien eliminando el subrayado (text-decoration:none;). Pero no tenemos control sobre ese subrayado: la lÃ...
Bordes dobles usando la propiedad Padding
Ya conocemos los diferentes tipos de bordes, y hace poco veÃamos cómo conseguir falsos dobles bordes usando la propiedad outline.Ahora veremos cómo conseguir un efecto de doble borde en una imagen adjudicando un color al fondo (background) y dejan...
Iconize: dejando pistas sobre los tipos de enlaces
Con Iconize, podemos mostrar con un poco de CSS el tipo de enlace ante el que nos encontramos, asignando a cada tipo un icono. Puedes ver un ejemplo activo de enlaces iconizados aquÃ.Para instalarlo, debemos descargarnos el zip que contiene los ic...
Bordes dobles usando la propiedad Outline
Existen varios tipos de bordes, a los que podemos aplicar el color o densidad (tamaño) que deseemos. Los mismos valores aplican a la propiedad CSS outline, que marca el contorno del elemento a que es aplicado. Para saber más sobre esta propiedad, l...
Widget: Posts mas Comentados
Amanda de BloggerBuster ha creado un widget para que puedas añadir a tu blog de manera automática un listado de las entradas más populares. El ranking de popularidad es obtenido en base a número de comentarios del post, figurando la cantidad de l...
Contenido deslizante en las entradas (scroll)
Easy Scroll es un script inobtrusivo (el contenido es accesible con Javascript desactivado) creado por Alen Grakalic para CSS Globe. El contenido asciende y desciende al pasar el cursor por los botones; al clicar en ellos, la velocidad se duplica. Te...
Etiquetas en Movimiento
Para resaltar las etiquetas al pie de cada post, podemos integrarlas en una marquesina en movimiento: ver ejemplo (recuerda: hablamos de las etiquetas al final de cada entrada).Localizamos en nuestra plantilla la lÃnea <b:if cond='data:post.label...
Botón Expandible con Scriptaculous
Un botón expandible es una imagen (o texto) bajo la cual ocultamos contenido, que se despliega al clicar en él.CONTENIDOCONTENIDOCONTENIDOHay infinidad de maneras y efectos para ello. En este caso, vamos a usar el efecto Toggle de la galerÃa Scrip...
Mostrar un post al azar
Este widget permite poner un botón con enlace a una entrada cualquiera elegida aleatoriamente. Quizá su utilidad sea cuestionable (como muchos de los widgets que agregamos en nuestro blog ;D), pero en cuanto a opciones de navegación, cuantas más,...
Emoticonos automáticos en Blogger
Añadiendo el script que nos proporciona Blogger Emoticons, cada vez que se escriban en tu blog caracteres de expresión (en entradas o en comentarios), se transformarán automáticamente en el emoticón correspondiente:Copia el código en Bloggeremo...
Personalizando el Formulario de Comentarios
Las opciones de presentación de los comentarios en Blogger no son demasiado convincentes; la que más cómoda me resulta es la ventanita independiente, ya que no te saca del blog; sin embargo, y ya puestos a meter mano a todo, el apartado de comenta...
Personalizando la Fecha de entradas
En mi blog, tenÃa la fecha oculta para que no fuese tan evidente el claro desorden en que voy posteando las cosas... o más bien me parecÃa innecesaria, en cualquier caso, dado que podemos personalizar su apariencia, ¡no puedo dejar de hacerlo!En ...
Botón único para Marcadores Sociales
Para que agreguen nuestro blog con un click a cualquier marcador social (o al menos, a una buena compilación), ADDTHIS nos proporciona una elegante manera, sin salir de nuestro blog.Para conseguir tu botón, haz clic en "Get Your Button". También t...
Sustituir los tÃtulos de navegación por iconos
Al final del cuerpo de las entradas aparecen unos tÃtulos de navegación hacia entradas más recientes, más antiguas, o a la página principal.Podemos cambiar estos tÃtulos por imágenes, asÃ: [+/-] CÓDIGO Vamos a la edición HTML de la plantill...
Entradas recomendadas por otros lectores
Este widget nos informa de qué otras entradas seleccionaron nuestros lectores de un post concreto, asÃ, se convierte en una herramienta de recomendación: "Los lectores de esta entrada leyeron también estas otras", animado a tus lectores a leer ot...
Widget para Blogger: Posts Favoritos
Hasta ahora en Blogger tenÃamos la opción de resaltar nuestras entradas más leÃdas a mano, consultando las estadÃsticas y añadiendo los enlaces manualmente. A veces, Wordpress y sus plugins me matan de envidia.Para aliviarnos un poco, Feedjit, ...
Slideshow de Imágenes con TÃtulo: Dewslider
Podemos presentar fotos, añadir tÃtulos y además enlaces; tiene unos discretos botones de avance y retroceso. Se llama DEWSLIDER y nos lo ofrece la gente de Alsacréations, aquéllos del reproductor de música tan chachi... Pues aprovechémonos.Pu...
Feeds en PDF con FeedJournal
Con FeedJournal podrás leer tus feeds de una manera diferente, en formato periódico, con la ventaja de poder imprimirlos fácilmente sobre un diseño original.Puedes ver el mÃo instalado en mi sidebar, lo reproduzco aquÃ, haz clic en la imagen pa...
Mostrar tÃtulos de todas o últimas entradas
Siempre es recomendable facilitar la navegación por los archivos de tu blog, e incentivar al lector a leer más mostrando los tÃtulos de las últimas entradas. Este widget puedes usarlo para mostrar los tÃtulos de las últimas entradas de tu blog...
Reproductor de Música personalizado
Vamos a integrar un reproductor de música en nuestro blog, que nos permita añadir nuestros archivos .mp3. Para ello, usaremos el reproductor de Dewplayer: es sencillo, de aspecto minimalista, con botón de play y pause, y permite multireproducción...
Más Entradas con esta Etiqueta
Este widget muestra al final del post los tÃtulos de más entradas con las mismas etiquetas. Puedes verlo en funcionamiento en las páginas de entrada de mi blog, por ejemplo haciendo clic en el tÃtulo (le he aplicado el hack de "invisibilidad"). E...
Rastro de migas de pan: especifica en qué parte del blog estás
Con este hack indicamos al principio de los posts en qué parte del blog se encuentra el lector. No se ve en la página principal, pero cuando navegas por el blog yendo de una entrada a otra, encontrarás una referencia indicándote a qué categorÃa...
TABVIEW: widget para mostrar últimos posts y comentarios en pestañas
Es un widget de Hoctro basado en el widget TabView de Yahoo, seguro que el aspecto te suena. Es elegante, ordenado y poco intrusivo a la hora de mostrar los últimos posts y comentarios. Y te permite añadir más de uno, como ves yo he incluido tambi...
Poner Fondos: main-wrapper, sidebar-wrapper y alguna máscara
Podemos hacer lo que queramos con la imagen de nuestro blog, sólo necesitamos saber dónde añadirla. Podemos poner una imagen de fondo, otra transparente superpuesta, podemos poner una imagen en el cuerpo de las entradas, cambiarle sólo el color, ...
Tooltip con imagen
Es un aporte genial el de Rosa que veo en el blog de Yoli. Ya os habréis dado cuenta de que consiste en aportar información visual extra a los enlaces, o a cualquier palabra o frase que quieras resaltar. Pasa el cursor por este párrafo para ver al...
Lista de entradas por orden alfabético o fecha
Seguimos ordenando nuestro blog. HacÃa tiempo que buscaba una solución de este tipo, y la encontré al fin en Vagabundia, que explica y traduce un hack creado por Beautiful Beta.Si haces clic en mi widget de archivos, en "VER TODAS LAS ENTRADAS", v...
Mostrar las entradas de cada etiqueta en forma de menú expandible
En Blogger, usamos las etiquetas como categorÃas, asà que es importante que estén bien aplicadas y que sean definidoras de lo que contienen.He visto aplicado en varios blogs un hack muy interesante para que al clicar en alguna etiqueta, las entrad...
Añade estilo a tus posts con DROPCAPS
Es el mismo CSS aplicado en el subtÃtulo de este blog, esa doble M que ves más arriba.Erase una vez... ¡una Dropcap! El significado de esta palabra viene a ser "una mayúscula que cae" dentro del párrafo, es un estilo muy utilizado en imprenta, y...
Texto sobre Imagen
¡Hola amigos!Esto es un texto con imagen de fondo.O, también podrÃamos decir, una imagen con texto superpuesto. Podemos alinear el texto a nuestro gusto, añadir enlaces, aplicar transparencias o bordes...¡Qué bonito! Encuentra una imagen adecua...
Mostrar ultimos posts en la Sidebar
A través de Hacktime encuentro un widget de Beautiful Beta para mostrar el tÃtulo y un extracto de las últimas entradas en la sidebar.Puedes verlo en funcionamiento en mi barra lateral. Para ponerlo en tu blog, solo has de añadir un "elemento HTM...
