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.

Widget rotador de artículos destacados

El factor principal para que un blog triunfe son los artículos, que deben ser interesantes y originales. Si tus obras, ya sean descripciones, poemas o historias... son apreciadas por los lectores del blog, no dudes en hacer lo posible para que puedan acceder a ellas con facilidad.

Por ello he decidido idear este widget, para difundir de manera divertida los artículos 'destacados' del blog. Usándolo, puedes ofrecer resúmenes con su respectivo enlace al post completo, además de una pequeña imagen.

widget blogger, trucos blogger, Widget rotador de artículos destacados, trucos blog

Puedes ver el truco en funcionamiento accediendo a este blog. La instalación te llevará muy poco tiempo y resulta muy aconsejable.

Diseño>Edición de HTML>expandimos artilugios



Busca la etiqueta </head> y justo encima añade esto:

<style type='text/css'>
#blpostdestacad { width: 200px; height: 230px; border: 1px solid #ddd; background-color: #eee; }
#blpostdestacad a {margin-right:6px; background: #CCCCCC; color:#333333;
float:right; font-size:12px; margin-top:6px; padding:2px;
}
#blpostdestacad a:hover {text-decoration: none; background: #C4C4C4;}
#blpostdestacad div { color:#333333; font-size:12px; height:220px; padding:8px; text-align:left; width:190px; margin-top:0px; font-family:Arial,helvetica,sans-serif;}
bltitulo{font-family:Arial,helvetica,sans-serif; font-size:13px; font-weight: bold;}
#blpostdestacad div img { background:#FFFFFF; border:1px solid #F4F4F4; float:left;
height:80px; margin:2px 8px 0 0; padding:3px; width:80px;}
#blcrr{background: #f2f2f2; padding-left: 4px; width: 80px;
#blpostdestacad div { top: 0; left: 0 }
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js' type='text/javascript'/>

<script type='text/javascript'>
$(&#39;#blpostdestacad&#39;).cycle({
fx: &#39;scrollLeft&#39;,
timeout: 6000,
delay: -3000
});
</script>

Si has instalado previamente el script de jQuery 1.3.2 en tu plantilla con algún otro truco, borra la línea de color grisáceo.

Guarda la plantilla.

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




Introduce el código necesario para mostrar los artículos destacados:

<div id="blpostdestacad"><div>
<img src="URL IMAGEN" width="200" height="200" />
<bltitulo>TITULO</bltitulo><p>CONTENIDO <a href="URL ARTICULO">Seguir leyendo...</a></p>
</div>
<div>
<img src="URL IMAGEN" width="200" height="200" />
<bltitulo>TITULO</bltitulo><p>CONTENIDO <a href="URL ARTICULO">Seguir leyendo...</a></p>
</div>
<div>
<img src="URL IMAGEN" width="200" height="200" />
<bltitulo>TITULO</bltitulo><p>CONTENIDO <a href="URL ARTICULO">Seguir leyendo...</a></p>
</div>
<div>
<img src="URL IMAGEN" width="200" height="200" />
<bltitulo>TITULO</bltitulo><p>CONTENIDO <a href="URL ARTICULO">Seguir leyendo...</a></p>
</div></div><div id="blcrr"><a href="http://goo.gl/favZ"><img src="http://goo.gl/yFZt" /></a></div>

Sustituye en cada caso:

URL IMAGEN con la dirección de la imagen del artículo.
CONTENIDO con un breve resúmen del artículo (aconsejo que no tenga más de 7 líneas).
URL ARTICULO con la dirección del artículo original, la dirección de la entrada (la encontrarás al abrirla, en la barra de direcciones de tu navegador).

En caso de querer añadir más resúmenes, incluye bloques como este:

<div>
<img src="URL IMAGEN" width="200" height="200" />
<bltitulo>TITULO</bltitulo><p>CONTENIDO <a href="URL ARTICULO">Seguir leyendo...</a></p>
</div>

Hazlo siempre antes de la línea </div><div id="blcrr...

