Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Últimas entradas en movimiento (widget de control manual)

Con anterioridad hemos aprendido a incluir en el blog las últimas entradas publicadas con miniatura de imagen, así como las últimas entradas con una etiqueta específica.

En esta entrada aprenderás a incluir un widget muy útil que muestra los artículos recientes de tu sitio web en movimiento y ofrece la posibilidad de personalizar la dirección de esto último por medio de unos pequeños botones.

A continuación puedes ver una imagen del truco. Para comprobar su funcionamiento, accede a este blog.



Diseño>añadir gadget (elemento de página)>html-javascript




Pega este código:

<div id="blssbramn"><div id="blssbra" style="text-align:center;"><a href="javascript:void(0);"onclick="getElementById('blwidgtcn1').direction='up';">
<img src="http://1.bp.blogspot.com/_gjBqKNTws4M/THBe_95v-nI/AAAAAAAAEjg/6b8bG2j_bhw/s320/blpssd1.gif" /></a> <a href="http://goo.gl/4xVx"><img src="http://2.bp.blogspot.com/_gjBqKNTws4M/THBe_zNQIgI/AAAAAAAAEjY/fUUxS--C52o/s320/blpssd.gif" /></a> <a href="javascript:void(0);"onclick="getElementById('blwidgtcn1').direction='down';">
<img src="http://3.bp.blogspot.com/_gjBqKNTws4M/THBfAITwZvI/AAAAAAAAEjo/UDAJkf0I2u8/s320/blpssd2.gif" /></a>
</div><div id="blssbra2" style="text-align:center;"><script src="https://sites.google.com/site/scriptsbalcon/b/blcnmsmuv.txt"></script>
<script language="javascript">
var blnumeroarticc = 8;
var blvelocidads = 2;
var blresumnarticc = true;
var blnumerocaracts = 100;
var blaltuxwidgt = 200;
var blfecharticc = false;
</script>
<script src="http://elbalcondejaime.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div></div>
<style>#blssbramn a{text-decoration:none;}#blssbramn{font-size:12px;font-family:Arial,helvetica,sans-serif;padding: 4px;}.bltituloartccs{font-weight:bold;margin-top:12px;}.bllermas{margin-bottom:20px;padding:12px;}.blfechia{}.blconted{}#blssbra{background:#ffffff;padding-bottom:2px;
padding-top:5px;border:1px solid #B4B4B4;}#blssbra2{padding-bottom:2px;
padding:4px;border-bottom:1px solid #B4B4B4;border-right:1px solid #B4B4B4;border-left:1px solid #B4B4B4;}</style>

Ahora tan solo debes reemplazar http://elbalcondejaime.blogspot.com con la dirección de tu blog o web (sin incluir la barra / al final).

Puedes personalizar el número de entradas a mostrar editando la cifra 8 en la línea var blnumeroarticc = 8;.

También puedes cambiar la velocidad a la que se desplazará el contenido. Aumenta la cifra 2 de la línea var blvelocidads = 2; para que el movimiento sea más rápido o disminúyela para que sea más lento.

Guarda el gadget para terminar.

Si deseas editar el widget en cualquier aspecto (color de texto, color de fondo, ancho o alto...) házmelo saber por medio de un comentario.

Sandra dice...

Prefiero este al que explicaste hace tiempo, es un truco muy util para aquellos que no sabemos como mostrar las novedades del blog. Gracias de nuevo Jaime, como siempre un exito tus explicaciones.

Jaime Trujillo Escobedo dice...

Puede decirse que esta es la segunda versión de aquel truco publicado hace tiempo, Sandra. Me alegra mucho que te haya gustado y que la instalación haya sido sencilla.

Chilaverde dice...

:D

melade dice...

Muy bueno, lo acabo de probar, pero me gustaria saber si se puede poner para q solo muestre los titulos de las entradas, y quitar la parte q dice: seguir leyendo.

Que solo quede linkeable el titulo.

desde ya gracias.

Jaime Trujillo Escobedo dice...

Melade, para mostrar solo los títulos haz lo siguiente:

Reemplaza en el código: var blresumnarticc = true; con var blresumnarticc = false;

Añade en la línea .bllermas{margin-bottom:20px;padding:12px;} los atributos que te muestro en negrita:

.bllermas{margin-bottom:20px;visibility:hidden;display:none;padding:12px;}

Gra dice...

Hola Jaime !.Esto me encantó....pero no me saleeee, buaaaahh!!!!
Al editar el gadget se agregaron al final una etiqueta style y otra div
No se que hice mal!!!????
Saludos!!!!!
GRA

Jaime Trujillo Escobedo dice...

Gra, indícame la dirección de tu blog y lo probaré en mi espacio de pruebas.

