Columnas con CSS: Mosaico de entradas

Partiendo de la idea de usar CSS para generar columnas auto-ajustables, podemos recrear cosas existentes aunque no funcionen en Internet Explorer y deberemos esperar que ese navegador incorpore estas propiedades que son unas de las más interesantes porque permiten pensar el diseño de un sitio web desde un ángulo totalmente diferente.

Más Información

Mensaje estilo Pop Up en las entradas

Un Pop Up es una ventaja emergente que se abre mostrando algun mensaje. Jugando un poco con los codigos es posible hacer esto en las entradas.

Al ejecutar esta entrada verás que se abre un pequeño cuadro con un mensaje de bienvenida. Ese es el tutorial de esta oportunidad. Puedes observar la siguiente imagen para ver como funciona el popup.

Más Información

Incrustar campos de texto de enlace en la URL, HTML y Foros debajo de cada entrada

En este tutorial explicare, cual es la manera o como se hace para incrustar campos de textos debajo de cada entrada con diferentes enlaces, para ser insertados como enlace directos a la URL, enlaces de textos a la entrada actual y el código para insertar en foros de discusión. La verdad, es que este truco ya lo había visto en varias paginas web, pero nunca en un blog que no haya sido de Wordpress, asi, que si te ha gustado también, el tutorial de instalación ya esta disponible. Para que te des un poco mas de cuenta de lo que te hablo, observa la siguiente imagen.

Más Información

Lista de entradas al azar

Podemos mostrar una lista de entradas al azar, es muy fácil Utilizando un script podemos hacer que la lista se muestre a la perfección.

Más Información

Mensaje al estilo Pop Up en las entradas de blogger

Un Pop Up es una ventaja emergente que se abre mostrando algun mensaje. Jugando un poco con los codigos es posible hacer esto en las entradas.

Al ejecutar esta entrada verás que se abre un pequeño cuadro con un mensaje de bienvenida. Ese es el tutorial de esta oportunidad. Puedes observar la siguiente imagen para ver como funciona el popup.

Más Información

Insertar tablas en tu post

1. Para insertar una tabla utilizando el codigo Html ...  EJ:

Más Información

Rotador automático de entradas recientes en blogger

Este es un rotador de entradas recientes automático que les facilitara mucho la vida en su blog...

Más Información

Añadir un recuadro de suscripción al final de cada entrada

Un enlace de suscripcion en un blog, nunca esta demas, como lo dije ya antes en una anterior entrada, hoy te lo vuelvo a decir aqui. Hace mucho, observe en los grandes blogs, que casi todos tienen un enlace de suscripcion encerrado en un recuadro al final de cada entrada.

Jamas me pregunte como lo hicieron, me puse a trabajar en ellos hasta que logre hacer uno, que me quedo muy bonito, diria que mucho mejor a los que pude observar. Te mostrare como personalizar el codigo para que combine con los estilo de tu blog, este artilugio ira añadido al final de cada entrada es la pagina indivudual de cada una de ellas, si quieren ver una demostracion, pues ve a la pagina individual de esta entrada, y mirala.

Más Información

Imagen al final de la entrada

Poner una imagen al final de cada entrada puede ser una buena opción para personalizar tu blogspot, y una vez más gracias a Gema voy a explicar cómo hacerlo . Allí puedes poner lo que quieras, como una imagen simpática o simplemente la imagen que tú desees.

Más Información

Formulario de contacto con Antispam

Vamos a poner en tu blog de blogger este nuevo formulario de contacto. ¿Qué nos ofrece? Pues podemos añadir más opciones de contacto en él y sobreo todo la posibilidad de poner un filtro anti-spam.

Más Información

Marquesina con Banners

Ahora vamos a hacer una mezcla y os voy a explicar cómo poner banners con una marquesina.

Más Información

Imagen o icono en los titulos de las entradas

Si quieres poner un icono o imagen en título de las entradas de tu blogspot sigue las siguientes instrucciones:

Más Información

Gadget de últimas entradas de SPLUSH

Esta página que sirve para crear un gadget con las últimas entradas de nuestro blogspot. Implementarlo en nuestro blog es muy fácil y he creado un tutorial, como siempre hago, para que no tengáis problemas al ponerlo en nuestro blogger.

Más Información

Imagen de fondo en todas las entradas

¿Cómo poner una imagen de fondo en las entradas de blogger? Si te lo has preguntado o crees que te lo vas a preguntar alguna vez, presta atención a esta entrada.

Más Información

Pon tu firma en las entradas

Para poner tu firma o una imagen al final de cada entrada en tu blogspot sigue los siguientes pasos:

Más Información

Como poner que un video de Youtube se reproduzca solo

Una alternativa a poner música en tu blog que suene nada más se entre en el blog es poner un gadget de un vídeo de youtube, por ejemplo en la sidebar (columna). Para conseguirlo sigue los siguientes pasos.

Cuando quieres poner un vídeo de youtube en tu blog lo obtienes de esta forma:

Luego lo pegas en una entrada o como gadget, donde tú prefieras o necesites.

Por ejemplo, un código que copiamos de youtube para ponerlo en nuestro blog tendría la siguiente estructura:

Código de ejemplo

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/zWywb_E3SRA&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zWywb_E3SRA&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Para conseguir que el vídeo se reproduzca solo al entrar en en el blog o en una determinada entrada, después de src nos encontraremos con esta estructura:

src="http://www.youtube.com/v/zWywb_E3SRA&hl=es_ES&fs=1&"

Antes del cierre de comillas " deberemos añadir &autoplay=1 quedándonos finalmente así:

src="http://www.youtube.com/v/zWywb_E3SRA&hl=es_ES&fs=1&&autoplay=1"

Ejemplo:



Sin duda Bruce Springsteen es uno de los maestros de la música y ésta es una de sus mejores canciones, al menos para mí.

¡A disfrutar este truco!

Más Información

Como quitar la fecha de las entradas

Muchos bloggers se preguntan por cómo quitar la fecha de las entradas en el blog. Pues bien, en principio hay dos formas sencillas de eliminar la fecha de las entradas.

La primera consiste yendo a Diseño->Elementos de página->Entradas del blog->Editar. En editar os encontraréis con la siguiente opción:

Debes dejar la casilla sin seleccionar y posteriormente guardar los cambios. Si con esto aún continua apareciendo la fecha en las entradas, deberás realizar cambios en tu plantilla HTML. Esto puede deberse a que no estés empleando una de las plantillas mínimas que nos facilita Blogger.

1) Ves a Diseño
2) Edición de HTML
3) Busca date-header (teclea Ctrl + F para buscar más rápido)
4) Te encontrarás con algo así:

---

h2.date-header {
margin:0;
padding:0;
font-weight:normal;
font-size:10px;
background:#fff;
color:#222}

---

Deberás añadir, respetando la estructura, este código:

---

visibility:hidden;

---

Es decir, deberás quedarte así:

---

h2.date-header {
margin:0;
padding:0;
visibility:hidden;
font-weight:normal;
font-size:10px;
background:#fff;
color:#222}

---

5) Clica en vista previa, y si todo está correcto guarda tu plantilla.

Más Información

Como guardar entradas en PDF

En muchas ocasiones, ya sea por falta de tiempo o porque simplemente no podemos en ese momento, sería útil guardar una entrada de un blog en pdf para así posteriormente poder leerla sin estar conectado a internet.

Gracias a pdfmyurl podemos guardar las entradas de los blogs que queramos. Para ello simplemente entramos en la página y escribimos la URL que necesitemos, por ejemplo:

 

Enlace | pdfmyurl

Más Información

Añadir barras separadoras entre las entradas

Esta es la forma excepcional de cómo poner separadores entre las entradas (post) de nuestros blogspots. Estos separadores son conocidos como dividers y son muy útiles para llevar un correcto orden y claridad en el blog.

Para saber a lo que me refiero puedes ver este ejemplo:

Más Información

Como poner videos de Youtube

Si has empezado recientemente con tu blog quizá te estés preguntando por cómo poner vídeos de Youtube en tu blog. Quizá sea algo muy básico y fácil para unos, pero a día de hoy es algo desconocido para otros. Por eso, hoy, aprenderemos a añadir vídeos de YouTube en nuestro Blogspot.

Una vez hayamos buscado videos en el YouTube y tengamos claro cuál queremos adjuntar en nuestra bitácora, seleccionamos la opción de Insertar. Copiamos el código embed (ratón botón derecho, copiar):




Luego la pegamos en la entrada de nuestro blog. Clica en vista previa antes de publicar si deseas apreciar cuál será el resultado final.



Una vez finalizado el proceso, le daremos a Publicar entrada y nos aparecerá en nuestro blog.

Qué mejor que poner videos graciosos, vídeos con tutoriales, vídeos de alguna noticia reciente, o sobre el tema que quieras tratar en tu blog. Dicen que una imagen vale más que mil palabras. Por tanto, un vídeo todavía más, ¿no crees?

Aquí tienes un ejemplo del resultado:

Más Información