Guarda el gadget y habrás terminado.

馬丁 dice...

Nooooooooooooo buenisimo Jaimeeeeeeeeeee este widget me lo llevo de cajón a la tumbaaa jajaja :P . Hablando enserio muy pero muy bueno, lo instalaré para cuando renueve completamente mi blog así daré otra sorpresa más a mis contactos ;) pero mientras tanto dejo el post salvado con candado para que no me lo quiten y de paso me enorgullezco en ser el primero en contestar el mensaje jeje saludos y muchísimas gracias por este gran aporte Jaime.

MaCaPe dice...

Hola Jaime, paso a menudo por tu blog. He utilizado alguno de estos cacharritos que tan amablemente proporcionas. El traductor de banderas ya lo coloqué, es muy cómodo,.. El truco del widget rotador tengo que añadirlo, está genial, pero será un poco más tarde, ahora estoy arreglando el jardín,... Saludos.

Jaime Trujillo Escobedo dice...

¡Graciaaaaaas 馬丁! Cuando vayas a instalarlo avísame ya que la altura y anchura es personalizable por lo que podrás retocarlo conforme a la nueva plantilla ;).

Jaime Trujillo Escobedo dice...

Hola MaCaPe! Acabo de ver el traductor que instalaste; Muchas gracias por comentar. En cuanto necesites ayuda al instalar un truco avísame.

¡Abrazos!

Nav´z dice...

Me parece un muy buen artefacto para el Blog, lo pondré en práctica :D

馬丁 dice...

Jaime Trujillo Escobedo,
Hola Jaime el diseño de la plantilla tendría que instalarlo y listo, pero como se me había ocurrido colocarle una cabecera que abarque todo el ancho del blog quería saber si podrías hacer un posteo (perdón siemrpe molestándote) sobre ese tema ya que mis intentos fueron en vano así ya por último me encargaría de unos últimos retoques incluyendo el "widget rotador de artículos destacados" y listo!!! :D

Chuchi Gonzalez dice...

hola Jaime buenisimo este truco queda hermoso pero me tira error, puedes creer, q tendra mi plantilla??me dice que el the element type html must be terminated by the matchinh end-tag""
AUXILIOOOOOOOOOOOOO, GRACIAS

Nacho dice...

esta muy bueno sabes cual es el problema? que deberias compartirlo sin publicidad de obtener widgets eso no queda bien,asi que por eso solo no lo pienso usar y de onda si compartis hacelo profesional

Jaime Trujillo Escobedo dice...

¡Estupéndo Nav´z!

Jaime Trujillo Escobedo dice...

馬丁, empezaré a preparar la entrada para publicarla cuanto antes y que completes así el diseño de tu blog.

Jaime Trujillo Escobedo dice...

Chuchi, prueba a añadir ambos códigos en el elemento html-javascript (siguiendo el mismo orden) para evitar dicha advertencia. De todas formas, ese error no está relacionado con el truco sino con alguna etiqueta en tu plantilla que necesita un cierre.

Jaime Trujillo Escobedo dice...

Nacho, este es uno de los poquísimos widgets a los que he añadido un enlace. Tan solo he pensado los lectores de otros blogs y su derecho a instalar este widget con un clic. Como ves, yo no obtengo ningún beneficio (es más, no tengo ni publicidad en El Balcón), por lo que no veo la razón para ponerse así.

Creo que el término compartir lo utilizo amenudo, de hecho este blog se creó con ese propósito.

khaled dice...

Hola mi hermano ..
Gracias a mi hermano .. Usted nos ha proporcionado un acceso directo a la maravillosa temas



Hello my brother ..
Thank you my brother .. You provided us with a wonderful shortcut to the topics;)

Jaime Trujillo Escobedo dice...

Gracias a ti, Khaled. Si necesitas alguna otra cosa avísame.

varech dice...

