Glider: Mostrar entradas destacadas

4 de marzo de 2010 104 comentarios ,
Son muchos quienes piden un gadget que muestre las entradas destacadas en forma de slide, es decir que se desplace el resumen de la entrada junto con una imagen representativa, así que podemos hacerlo usando JQuery y un script de Dynamicdrive.
Para que sepas mejor de qué hablo puedes ver un ejemplo en este blog de pruebas.

Ponerlo en el blog no es complicado pero el sistema no es automático, así que cada vez que se desee que se muestren otras entradas se tiene que editar dicho gadget, así que no es un gadget para perezosos.

Para empezar entramos en Diseño > Edición de HTML y pegamos antes de ]]></b:skin> lo siguiente:
#glidercontent{
margin:0px 0px 20px 10px;
font-family: 'Lucida sans unicode', tahoma, Verdana, Arial, Sans-Serif; /* Tipo de letra */
background:#ccc; /* Color de fondo */
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border: 1px solid #000; /* Color del borde */
}
.glidecontentwrapper{
position: relative;
width: 480px; /* Ancho */
height: 250px; /* Alto */
overflow: hidden;
padding:0;
margin:0;
}
.glidecontent{
position:absolute;
padding:20px 10px 0px 8px;
width:445px;
color:#fff; /* Color del texto */
background:#ccc; /* Color de fondo */
margin:0px 0px;
height: 250px;
overflow:hidden;
float:left;
}
.glidim{
float:left;
width:150px;
}
.glidim img{
margin:10px 5px 5px 10px;
padding:3px 3px;
background:#fff; /* Color de fondo de las imágenes */
}
.glidmeta h2{ /* Propiedades de los títulos */
margin:0px 0px 5px 0px;
font-size:20px;
font-weight:bold;
overflow:hidden;
height:27px;
}
.glidmeta h2 a:link, .glidmeta h2 a:visited{
text-decoration:none;
color:#fff; /* Color del texto del título */
}
.glidmeta{
float:right;
text-align:justify;
width:260px;
padding:0 10px 0px 5px;
margin:10px 0px 0 0;
color:#fff;
font-size:12px;
}
.gmore{ /* Propiedades del enlace Leer más */
float:right;
height:28px;
background:#585858;
width:75px;
line-height:30px;
padding-left:27px;
font-size:12px;
margin-top:5px;
}
.gmore a:link, .gmore a:visited{
color:#fff;
}
.gnav{
width: 100px;
height:50px;
z-index:150;
float:right;
padding-right:25px;
}
.glidecontenttoggler{
height:35px;
z-index:150;
width: 940px;
}
.glidecontenttoggler a{
display: -moz-inline-box;
display: inline-block;
color: #000;
font-weight: bold;
text-decoration: none;
}
.glidecontenttoggler a.selected{
background: #E4EFFA;
color: #000;
}
.glidecontenttoggler a:hover{
background: #E4EFFA;
color: #000;
}
.glidecontenttoggler a.toc{
}
.glidecontenttoggler a.prev{ /* Flecha izquierda */
top:5px;
right:42px;
position:absolute;
display:block;
background:url(http://2.bp.blogspot.com/_dsEG33PDaHw/S47Ce61OscI/AAAAAAAAANo/zjzEoN6jwP0/s400/left.png)no-repeat left;
height:29px;
width:40px;
}
.glidecontenttoggler a.next { /* Flecha derecha */
float:right;
display:block;
background:url(http://2.bp.blogspot.com/_dsEG33PDaHw/S47CfGWB-NI/AAAAAAAAANw/OynjKKmZtn8/s400/right.png)no-repeat right;
width:40px;
height:29px;
position:absolute;
top:5px;
right:15px;
}


Luego pegamos antes de </head> el contenido de este archivo. Y esto:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>


Ahora ahí mismo en Edición de HTML y SIN expandir los artilugios buscamos esta parte:
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>

Si no lo tiene tu plantilla puedes ponerlo debajo de <div id='main-wrapper'> aunque si el ancho de tus entradas es menor a 480px el gadget no se mostrará por completo.
En fin, pegamos debajo de esa línea lo siguiente:
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>
featuredcontentglider.init({
gliderid: &quot;glidercontent&quot;,
contentclass: &quot;glidecontent&quot;,
togglerid: &quot;togglebox&quot;,
remotecontent: &quot;&quot;,
selected: 1,
persiststate: true,
speed: 200,
direction: &quot;leftright&quot;,
autorotate: true,
autorotateconfig: [5000, 1] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>

<b:section class='glide' id='glide1' showaddelement='no'>
<b:widget id='HTML99' locked='true' title='Glider: Contenido destacado' type='HTML'/>
</b:section>
</b:if>

Guarda los cambios y ahora entra en Diseño > Elementos de la página y verás un nuevo gadget llamado Glider, haz click en Editar.
Ahí pega esto:
<div class="glidecontent">
<div class="glidim">
<a href="URL de la entrada"> <img src="URL de la imagen" width="100" height="100" /> </a>
</div>
<div class="glidmeta">

<h2><a href="URL de la entrada">Título de la entrada</a></h2>
...Aquí va el resumen de la entrada...

<div class="gmore">
<a href="URL de la entrada">Leer más</a>
</div>
</div>
</div>

Cambia donde se indica la URL de la entrada del post al que llevará, así como la URL de la imagen.
Si quieres cambiar el tamaño de la miniatura busca en este último código donde dice width="100" height="100" y cámbialo por otros valores.
Puedes poner tantas entradas destacadas como quieras sólo pega debajo de ese mismo código un código igual (con distintos datos obviamente) por cada entrada que quieras mostrar en el gadget. Este gadget puede servirte para promocionar las entradas que quieras que tus lectores vean.


104 comentarios en:

" Glider: Mostrar entradas destacadas "

  1. Jjejejej pues se ve muy bien el efecto.
    Olle potro una pregunta. Tu sabes como crear un script?

    ResponderEliminar
  2. una pregunta, solo se puede poner en el main o tmb lo puedo poner en la sidebar?

    y si lo pongo en una sidebar el codigo que va debajo de div main-wrapper, lo tendria que poner debajo del codigo de div sidebar-wrapper' ?

    un abrazooo

    ResponderEliminar
  3. y otra pregunta mas :P re molesto era jaja, entre al blog de pruebas y veo que solo se mueve automaticamente con 2 de las 3 entradas y ahi queda clavado, es asi o se puede hacer que valla rotando indefinidamente?

    ahora si, no te molesto mas, un abrazo grande

    ResponderEliminar
  4. Potro, me gusta esto y espero proximamente utilizarlo, pero la molestia es para saber cómo le hago para que la gente que entre a un blog se vaya automáticamente a otra dirección

    ResponderEliminar
  5. Hola Potro, ole, ole y ole, esta super bueno este script, me gusta mucho más adelante lo probaré en algunos de mis blog.

    Un saludo!

    ResponderEliminar
  6. No me funciona. http://kishaper.blogspot.com/

    Un Saludo:
    Muzgo

    ResponderEliminar
  7. Era lo que yo quería ;)
    Dentro de un tiempo lo utilizaré en mi blog, así que ahora a guardar en marcadores ;)

    ResponderEliminar
  8. Wow esta genial el truco, te volviste a lucir.

    Pero, ¿no alenta la carga de la pagina?
    lo digo por que tengo varias cosas.

    saludos.

    ResponderEliminar
  9. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  10. Buena entrada mi estimado potro

    probando...

    ResponderEliminar
  11. jeje exelente pero muy confusi jeje

    ResponderEliminar
  12. PepeX, sólo funciones muy básicas, me parece que Jaime sabe mucho más sobre el tema.

    Ezequiel, exacto, puedes ponerlo donde quieras y de ser en la sidebar sería donde has mencionado. En el penúltimo código hay un apartado para configurar lo de las rotaciones pero yo lo he intentado con varios valores y con todos sigue mostrando solo dos :(

    dajaroma, necesitas redireccionar el blog al que entran tus lectores por el que quieres que los envíe.

    Eduardo Sanguino, ojalá todo te resulte ;)

    muzgo webmaniatico, este gadget funciona con JQuery y tú usas Scriptaculous y como ya se ha mencionado cientos de veces no son compatibles, por eso no funciona.

    Ascesino96, cambiando el fondo por una imagen seguro quedará mejor.

    El Venado, todo lo que se agregue va alentar la página, aunque sea mínimo pero lo hará, aunque la ventaja es que el contenido del script lo ponen directo en la plantilla lo cual no hace que tarde tanto.

    cocke69, qué bueno que te ha gustado :)

    ResponderEliminar
  13. animesuperinmortal, parece complicado pero no lo es, lo que sí es que requiere de estar siempre actualizando las entradas destacadas, pero bueno, hay que quienes le dedican bastante tiempo a su blog :)

    ResponderEliminar
  14. Potro lástimosamente no me funcionó, en otra será.

    ResponderEliminar
  15. Parece que no está funcionando muy bien el script, veré si encuentro un método más adecuado para todos.

    Saludos.

    ResponderEliminar
  16. oye potro kisiera ver si me pasas el template este que tienes de tu blog!! porfavore// el template es REVOLUTION CHURCH???

    ResponderEliminar
  17. oye potro me ayudas?
    en este blog
    http://labloggeteria.blogspot.com
    aparece una barra por ejemplo para subir bajar
    algo asi la tiene doble
    ayudame a quitarla
    y si no lo entiendes visitalo
    grax

    ResponderEliminar
  18. Wow!!! y se puese personalizar todo! hasta las flechas todo todo!!! Se me van las ganas de usar estos trucos :( están fantásticos!!! Ya me has convencido Bro, nunca te quedarás sin trucos, siempre tienes un "haz bajo la manga" para sorprendernos.

    Lo único malo es que dan ganas de tener todos estos trucos en el blog!!! Te estas convenciendo en un "Narco" ... nos estas haciendo adictos a tus trucos XD jaajajaja

    Un abrazo!!!

    ResponderEliminar
  19. Gracias por el consejo ;)
    Por sierto, mis ideas no paran, y sabes, inauguré (mejor dicho, estoy inaugrando), un chat para bloggers y cybernautas...
    Está bueno... jeje XD Y nos divertiremos mucho ya que podrmeos hablar al instante sin actualizar y eso, jeje XD
    Un saludo y bueno, la url está en mi perfil de blogger, jeje XD

    ResponderEliminar
  20. Hola d nuevo

    si potro no funciona muy bn... cuando lo pongo en los sidebar me cubre a los demas y no se que moverle para que se ajuste al espacio donde debe estar.

    Y las flechas no las visualiza no se xq, lo copie asi como esta y nada..!!

    ResponderEliminar
  21. Algo largo el Codigo pero me dan ganas de ponerlo se ve muy bien, lo malo es que lo colocare unos dias si me alenta demasiado la carga de la pagina lo quito

    Hay JQuery que bueno salio eso.

    Felicidades Potro por esto

    ResponderEliminar
  22. Hii

    Ya veo mi problema no es que el code este mal sino q uso Scriptaculous jojo vivi engañao todo este tiempo ¬_¬

    SALUDOS..!!

    ResponderEliminar
  23. muy bueno!! gracias potro lo colocare en mi blog.
    por cierto queria hacerte una pregunta desde hace unos dias e querido agregarle a mi blog un traductor pero no e encontrado uno que me funcione, un saludo y ojala me puedas ayudar. =)

    PD: te e enviado un correo

    ResponderEliminar
  24. oye potro me ayudas?
    en este blog
    http://labloggeteria.blogspot.com
    aparece una barra por ejemplo para subir bajar
    algo asi la tiene doble
    ayudame a quitarla
    y si no lo entiendes visitalo
    grax

    ResponderEliminar
  25. ¿Funcionaría metido en un gadget html?

    ResponderEliminar
  26. Hola potro yo molestando otra vez :(, ahora no entiendo porque los post aparecen dobles, si es algo extraño si se entra a el post aparece la informacion desde el principio pero dos veces y en todos los post :(
    ayuda!

    ResponderEliminar
  27. Microboy90, búscala en Btemplates.com

    Blogio, no veo ninguna barra doble en el blog :S

    Alex, si quieres mejor espérate a que publique un par de opciones más para que tengas donde elegir.

    cocke69, a mí igual a veces se me olvida :p

    samantha, hay uno que recién acaba de explicar JMiur, quizá te interese: http://vagabundia.blogspot.com/2010/03/translatethis-un-boton-en-lugar-de-la.html

    José GDF, debería pero es bastante caprichoso el script.

    fabian, entré a tus dos blogs y en ninguno vi entradas duplicadas :S

    ResponderEliminar
  28. Aclaro es en tecno compu, por ejemplo en
    http://www.tecnocompu.org/2010/01/nieve-en-photoshop.html
    aparece todo dos veces el video la info, imagenes e,t,c. Asi pasa en las otras :s

    ResponderEliminar
  29. brother, jajajaja, es que somos como niños que todo lo que vemos queremos :D

    Ascesino96, ya me daré mi vuelta ;)

    fabian, ya veo ¿hiciste una modificación a la plantilla?

    ResponderEliminar
  30. Perdona el Potro, pero es que no entiendo nada de eso XD, pero gracias por decirmelo y tener tanta paciencia.
    Una entrada genial.

    Un Saludo:
    Muzgo Webmaniatico

    ResponderEliminar
  31. Wenas... me gusto mucho esto... esto es lo que estaba buscando  o algo parecido asi que puse en mi blog el de "mostrar la primera entrada de forma distinta" pero en fin... esto es lo que quiero lo puse pero no me aparecen estas lineas en mi plantilla "

    <div id='crosscol-wrapper' style='text-align:center'>

    <b:section class='crosscol' id='crosscol'/>"


    Ni tampoco me sale esta linea "<div id='main-wrapper'>"


    Saludos ojala me puedas Ayudar D: ....

    ResponderEliminar
  32. que onda potro , te la rifaste hermano,vere si luego se la aplico a mi blog, y por cierto una pregunta brother, saves donde puedo encontrar una plantilla que sea de temas relacionados con construccion , ya he buscado en btemplates.com y no encuentro nada, y tampoco soy muy maniaco como para hacerla :), espero y me puedas ayudar.

    ResponderEliminar
  33. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  34. te hago una pregunta: ¿como hago para poner 2 videos por ej. de youtube en una entrada y que ambos esten al lado y no uno debajo del otro?

    ResponderEliminar
  35. muy grosso, justo lo q t habia pedido... una lastima q ande solo para las plantillas básicas q t da blogger o alguna muy simple, xq a mi no me funciona ni ahí!
    solo me deja poner el glider debajo de div id='main-wrapper' y me termina kedando cualkier cosa.
    igualmente gracias x el aporte.

    ResponderEliminar
  36. Jajajajajaja...es verdad!!! de hecho cuando vi a katty también la quise! XD

    ResponderEliminar
  37. MCarlitooH2, ¿en cuál blog no aparecen esas líneas?

    madmike, no tengo idea, BTemplates me parece la más completa en plantillas así que fuera de ahí no sé dónde más podrías buscar.

    jonathan pucheta, pon el segundo código del video seguido del primero sin dejar espacios.

    bro, y si está vestida como niñera pues más!

    ResponderEliminar
  38. En el mismo de siempre

    http://www.carlitocomparte.blogspot.com/

    Saludos ;) , Espero respuesta

    ResponderEliminar
  39. Hola Potro, mi primer comentario
    Creo que no le está funcionando a la gente por que los que no tenemos en nuestra plantilla (div id='crosscol-wrapper' style='text-align:center')
    (b:section class='crosscol' id='crosscol'/) , al pegar esto y el siguiente párrafo habría que cerrar div al final.

    Una pregunta: ¿Por que se monta el script sobre el título de las entradas? no se ven.

    ResponderEliminar
  40. MCarlitooH2, intenta pegarlo después de <div id='content'>

    Alberto, quizá hace conflicto con los estilos, lamentablemente es difícil atinarle a todas las plantillas, cada una maneja estilos muy diferentes.

    ResponderEliminar
  41. Muchisimas gracias... estoy probando distintos modos de ponerla ahora la tengo abajo a la derecha veela como me quedo...

    Saludos y mil gracias

    http://www.carlitocomparte.blogspot.com/

    ResponderEliminar
  42. hola potro..
    de nuevo yoo mira sera ke puedes volver a montar el archivo ke hay ke descargar? ps intento descargarlo y parece ke el enlace esta roto.! xfa si puedess hacerlo te lo agradeceria mucho. bye.!

    http://inwebmusical.blogspot.com

    ResponderEliminar
  43. El enlace está funcionando sin problemas, ya lo he probado y no está roto.

    Saludos.

    ResponderEliminar
  44. Potro, ¿como puedo hacer que mis entradas se abran en iframe para que al presionar los botones de pagina no se carge toda la pagina de nuevo sino solo el iframe?
    Muchas gracias

    ResponderEliminar
  45. No se puede hacer ya que las entradas no es una página independiente a la página del blog, sino que es parte de ella.
    Además en caso de que se pudiera (lo dudo mucho) esto te afectaría en cuanto a posicionamiento, pues los robots suelen no indexar los iframes.

    ¡Saludos!

    ResponderEliminar
  46. Potro hace bastante tiempo que no posteaba, esto del Glider me intereso para promocionar noticias nuevas, el drama es que me queda posicionado sobre el primer post.

    Date una vuelta en mi blog para que te des una idea de la planilla y como como puedo modificarla para insertar el glider entre la barra de menus y el primer post te agradeceria tu ayuda.

    Quedo a la espera de tu respuesta

    http://pasionportemuco.blogspot.com

    ResponderEliminar
  47. Hola RonnyTemxcano,

    Este gadget no funciona muy bien con todas las plantillas. Más adelante publicaré otro que se adapte mejor a la mayoría.

    Saludos.

    ResponderEliminar
  48. Lo usaré en mi nuevo diseño... muchisimas gracias, es loq que buscaba.

    ResponderEliminar
  49. Ojalá te sea útil, ya que en muchas plantillas no funciona :(

    ResponderEliminar
  50. hola tengo un problema con este efecto bueno todo sale bien al hacerlo sino que el problema es que cuando pone el cuadrado de las entradas destacadas tapa las entradas publicadas y no se por que pasa eso en tu blog de prueba veo que no sale eso y por que en el mio si me gustaria que me ayudes con esto espero tu respuesta o enviame un mensaje a mi correo que es: fred_2789@hotmail.com es urgente y gracias por todo.

    ResponderEliminar
  51. No lo veo puesto en tu blog pero igual este gadget da muchos problemas, quizá sea mejor que consideres este otro.

    ResponderEliminar
  52. Saludos Potro excelente tu espacio...

    He intentado colocar este Gadget pero no ubico en la plantilla las líneas:

    div id='crosscol-wrapper' style='text-align:center
    b:section class='crosscol' id='crosscol'/

    Ni

    div id='main-wrapper'

    Será que se puede usar en la plantilla que estoy usando...?

    Esta es la dirección: http://administracionyliderazgo.blogspot.com/

    Te agradecería tu ayuda, me gusto mucho ese efecto...

    Héctor

    ResponderEliminar
  53. Puedes ponerlo debajo de:
    <b:section class='main' id='main' showaddelement='no'>

    ResponderEliminar
  54. hola Potro, uso Scriptaculous.... alguna alternativa para poder utilizar uno similar?

    Gracias amigo.

    ResponderEliminar
  55. Ummm no conozco alguna galería que trabaje con Scriptaculous pero si llegara a encontrar algo lo publicaré para que lo pruebes.
    Saludos.

    ResponderEliminar
  56. potro, pero cómo mover (desde elementos de página) el nuevo gadget par ubicarlo donde quiera. queda fijo bajo el menú

    ResponderEliminar
  57. En el penúltimo código busca donde dice locked='true' y cámbialo por locked='false', ya con eso podrás arrastrarlo a donde quieras desde Elementos de la página.

    ResponderEliminar
  58. Quisiera sacar este Glider: Mostrar entradas destacadas ya puesto en mi blog o saber como cambiarle el color podrias decirme como. gracias

    ResponderEliminar
  59. En el primer código está en color verde la anotación de dónde se cambia el color de fondo.
    Si quieres sacarlo sólo elimina todo lo que has agregado que se menciona en esta entrada y listo.

    ResponderEliminar
  60. Potro, hay forma de que los posts vayan cambiando cada "x" segundos?

    ResponderEliminar
  61. En el penúltimo código busca donde dice speed: 200, esa es la velocidad.

    ResponderEliminar
  62. otra pregunta, podrías dar un código para hacer uno como el glider de esta página: http://techtastico.com/

    ResponderEliminar
  63. No sé qué script sea, después en un rato que tenga veré si lo consigo, si puedo hacerlo lo publico.

    ResponderEliminar
  64. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  65. Soy Federico del blog www.cuerveriaweb.blogspot.com y No me funciona muy bien este Glider , ya que me quedo arriba de las entradas y veo que las flechas para correr entradas no aparece. Espero tu respuesta y desde ya muchas gracias..
    Att: Cuerveria Web

    ResponderEliminar
  66. amigo potro mira mi blogger http://bestiagames.blogspot.com/ necesito un glider parecido al de este sitio http://pidetusjuegosparapc.blogspot.com/ sera que me podes colaborar ?

    mi email es uribetolima@hotmail.com

    saludos....

    y exitoss en tu proyecto espero respuesta pronto ;)

    ResponderEliminar
  67. CS2010, por desgracia este gadget no funciona muy bien en todas las plantillas, quizá quieras considerar este otro.

    diego8110, no conozco ese slider pero ya lo tiene incorporado esa plantilla.

    ResponderEliminar
  68. tengo una dudaª
    muchos blogs pueden poner letras raras y no las normales,
    no se como lo hacen, y quisiera saber si yo puedoª
    gracisaaa :)

    ResponderEliminar
  69. Hay algunos scripts que permiten hacer eso, uno de ellos es Cufon. En esta entrada de Oloblogger explican cómo instalarlo:
    http://oloblogger.blogspot.com/2010/02/bpt-intalar-cufon-en-blogger.html

    ResponderEliminar
  70. Hola Potro....(hoy te voy a marear un poco!!) ;.)
    no estoy segura si es esto, pero me gustaria que debajo de cada entrada aparezcan tres imagenes (fotos) de otras entradas relacionadas y de interés...como puedo hacerlo?¿?

    MUCHISIMAS GRACIAS!!!
    Paqui de Miss-pereas

    ResponderEliminar
  71. Hola Paqui,

    Mira esta entrada de Rosa que explica un método para hacerlo:
    http://elescaparatederosa.blogspot.com/2009/04/linkwithin-entradas-relacionadas-con.html

    ResponderEliminar
  72. Buenas potro, por fin he encontrado el template que más o menos queria. Estoy traduciendolo y cambiado los links a facebook rss y demás cosas. De momento va bien, lo único que no se hace es que la plantilla viene con un slide de las noticias y no se como hacer para que se vean. Esta es la url del blog de pruebas http://pruebasposch.blogspot.com/ a ver si tu lo ves. Gracias

    ResponderEliminar
  73. una pista que acabo de encontrar:

    4.Featured Post slideshow

    For Featured Slideshow you need to create the label exactly like this ‘Featured’ and post your featured posts in the Featured label section,it will be displayed automatically in Featured Articles section.

    Que quiere decir que si pongo entradas con la etiqueta Feauterd saldran en el slide no?

    ResponderEliminar
  74. Eso parece ser, no conozco la plantilla y si no me equivoco está hecha con Aristeer lo que lo vuelve más complicada, pero al menos con el texto que mencionas sí refiere a que las entradas deben tener esa etiqueta para que aparezcan en el slider de forma automática.

    ResponderEliminar
  75. Lo utilizaré! definitivamente :3
    Y por cierto, leyendo tu página he aprendido una barbaridad xD
    y sobre algo que no tenía ni idea de que me gustara O.O
    Así que gracias otra vez, Potro ^^
    Y sabes si hay otros modelos para este mismo gadget?
    Rizel

    ResponderEliminar
  76. Pues qué bueno que estás aprendiendo, la verdad es que yo también aprendo todos los días con ustedes así que ambos nos retro-alimentamos.
    De este gadget no sé, pero en la sección Slideshows hay otros sliders que puedes usar ;)
    Saludos.

    ResponderEliminar
  77. men no me aparesen niguna de las lineas que pusiste para busca la plantilla que uso es

    www.flownesio.blogspot.com

    las lineas ya sabes cuales son es que esta cosa no me dejaba ponerlas :s me decia eso
    Su HTML no es aceptable: Etiqueta no permitida: DIV

    ResponderEliminar
  78. Ponlo entonces debajo de:
    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol'>

    ResponderEliminar
  79. men tampoco me aparesen :s ninguna de esas dos

    ResponderEliminar
  80. Sí está en tu plantilla. No busques las dos al mismo tiempo, busca una o la otra, y hazlo sin expandir los artilugios.

    ResponderEliminar
  81. men asi fue q las busques y no aparesen :s saludos

    si entonses esa no funciona no aparesera algo igual este mira

    soydebarrio.com ese mismo que esta debajo del logo saludos :)

    ResponderEliminar
  82. Entonces debajo de esto:
    <div class='region-inner tabs-inner'>
    <b:section id='crosscol' maxwidgets='1' showaddelement='yes'>

    ResponderEliminar
  83. mira esto me dise :s

    La plantilla no es válida. Por favor, asegúrate de que el formato es correcto y de que cumple con las especificaciones de lenguaje de plantilla de Blogger.

    Error 500

    ResponderEliminar
  84. Pues según ese mensaje estás colocando algo mal. Nada de eso debe suceder si se agrega todo en el lugar correcto y sin eliminar nada por error.

    ResponderEliminar
  85. una pregunta se podria poner dentro de una entrada

    ResponderEliminar
  86. lo logre poner en la entrada pero no me funciona el efecto para ver las demas entradas solo me muestra la ultima entrada puesta

    ResponderEliminar
  87. esta es la url de donde lo coloque http://animemusic2012.blogspot.com

    ResponderEliminar
  88. quiero utilizarlo para mostrar las nuevas entras de las secciones en la paguina principal

    ResponderEliminar
    Respuestas
    1. El script lo has puesto dentro de los estilos, ahí no sólo no lo reconocerá sino que afectará todos los estilos que haya debajo. Quítalo de ahí y ponlo antes de </head> pero, ya no pongas esta parte:

      <b:section class='glide' id='glide1' showaddelement='no'>
      <b:widget id='HTML99' locked='true' title='Glider: Contenido destacado' type='HTML'/>
      </b:section>


      Luego, el código que pusiste en tu entrada enciérralo entre:
      <div class='glide' id='glide1'> y </div>

      Eliminar
    2. lo probe y no me funciona sigue igual

      Eliminar
    3. Ponlo primero en un gadget tal como se explica en la entrada para que primero te asegures que no tengas un conflicto con los scripts, porque veo que ya tienes algunos scripts de jQuery así que esos mismos pueden ser los responsables de que siga sin funcionar. Si ya después de ponerlo en un gadget ves que funciona entonces vemos la posibilidad de ponerlo en las entradas.

      Eliminar
  89. y se podria modificar el codigo de esta pajina para que muestre las imagenes tambian http://www.compilador.net/2009/03/mostrar-mas-de-5-entradas-recientes-en.html

    ResponderEliminar
    Respuestas
    1. Eso tendrías que preguntárselo al dueño de ese blog ;)

      Eliminar
  90. y como podria hacer para ponerlo dentro de una entrada

    ResponderEliminar
  91. de ninguna manera no me sirve no fuciona ni como dagets

    ResponderEliminar
    Respuestas
    1. No veo que lo tengas en un gadget como se indica la entrada, mientras no esté puesto como se indica será complicado ver por qué no funciona.

      Eliminar
  92. No se como hacerlo. Soy nuevo en esto... Si pudieras ayudarme te lo agradeceria mucho. No me sale en mi html una cosa que pones que se debe poner debajo de algo. Me urge mucho este script... mi blog es www.corazonceltista.com

    ResponderEliminar
    Respuestas
    1. En la nueva interfaz la Edición de HTML está dentro de la sección "Plantilla".

      Eliminar
  93. Hola potro como siempre estan super explicitos los tutoriales, como veo que tienes conocimiento me gustaria preguntarte si hay un gadget que muestre entradas actualizadas y poder agregarlo al costado de mi blog, ayuda porfis, gracias

    ResponderEliminar
  94. Hola potro como siempre estan super explicitos los tutoriales, como veo que tienes conocimiento me gustaria preguntarte si hay un gadget que muestre entradas actualizadas y poder agregarlo al costado de mi blog, ayuda porfis, gracias

    ResponderEliminar
    Respuestas
    1. Gracias Ceres, ¿te refieres a un gadget de últimas entradas? Hay varias opciones, una de ellas es esta:
      http://ciudadblogger.com/2009/03/poner-ultimas-entradas.html

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger