Adiccion Blogger

Ya antes había publicado una entrada para agregar un botón que permitía subir dentro del blog , ahora, y por curiosidad de "ÐŖǻĜǾŊ ÃζЏĿ", les muestro otra forma que además de darnos el botón de subir, se adiciona el botón para bajar, todo esto con un efecto deslizante en jQuery. Los pasos a seguir son muy sencillos, básicamente se trata de lo siguiente: Libreria jQuery (para hace el efecto). Elemeto en el Blog (Donde lo vamos a poner dentro del blog). Css. (para que se vea chulo de bonito!). Si quieres ver el demo, da clic aquí. Habiendo dicho esto, comencemos con la implementación. Paso 1. Elemento jQuery. ¡Importante! Si ya tienes la librería, omite este paso. En nuestra plantilla (Diseño>>Edición HTML) buscamos </head> y pegamos el siguiente código: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/> Paso. 2 Pegamos el elemento en el blog En la plantilla buscamos </body> y justo ante...

Parte importante de un blog desde mi perspectiva, son las sugerencias del cheff, es decir, aquellas entradas que consideramos destacadas y que podrían interesar a gran parte del público que nos visita, estas recomendaciones deben ser visibles y atractivas para motivar a que nuestros lectores den el ansioso "clic". Hoy presentare una manera muy sencilla de agregar a nuestro blog las entradas recomendadas con un bonito efecto de jQuery, que consiste en que cuando se pasa el mouse sobre la imagen, esta se desliza y muestra una descripción breve de la entrada. Habiendo dicho todo este choro, procedamos a cocinar nuestro platillo de hoy :) y lo realizaremos en 4 sencillos pasos: Intalación del script jQuery (no te espantes, solo es copiar y pegar un código que sirve para dar el efecto deslizante). Agregar maquillaje CSS... de pond's (para que se vea chulo!). Agregar las entradas en donde queremos. Configuramos los enlaces y las imágenes de las entradas. Manos a la obra... Mand...

El siguiente truco, tiene como objetivo, mostrar las últimas entradas en nuestro blog con una imagen en miniatura lo que le da una muy buena vista al blog y le permite al usuario ver de manera mas sencilla otras entradas. El truco es muy sencillo, de hecho es un widget que proporciona el mismo Blogger por lo que no necesita scripts, ni siquiera nos tenemos que meter a editar la plantilla, lo único que tenemos que hacer es lo siguiente: Vamos a Diseño>> Elementos de página>> Agregar un gadget En la ventana que nos aparece, vamos al cuadro buscar y tecleamos "recent posts" y de las opciones que nos da, seleccionamos el que dice "recent posts advanced" tal y como se muestra en la imagen: Ahora solo falta configurarlo, lo cual es muy sencillo, solo tenemos que especificar el titulo, la dirección de nuestro blog, cuantas entradas queremos que aparezcan y una serie de aspectos que podemos comprobar con la vista previa en la misma configuración. ¡Listo! ahora y...

Esta opción, nos permitirá tener dos enlaces de suscripción para nuestros lectores, uno por correo y otro por RSS, ambos estarán en el mismo campo, lo que nos ahorrara valioso espacio ^^ Además, tendremos un icono que nos llevara a una explicación de lo que es RSS (el vínculo puede estar en tu blog o donde quieras). Espero que les sea muy útil. Consideraciones Si aún no sabes que es RSS entra aqui Para este truco necesitamos de feedburner, esto nos permitirá crear los enlaces a RSS y correo. Guarda una copia de tu plantilla por si las moscas ¬¬ (o sea, por si la embarramos :P). Este truco lo haremos en 3 partes: Maquillaje (CSS) Instalación Configuración Paso 1 Maquillaje (CSS). Entramos a Diseño>>Edición HTML y en la plantilla buscamos (CTRL + F) ]]></b:skin> y justo antes pegamos el siguiente código: Ver/ocultar código /* Subscription style */ #feedlink { font-weight: bold; padding-left: 22px; background: url(http://i296.photobucket.com/albums/mm171/kalsi72/ico_feed.p...

Paseando por el Blog de Pizcos (una eminencia en Blogger) me encontré esta maravilla, con este truco tendrás un botón fijo, justo en la esquina inferior derecha (o donde gustes ponerlo) cuya finalidad es llevar al lector al "top" de la pagina, todo esto, con un elegante efecto deslizante y por si fuera poco, además, desaparece al llegar al top. Nota: Oloman (otra eminencia en Blogger) me ayudo a identificar que este último efecto (desaparecer) no funciona con algunas librerías, por ejemplo "Scriptaculous" así que si notas que no se aplica el último efecto, es probablemente por esta razón. Explico como se hace y para que no se me pierdan lo haremos de la siguiente manera: Creamos Copia de seguridad (mandamiento Blogger). Colocamos el script (es el que hace posible los efectos). Colocamos el botón. Y le damos forma, color y sabor para que quede lindo ^^ Paso 1. Respaldo Guarda una copia de tu plantilla por si las moscas ¬¬ (o sea, por si la cagamos). Paso 2. Script ...

Una de las cosas elementales que como bloguero debemos tener, es la plantilla, tema o template de nuestro blog, poéticamente hablado, es algo así como la piel de nuestra esencia. Hoy día hay infinidad de sabores, formas y colores y de verdad que en ocasiones es difícil decidirse por alguna, en mi caso he pasado por varias pieles jejeje quizás 4 o 5 y es que cuando ya tengo una adaptada y modificada pues.... "alguien" hace una mas atractiva y digo.... ¿la cambio? lo primero que me hace dudar es la cantidad de adecuaciones que ya tiene la actual, pienso el el widget de "los últimos comentarios", el truco de " leer mas ", el siempre fiel "botón para subir" en fin, ya después de los momentos melancólicos finalmente me decido a hacerlo :) además, me sirve para ejercitar la aplicación de los truquillos jeje y siento que con cada cambio me vuelvo un poco más hábil en el lenguaje de las plantillas, aún me falta, si me comparo con los masters de la bl...

Una de las aplicaciones que considero mas importantes en Blogger, sin duda alguna es la de "Leer más" o "Readmore" ya que nos da muchas ventajas como son: Mostrar las primeras lineas de cada uno de nuestros post a manera de resumen Ayuda a tener un Blog bastante ordenado y presentable Nuestros lectores (¬¬) pueden ver más de un post en la pantalla sin tener que bajar con la barra de desplazamiento. Este truco lo vi en ChicaBlogger , sólo que ahora lo presento con algunas modificaciones, ya que le inclui un marco a las imágenes y justificación al texto resumido, para que nos quede todavía más estético. Instrucciones. (recuerda que uno de los mandamientos de todo buen blogger es que guardaras una copia de seguridad de tu plantilla, antes de cualquier experimento). 1.- Nos vamos a Diseño >> Edicion de HTML y en nuestra plantilla buscamos: (Copia y pega) </head> y antes de esta etiqueta pegamos el siguiente código: (Copia y pega) ...