Jaime, ya lo tengo puesto yyyyyyyyyyyyy
me encantaaaaaaaaaaaaaa!!!!!!!
Te hago la ola virtual.
Sólo una preguntita: En el primero que tengo puesto, el título me sale con la "E" suelta al final. Por favor, si te metes, díme cómo la puedo poner bien.
Te debo ya varios jamones:)

Jaime Trujillo Escobedo dice...

Varech!!! En tu blog queda verdaderamente genial. No he podido localizar la E de la que hablas, tan solo el título 'HISTORIA DE LA CAGONLALECHE', que aparece dividido en dos.

Lo más probable es que se deba a un espacio de más en el código. Por otra parte, el resumen de dicho artículo debe acortarse un poco (el enlace para seguir leyéndolo no aparece :S).

Que sean saladitos ^^.

varech dice...

Jajajajajaja...................y con grasilla por dentro jjajajaja...........
Si, voy a acortar un poco la sinopsis, que hay que leerlo a 100 por hora.
Gracias y saludos

Jaime Trujillo Escobedo dice...

Jajajajaja... ¡Perfecto entonces!

A 100 y más rápido, mientras que los demás resúmenes son ideales.

¡Gracias a ti!

Mariona Monrós dice...

Bueníssimo!!!!! muchísimas gracias por este widget!

Jaime Trujillo Escobedo dice...

¡Me alegra mucho que te guste, Mariona!

Carlos dice...

¡¡Excelente!! Uno de los mejores y más útiles widgets que has hecho. Sólo siento que le faltan unos botones como estos.

¿Crees que sea posible que se los pongas? Quedaría genial!

Jaime Trujillo Escobedo dice...

Muchas gracias Carlos! Has tenido muy buena idea. No dudaré en aplicar lo que pides al nuevo gadget (en este no es posible pero publicaré otro más adelante).

Laura (Recetas Trucos y Tips) dice...

me ha encantado, mil gracias por todos tus truquillos.

este blog es súper útil e interesante en serio :)
gracias

Jaime Trujillo Escobedo dice...

Gracias a ti, Laura, por unirte a los seguidores del Balcón. Acabo de descubrir tu blog y pude ver este widget instalado ;).

¡Abrazos!

Nerim dice...

Hola Jaime, ya lo hice y luce esplendido en mi blog.
Gracias por idear, diseñar todos los trucos y aplicaciones para los blogs, eres único.

Mi agradecimiento eterno y mi admiración por tu trabajo.

Jaime Trujillo Escobedo dice...

¡Hola Nerim! Veo que no solo has incuido uno sino que tienes dos y funcionan de maravilla.

Gracias a ti por tanta amabilidad en tu comentario. ¡Abrazos!

yane dice...

HOLAAA MUCHAS GRACIAS POR EL ARTICULO,EN ESTA PAGINA HE ENCONTRADO ARTICULOS MUY INTERESANTES Y MUY PRACTICOS QUE SON DIFICILES DE ENCONTRAR Y DE ENTENDER QUE ES LO MAS IMPORTANTE.GRACIAS NUEVAMENTE, ME HA SIDO DE GRAN UTILIDAD PARA MIS COMIENZON EN BLOGGUER fELICIDADESSSSSSSSS

Jaime Trujillo Escobedo dice...

Hola Yane. Me alegra que lo hayas incluido en tu blog. La próxima vez que dejes un comentario, intenta escribir en minúsculas ya que resulta más fácil de leer ;).

¡Saludos!

Chón dice...

Te espero al anochecer
hola esta entrada me ha gustado muchisimo pero, a mi no me sale el recuadro tal y como en el ejemplo; ami me salen todos los articulos uno tras otro y quedan todos a la vista. he seguido tos tus pasos uno por uno.¿que es lo que he hecho mal?
Un saludo

Jaime Trujillo Escobedo dice...

Chón, si no instalas el widget no podré darte una solución ya que para determinar el error necesito probarlo en tu blog.

Saludos.

Lanux dice...

Jaime habra la forma en que se quede estatico?? yo solo necesito un bloque sin que sea rotatorio.

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