Gra dice...

Bieeeennn! ya me salio!!!.que habré puesto al inicio???JA.JA..JA.JA

Una cosilla...digo ya que estamos....como podria añadirle un fondo de color? (mi sidebar no tiene):con un div style background? y reducir el espacio entrelineas de cada titulo.....ya seria demasiado agregarle un puntito a cada titulo, no????.....Que pesada esta chica, no?..bueno, lo que se pueda hacer....

www.esperanzaparaelautismo@blogspot.com

Mil gracias y Saludos!!!

Jaime Trujillo Escobedo dice...

Gra, el punto al final de los títulos no puede incluirse pero la imagen de fondo si.

Añade en el código, después de la etiqueta <style> esta línea de CSS:

#blssbramn{background:url("URL IMAGEN") no-repeat scroll 0 0 transparent;}

Reemplaza URL IMAGEN con la dirección de la imagen de fondo. Guarda el gadget y listo.

Para reducir el espacio entre títulos disminuye la cifra 12 en la línea:

.bltituloartccs{font-weight:bold;margin-top:12px;}.

¡Suerte!

Gra dice...

Hola !!!...uff...perdoname, me expresé mal...queria disminuir el interlineado de los renglones de un mismo titulo...parece un trabalenguas....lo arregle con line-weigth o height ahora no me acuerdo y quedo muy bien....ahora probaré un fondo o quizas con fondo de color me alcance!!!...GRAAACIAS!!!!

Jaime Trujillo Escobedo dice...

¡Jajaja, tranquila Gra! Ahora lo entendí pero como bien indicas, parece que lo has conseguido por tí misma.

Para utilizar un color de fondo recuerda que debes utilizar esta otra línea:

background:#000000;

Y reemplazar #000000 con el código hexadecimal.

¡Gracias a ti por confirmarme el progreso!

Edudemonio dice...

Hola amigo, me parece muy interesante tu página y me ayudará mucho a mejorar mis blogs (tengo varios. He probado esta aplicación y no me funciona, serías tan amable de hecharle un vistazo?
Muchas gracias por tu trabajo, gracias a gente como tu los blogs son mejores.
<a href="http://bienvenidoasantiponce.blogspot.com/">Bienvenido a Santiponce</a>

Jaime Trujillo Escobedo dice...

¡Bienvenido Edudemonio! Bueno, lo primero que debes comprobar es la configuración del feed de tu blog. En esta imagen puedes ver los pasos que debes seguir antes de incluir este truco.

Ha sido un placer leer tu comentario. Desde que necesites cualquier cosa cuenta conmigo.

diego dice...

Hola....mirá tengo este problema.
mi direción es www.meich.com.ar y no me sale al reemplazarlo como dices....que cambio tendría que hacer para que funcione?....gracias :)

Jaime Trujillo Escobedo dice...

Diego, ¿Aún conserva tu blog la dirección .blogspot.com? Quiero decir que si todavía es posible acceder a él (aunque te redireccione al nuevo dominio).

Anónimo dice...

Me ha encantado este widget, pero no le puedo controlar el alto, por más que le puse un código para ello. Se me sale del recuadro que tengo definido para los widgets.
¿Podrías indicarme cómo y dónde modificar este aspecto?
Gracia de antemano.

Jaime Trujillo Escobedo dice...

Anónimo, necesito la dirección de tu blog para poder ayudarte. Tal vez solo tengas que incluir una simple línea pero tendré que realizar una prueba.

Claudia dice...

Hola
No me quedó bien. Las flechitas de arriba están locas y aparecen en forma vertical, no horizontal
www.lasnoticiasya.com

Jaime Trujillo Escobedo dice...

Claudia, instala el gadget en la barra lateral de tu blog y no en el footer. De esta forma podré dar con el atributo a modificar dentro de las propiedades del pie del blog.

SomosCarboneros dice...

Hola, me encanto este gadget, esta muy bueno.
Yo quiero hacer una cosa, pero no tiene que ver con este gadget y pienso que tu lo sabes hacer.
Es por ejemplo poner en el blog las ultimas entradas pero tipo que se vea la imagen, el titulo abajo (con resumen) y vayan pasando las ultimas noticias.
No me explico bien, te dejo una pagina que fue puesta en un comentario que justo esa opción la tiene.
http://lasnoticiasya.com/
Contra la izquierda tiene ese gadget.
Bueno, muchas gracias y ojala que me puedas ayudar, saludos.

Jaime Trujillo Escobedo dice...

Tengo pensado explicar algo muy similar a lo que pides, SomosCarboneros. Puedo adelantarte que el contenido deberá incluirse manualmente.

En breve dispondrás del tutorial. ¡Saludos!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo