01 diciembre 2012

Slider Carrusel "últimas entradas" para Blogger

carrusel blogger

Este es un slider creado por Maskolis   y adaptado ha mostrar las últimas entradas por etiquetas. He modificado un poco el slider, no mucho en realidad, sólo he cambiado la forma como se muestran los resúmenes de las entradas y que muestre las últimas entradas en lugar de por etiquetas.

Colocación:

Acceder a Blogger con tu cuenta
Después de que seleccione el blog que quiere agregar este control deslizante.
Vaya a >> Editar plantilla HTML, a continuación, comprobar expandir plantillas de artilugios
Como medida de precaución para evitar futuros errores de edición, primera copia de seguridad de tu plantilla.
Después de todos los pasos anteriores, pon el siguiente código encima de  ]]> </ b: skin>:

CSS:
#carousel{
margin:auto;
width:898px; /*--Ancho completo del carrusel--*/
height:200px;/*--Alto completo del carrusel--*/
border:1px solid #fff;
position:relative;
display:block;
background:#CCC; /*--Color del fondo del carrusel--*/
}
#carousel .container{
position:absolute;
left:25px;
width:815px;/*--Ancho del carrusel Interior--*/
height:200px;/*--Alto del carrusel Interior--*/
overflow:hidden
}
#carousel #previous_button{
position:absolute;
width:25px;height:200px;background:url(http://3.bp.blogspot.com/-SFH7pfuPOg4/UAVZimY-OuI/AAAAAAAAHqE/MOKZ4nE0EFM/s1600/prev.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:25px;height:200px;background:url(http://4.bp.blogspot.com/-pFR58sZNzCo/UAVZh9I72lI/AAAAAAAAHp8/JTIiHJfsqHA/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel #previous_button:hover,#carousel ul li:hover{filter:alpha(opacity=80);opacity:.8}
#carousel ul{width:100000px;position:relative;margin-top:10px;}
#carousel ul li{background:#fff ;display:inline;float:left;text-align:center;font-weight:600;line-height:1.1em;width:183px;height:165px;margin:0 1px 10px 12px; padding:6px}
#carousel ul li a.slider_title{color:#242424;display:block;margin-top:-6px;}/*--color texto--*/
#carousel ul li a.slider_title:hover{color:#9B0606;}/*--color texto al pasar cursor--*/

El siguiente paso es colocar el script, introduzca el siguiente código encima del código </ head>:

Colocando el SCRIPT:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'> //<![CDATA[
(function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var div=$(this),ul=$("ul:first",div),tLi=$(".car",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var li=$(".car",ul),itemLength=li.size(),curr=o.start;div.css("visibility","visible");li.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({padding:"0",position:"relative","list-style-type":"none","z-index":"1"});div.css({overflow:"hidden","z-index":"2"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize=liSize*v;li.css({width:li.width()});ul.css(sizeCss,ulSize+"px").css(animCss,-(curr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,val){$(val).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&div.mousewheel)div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return li.slice(curr).slice(0,v)};function go(to){if(!running){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll}else curr=to}else{if(to<0||to>itemLength-v)return;else curr=to}running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());running=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(el,prop){return parseInt($.css(el[0],prop))||0};function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight')};function height(el){return el[0].offsetHeight+css(el,'marginTop')+css(el,'marginBottom')}})(jQuery); //]]></script>

<script type='text/javascript'> //<![CDATA[
imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=140;summaryTitle=25;numposts1=15;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="183" height="120" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';document.write(trtd);j++}document.write('</ul>')} //]]></script>

Si en la plantilla ya existe un jquery.min.js , el primer código de arriba,  no es necesario que lo instales.

Colocando el Carousel (HTML)


Esta quizás sea la parte más complicada para instalar porque cada plantilla es un mundo y un mismo código en una plantilla varía respecto a otra.
De todas formas y a modo de referencia sería:
En plantillas nuevas buscaríamos el código: <div class='region-inner tabs-inner'> y justamente después colocamos el  código de abajo:
En plantillas antiguas y a modo de referencia, buscaríamos <div id='main-wrapper'> y justamente antes colocamos el código de abajo:

HTML:

<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 4,
start: 0,
circular: true,
btnPrev: &quot;#previous_button&quot;,
btnNext: &quot;#next_button&quot;
});
})})(jQuery)
</script>


El paso final, sería ver en vista previa y observar los resultados, si todo está bien guardar. Si sigues los pasos anteriores correctamente,el slider carrusel aparecerá en su blog.

Si todavía no está claro por favor deja un mensaje en el cuadro de comentarios en la parte inferior.

277 comentarios

Esta entrada tiene más de 200 comentarios, usa los links de abajo para ver el resto de los comentarios

«El más antiguo   ‹Más antiguo   1 – 200 de 277   Más reciente›   El más reciente»

Quillo a mi la verdad es que me encantaria colocarlo,pero podria liar la de dios,así que si quieres y tienes lugar,el blog es tuyo para que lo coloques,yo ya te digo que me cargaria la jangá,un abrazo hermano.

Hermano, tus deseos son ordenes.... !Listo! y funcionando..

Saludos.

¡Graaaaaaaaaaaaaaaaaaaaaaaacias! otro abrazo pa ti crack.

Hola buenas, desde hace mucho tiempo estoy buscando un slide como ese pero en lugar de con entradas populares que lo haga con entradas de otro blog, si esto es posible me encantaria que me ayudara a realizarlo. Y si no se puede hacer de esa manera no me importaria que fuese manual, la unica condicion que tendria que tener es que no tuviera limite de imagenes a añadir, actualmente tengo uno asi pero con limite de imagenes y quisiera cambiarlo. Muchas gracias y espero su respuesta.

! PERFECTAMENTE ! solo hay que cambiar unos códigos del 2ºpaso.

Ya te lo he cambiado, bájalo y lee las explicaciones.
EXPLICACION:
1.- Instala el primer paso como en la entrada.
2.- En este paso debes cambiar donde pone "NOMBRE DEL BLOG" por el que quieras mostrar y "numposts1 = 15;" son las entradas a mostrar puedes colocar la cantidad que desees.
3.- Colocar tal cual la entrada.

Espero que sea lo que buscas.

DESCARGAR CAROUSEL

Muchas gracias por tu ayuda, ya he conseguido que el slide tenga las entradas del blog que deseaba pero ahora no se desplaza, ademas seria posible que las imagenes fueran mas pequeñas y sin texto? se que estoy abusando de usted pero estoy muy cerca de conseguir lo que llevo mucho tiempo buscando.
Mil gracias de antemano le dejo el enlace a la prueba que hice para que compruebe que no se mueve http://blogdeprueba4tvm.blogspot.com.es/

De principio te falta el script jquery/1.7.2 que va situado encima del script carousellite.js y que no te lo puse pensando que ya lo tendrías en la plantilla.

Te lo he modificado para lo que pides, puedes descargarlo y colocarlo tal cual.

DESCARGAR

hola me dijiste en un comentario que me faltaba un script jquery y me gustaria saber donde encontrarlo porque solo me hace falta eso para lograr lo que estaba buscando, por otro lado me interesaria saber si es posible añadir este slide como gadget html.
Muchisimas gracias

Coloca el código del comentario anterior, está totalmente configurado para lo que pides.

En gadget no está probado pero creo que no.

Saludos.

Bueno por fin he conseguido lo que queria, ya lo tengo totalmente configurado, si puedo ayudarte en algo seria un placer devolverte el favor. De nuevo muchisimas gracias.

Hola, una pregunta. Tengo el Nivo Slider en mi blog y encima un menu con pestañas. Cuando accedo a una pestaña que está redireccionada a un post no me sale el slider, pero si la pestaña está redireccionada a mostrar las entradas de una etiqueta si me sigue apareciendo el slider. ¿Cómo podría hacer para que no me saliera el slider en el último caso?

Un saludo y muchas gracias

Déjame dirección del blog para poder observarlo.

Hola Antonio

¿Sabes si pasa algo con el script original? a mi no me funciona el slider desde esta tarde y a ti por lo que veo tampoco

Es urgente tengo slide roto, por favor, dime si tiene soluccion o tengo que volver al antiguo.

Si, el anterior estaba alojado en un hosting y ha dejado de funcionar pero cambia solo el script por este y volverá a funcionar.
Busca en el código: carousellite.js elimina todo el script y en su lugar pega este:

<script src='http://sevillporelmundo.webcindario.com/carousellite.js' type='text/javascript'/>

Hola, me metí en problemas y dañe un poco la estetica del blog colocándo el slider. Me podrías ayudar a colocaro bien?. El blog es todo tuyo... sólo es que me avises.

Si no puedo acceder al blog creo que no te podré ayudar.

Vete a configuración basico-en permisos-añadir autores-introduce mi email- antonioperezvidal@hotmail.com - click invitar autor.

Una vez que yo lo apruebe, vuelves y das en administrador.

Hola Antonio! Me gusta mucho este slider pero necesitaría que fuera en vertical y no en horizontal ¿Habría alguna manera de poder cambiar la orientación? Es que ya tengo en mi blog el slider de post mas leídos y me gustaria que quedara similar. Mi blog es LOS VIAJES DE PACO, VERO Y HELIA.

Muchas gracias de antemano por ayuda

Saludos

Vero, este slider está concebido para mostrarse horizontalmente pero puedes ver este otro: Ultimas entradas con efecto deslizante, es aproximadamente como el que usas para los post más leidos.

Saludos.

Muchas gracias Antonio!! Era precisamente lo que estaba buscando

Saludos y enhorabuena por tu blog

Hola!
Hago todos los pasos y me aparece el carrusel y va perfecto pero no puedo modificar ni el alto, ni el ancho, ni nada de nada y me gustaría cambiar el ancho porque se me sale de los bordes y el color de fondo.
Gracias!

Dime la dirección de tu blog para poder observarlo..

Mi blog es androidko.blogspot.com
Tambien me ha desplazado la barra de páginas superior y no la puedo poner encima del carrusel. Tambien me gustaría que las entradas del carrusel no salieran tan separadas
Gracias por tu hecharme una mano
Un saludo!

En principio observo que te falta el css del slider, osea, el primer código, el que va antes de ]]> </ b: skin>:.

Después tienes instalado dos jquery en la plantilla, elimina el segundo de esto: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>.

Y para finalizar, elimina el script del anterior slider que va justo debajo del paso 2 de este comentario. Elimina desde: <script type='text/javascript'>
//<![CDATA[
/*
* Easy Slider 1.7 - jQuery plugin
* written by Alen Grakalic
* http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
* Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
*/
.
.
.
.
.
//]]>
</script>

Muchas Gracias ahora va perfecto, pero me sale el gadget de páginas por debajo del carrusel, como puedo hacer para colocarlo por encima del carrusel porque por diseño no me deja.
Muchas gracias, eres un crack!

Busca el último código del slider el que empieza por: <div id='carousel'>
<div id='previous_button'/>
..............
, córtalo y pégalo antes de:
<div class='tabs section' id='crosscol-overflow'>

Ahora si que está clavado, eres un fenomeno.
Muchaaaaaasssss graaaaciaaasss!!!!!!

Una última cosa, se podrían poner las entradas mas populares en vez de los últimos posts?
Gracias!

Las entradas populares es muy complicado, ahora por etiquetas, sí. Puedes mostrar solo la etiqueta que desees, por ejemplo en tu blog, tienes: aplicaciones, juegos, manuales, noticias, etc... puedes mostrar por ejemplo en el carrusel todos los juegos, solo.
Tendrías que modificar la última parte del código donde pone:
<script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default
añadirle a continuación esto: /-/juegos.

Quedando así: <script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/juegos?max-results

Vale, así me va de lujo.
Gracias por todo, te lo curras mucho.
Un saludo!

Hola: me encanta este slider, pero solamente muestra 4 entradas (a mi me vendría bien como el tuyo de 6 o 5 ¿cómo lo hago? Gracias

Olga, son visibles 4, pero rotando te muestra 15 entradas.
Para colocarlo como el mío hay que cambiar algunas partes del CSS y del script.

Muchas gracias AS: de momento me apañé con el de 4 cambiando tamaños y aumentando espacio entre ellos, y hasta los colores: me quedó bien mono, aunque se me quedaba corto pues yo lo quería para debajo de la cabecera ocupando todo el ancho de la misma (casi tal cual lo tienes tú puesto)sólo que a mi me vendría de perlas uno que mostrara cinco entradas: ¿Algún enlace para acceder a ese script?

También me gustaría que me enlazaras las instrucciones para poner los comentarios del FB como los tienes tú aquí ¿sería posible o soy una abusona? (esto parece una carta a los Reyes con retraso jajá...) En fin: que un millón de gracias por tus aportaciones a la humanidad. Aparte de eso, puedes decir tranquilamente que tienes el mejor slider de toda la red.

El caso es que mi slider funciona perfecto en mi blog de pruebas, sin embargo cuando lo subo al blog oficial, no se ven las imágenes mostrando el cuadro en blanco con el mensaje "IMAGE NOT AVAILABLE" (el resto del slider se ve bien) ¿por qué me ocurre ésto?

Déjame dirección del blog, que lo mire.
En cuanto a los comentarios Facebook, busca div class='post-footer-line post-footer-line-3 y antes del </b:includable> pega esto: <b:if cond='data:blog.pageType == "item"'>
<div align='center'>
<div id='fb-root'/><script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>
<div id='comentariosface'><fb:comments colorscheme='light' expr:href='data:post.url' height='80' num_posts='3' width='600'/></div></div>
</b:if>

Jo-pé: no tengo palabras para agradecer tu amabilidad y desprendimiento. (después probaré lo de los comentarios). Aquí te dejo el enlace al blog (no entiendo por qué pasó eso: es la misma plantilla que en el blog de pruebas, sin embargo, no muestra las imágenes.
http://marat-asaltarloscielos.blogspot.com.es/

GRACIAS: SOLUCIONADO (no tenía marcado el feed "completo") era eso.

El anterior mensaje es mio (PROBLEMA SOLUCIONADO)

HOLA ANTONIO HICE TODO LO QUE ME DIJISTE Y NADA AYUDAME XFIS AQUI MI BLOGGG

http://elciberpavoo.blogspot.com/

Carlos, si no lo veo colocado no te puedo ayudar.
De todas formas, antes de colocar el carrusel, deberías copiar y guardar tu slider para eliminarlo antes de colocar el carrusel. Aparte observa bien esta parte:Si en la plantilla ya existe un Query.min.js , el primer código de arriba, no es necesario que lo instales.

Si sigues todos los pasos explicados, debe funcionar.

Saludos.

Hola estimado AS: no pensé que tendría que volver a consultarte sobre el tema comentarios de FB, ya que la respuesta que me diste fue perfecta y con ese código todo quedó ok a la primera; pero hete aquí que el titular del blog me pidió habilitar la moderación y a partir de ahí una pesadilla: Seguí todo el proceso de crear la App de FB, me dió códigos distintos al tuyo que tuve que sustituir..., me dio la ID etc. Aparentemente parecía que todo estaba ok, la caja de nuevo en su sitio etc. hasta que empezaron a entrar los comentarios y comprobé con horror como se publicaban en todas y cada una de las entradas de este blog desde sus inicios (estoy desolada) ¿cómo puedo arreglarlo? (gracias anticipadas)

Abajo el código que la herramienta de fb me dio para pegar justo debajo de div class='post-footer-line post-footer-line-3 (los asteriscos son los div y ** script

<*** id='fb-root'/><** src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>
<*** class='fb-comments' data-href='http://MIBLOG.blogspot.com.es/' data-num-posts='10' data-width='620'/>

Después de un pequeño cambio, ahora aparenta funcionar correctamente, y si se publica un mensaje no aparece en todas las entradas. (aunque se perdieron los anteriores mensajes repetidos).
Lo que hice fue sustituir esta línea:

data-href='http://MIBLOG.blogspot.com.es/'

por esta otra:

expr:href='data:post.url'

Olga, si observas la portada verás que la caja te aparece en todas las entradas, y debe de aparecer solo en las entradas individuales, para conseguir esto debes de colocarlo entre condicionales y para ello utiliza esto:
<b:if cond='data:blog.pageType == "item"'> ...Aquí va el código de la caja... </b:if>

Tienes razón, pero pregunto:¿hay algún contratiempo técnico que desaconseje que se muestren de este modo? pues ahora resulta que al boss le hace gracia así: que las cajas comment fb sean también visibles desde la principal, porque -en ese tipo de artículo- suscita el debate y el impulso de comentar o responder si ya hay visible algún mensaje.(no obstante, tomo nota, por si mañana hay un cambio de postura -que tampoco sería raro- o bien si tú me dices que así irá mal). Lo importante es que la cosa grave ya se solucionó: aquello de que alguien publicó un comment en la última entrada y apareció repetido debajo de cada uno de los 433 artículos publicados hasta la fecha ¡Ay: qué mal rato!

Aparte de eso: mil gracias ¡cuanto se aprende leyéndote! ¿a ti no te sacan en un “Paso”? Vaya pues voy a fundar la Cofradía del Amor Sevillista para que así sea (y eso que soy de Malagueña ;-) eso es porque esta tarde te voy a hacer una consulta sobre el carrusel de noticias. Un abrazo, fenómeno.

PD- Ah, por cierto: cuando puse los comentarios fb con el primer código que me enviaste (entre condicionales)también aparecía en todas lás páginas del inicio -y la verdad es que no nos disgustó- E incluso llegaron comentarios con total normalidad (claro que esto fue antes de implementar la tool de moderación de fb que tantos quebraderos de cabeza me ha dado)

Hola As. Lo que quería consultarte sobre carrusel es que, aunque quedé bastante contenta con el resultado, sí que hay algo que no me acaba de agradar, y es el espacio excesivo que queda debajo de las imágenes, que debe ser alguna característica de esa zona, pero que no he conseguido localizar para modificarlo. Ya me ocurría esto mismo antes de tener el carrusel con el espacio debajo de la imagen de cabecera, que quisiera reducirlo unos píxeles, pero no he encontrado la manera. Asimismo, tampoco entiendo por qué el texto debajo de las imágenes me sale en mayúsculas si o sí.

Otro tema es que quiero meterle una segunda columna al blog, ya que con el tiempo se ha ido añadiendo información en la columna de la derecha y ahora resulta demasiado larga. Si no me he lanzado ya a ponerla, es porque me va a quedar pequeño el carrusel y no sé como hacer para que muestre más imágenes(5 o 6)para que ocupe todo el ancho por encima de la nueva columna (tal como está ahora en la columna de la derecha).

Olga, el espacio que queda bajo las imágenes es para los títulos de las entradas, si lo acortas los títulos se verán acortados y muy feos esteticamente.

En cuanto a lo segundo,te sale el texto en mayúsculas porque acostumbras a colocar los títulos de las entradas de esa forma. (sí o sí.....jaja.)

Otra parte, si he comprendido bién, sería unir el carrusel a la cabecera, pués bien, coloca en esta parte del código: #carousel{ al final antes del cierre} esto: margin-top:-10px; das en vista previa y si está bien, a guardar.

En cuanto a la sidebar, puedes hacerlo desde el diseñador y no te repercute en nada el carrusel. Ahora, si te recomiendo que estreches un poco la parte de las entradas del blog y aumentes un poco más la sidebar.

Muchas gracias As: tú si que eres amable.
Aclarado lo de los títulos de los artículos (que por cierto no escribo yo, que soy bastante más moderadita que el boss, jejé).

Sin embargo creo que no me he explicado bien en lo de la segunda columna (que sé ponerla, claro) el problema es que no me decido porque me faltaría un fotograma más de carrusel (necesito que muestre 5 en lugar de 4)

Veamos, creo si no me equivoco que tienes 2 veces el css del carousel, elimina uno.
Ahora trás la eliminación de uno cambia estas partes del código:
#carousel ul li width:185px por 163px
margin:0 1px 5px 31px; el 31px por 10px
img width="180" height="130" el 180px por 160px
visible: 4, por 5

Y ya colocas 5 entradas en lugar de 4.


Vaya tela As... ya me vale (borré el css repe).

En la plantilla de pruebas hice los cambios que me indicaste + unos mínimos ajustes de píxeles entre imágenes y el resultado es espectacular (ya te lo mostraré cuando esté en el blog). No tengo palabas AS ¡muchas gracias! ¡Pero qué grande eres tío!

Ya está: quedó de lujo. Carga rapidito. Además las estadísticas cantan que desde que lo puse (desde la primera versión de 4) se ha reanimado bastante el tráfico a entradas antiguas.

¡¡Gracias Antonio!!

me ha llegado el mensaje del blog: ya lo arreglo. Gracias.

Gracias me parece excelente tu post, y la aplicacion del carrusel esta genial, lo unico que yo necesito que en ves de que aparescan las ultimas entradas que muestre solo las entradas clasificadas con una misma ETIQUETA… me podrias decir como lo hago??… de antemano muchas gracias!!!!

Christoff si lees el comentario 16.1 sales de dudas....

Antonio (por si no lo has visto), te dejé mensaje en FB

Si fijate que lo leei y lo hice pero, creo que no lo estoy colocando donde es porque no me sale nada; no seria tan amable de enviarme el script nuevamente ya con esa indicación, si no fuera demasiada la molestia. De antemano muchisimas gracias pro tu ayuda y por tu pronta respuesta. saludos desde Guatemala!!

Christoff, observo que ya lo tienes dominado no?
Alguna otra consulta..ya sabes..comenta y te ayudo.

Saludos.

Si gracias… me costo, pero alfin lo logre hacer; soloq ue ahora tengo otro problema, porque ahora lo que necesito es un carrusel pero manual, es decir que uno pueda manualmente colocar las imagenes y los links de las entradas… tendras algun script para esto, te lo agradeceria miles, ya que el martes tengo la presentación oficial con mi jefa, ahorita estoy haciendo las pruebas con mi blog personal pero el blog que tengo que hacer es otro.

Te agradezco mucho tu pronta respuesta… o me volvere loco… ja ja ja. Saludos!!

Christoff, MIRA ESTO, es la última entrada del blog.
Espero que te vaya bien....

Saludos.

Por alguna razón, creo que no te ha debido llegar mi mensaje. A riesgo de convertirme sin remedio la pesada del carrusel, resumiendo venía a decirte sobre el mismo, que quisiera ponerle margen negro encima de la foto sin que se me coma la última línea de los títulos de 5 líneas.

Me sigue pareciendo excesivo este espacio entre la foto y la primera línea del título. Ya sé que esto te lo pregunté hace unos días, pero.. ¿no hay modo de reducir eso un par de píxeles?

Olga busca este trozo: #carousel ul li a.slider_title{color:#FDFCFC;display:block;margin-top:3px;} y coloca en el margin-top:-10px; por ejemplo y si lo quieres más pegado, ve subiendole pixes.

Saludos.

Ole, pues sí: ahora quedó de P.M. Perdona por repetirme ¡si ya me lo habías dicho bien la primera respuesta! (fui yo quien lo debí meter mal y al no ver resultados me ofusqué, pero ahora sí que los veo)¡¡GRACIASSSS!!!!
Qué buen profesor eres y qué santa paciencia derrochas (y yo que mala alumna)

Estimado, saludos desde Bariloche, Argentina. Seguí todos tus pasos y tengo dos consultas puntuales: Cómo puedo hacer para que el carrousel se desplaze? no se en que me equivoqué. Segundo: cómo puedo editar el tamaño de las imágenes en miniatura? muchas gracias

www.panoramabariloche.com.ar Gabriel Páez

En principio detecto que tienes 2 librerias jquery, elimina la más antigua, esta:https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js, aparte tienes un script antiguo de otro slider que es el jQuery Cycle Plugin.

Saludos.

Ahí creo haber eliminado la libreria y el script, pero no logro que funcione, detectas algun otro error? gracias Gabriel Páez

Otro fallo que detecto es en el último código, en la parte:
<div id='carousel'>
<div id='previous_button'></div>
debes eliminar el </div>

El Sevilla está que se sale ¡óle! enhorabuena a todos los sevillistas de bien, en especial a Antonio ¿Qué tal genio? Anda que he tardado en volver.. y es que ahora estoy tuneando una plantilla de blogger (Fantástico,SA-Awesome) inspirándome en el estilo de un theme de wordpress (grungeMag: http://www.elegantthemes.com/preview/GrungeMag/). Me dispuse a ponerle tu carrusel para después adaptarlo en medidas y colores. He seguido el tutorial, y aunque sale el carrusel funcionando OK, éste aparece sobre una franja roja que ocupa todo el ancho visible de la página con las características de la barra de navegación, aparte de ensanchar y desfigurar esta barra. Por lo que deduzco que el código que estoy colocando en el "HEAD" debería pegarlo en otro sitio ¿pero dónde?

Esta es la plantilla que estoy tuneando: http://nuevoiniciativablog.blogspot.com.es/
de la que por cierto... hay otra consulta que te quería hacer, y es que el marco (o el padding -no estoy segura-) del contenedor de la imagen de cabecera impide que la misma se muestre entera, y aunque he probado diversas opciones no consigo que se muestre la imagen completa por los laterales. Nunca me había ocurrido antes (aunque también es cierto que es la primera vez que uso esta plantilla Awesome). ¿que me recomiendas?

Ya lo elimine.
Aún no funciona, detectas otro error? Muchas gracias por tu predisposicion

Gabriel Páez

Te sigo diciendo que el fallo está en el último código, elimínalo y colócalo de nuevo. Una vez guardada la plantilla observa que quede igual, no debes tener ningún </div> en otra parte del código que no sean los que trae.

Olga, las plantillas nuevas no las domino muy bién pero si quieres que le eche un ojo, hazme administrador y lo veo.
antonioperezvidal@hotmail.com

Gracias por contestar tan pronto Antonio. Ya te puse: en cuanto me contestes te habilito como Administrador.

Me he arrepentido de escoger esta plantilla: si nos va a dar muchos quebraderos estoy por empezar de nuevo con otra que se deje tunear mejor.


http://i46.tinypic.com/zx3dq9.jpg

Esta es la imagen de cabecera(960px de ancho: igual que el blog) y aunque probé mil cosas... no encontré el modo de quitarle esos márgenes a los lados.

Bueno, un problemilla menos: Lo de la cabecera ya pude arreglarlo (más por intuición que por conocimiento, la verdad sea dicha...) pero ya se ve entera, que es lo importante.

Sinceramente te pido perdon por ser tan molesto. Eliminé el codigo, lo volvi a instalar y no logro que se desplaze. En todo caso, me agradan como quedan los mini post como notas titulares, si me indicas como puedo agrandar las fotos miniatura, podria eliminar los botones y de todas maneras quedaria bien.

De todas formas te digo como a Olga, hazme administrador y te lo miro.
En el comentario 27.1 tienes mi email.

Ya me puedes eliminar de Admin......!Solucionado!

¡¡Muchas gracias Antonio!! ha quedao tan guapo así el carrusel, que creo que ya no le voy a poner el fondo rojo sangre de la "grungeMag".

Estimado, te envié la invitación. Desde ya que si detectas otros errores o scripts innecesarios te pido que me los marques o si preferis corregirlos. Estoy aprendiendo día a día pero estoy lejísimo de ser un experto. Muchas gracias

Gabriel Páez

Debes volver de nuevo y clikear en hacer administrador, o no puedo acceder a la plantilla.

Ahora Sí! Gracias

!SOLUCIONADO! Ya me puedes eliminar de administrador.

Saludos.

Tengo un problema Houston: aunque en principio pensé que sería una ventaja para el diseño de la cabecera, pasa que al final la barra de categorías "anchototal" ahora me resulta un obstáculo insalvable para acabar el montaje de la cabecera como lo tenía pensado hacer (al estilo de la grungemag de wordpress). Total, que llevo aquí bastante rato toqueteando líneas de código y no consigo variar ni medio píxel el tamaño de la joía barra de la Awesome ¿Podrías echarme un cable o he agotado ya mi cupo de preguntas? (960px)

La verdad es que no entiendo nada......
Que quieres aumentar el tamaño de la barra del menú?

quiero que sea del mismo ancho que el cuerpo del blog 960px

Solucionado.......eliminando admin de nuevo..jaja

Qué monstruo ¡un millón de gracias!

Míralo ahora: ese es más o menos el efecto que quiero en la cabecera (pero bien hecho claro). Es sólo un pegote de imagen sobre la imagen de fondo para que veas el efecto. Por eso si no se puede, prefiero recuperar la antigua barra (aunque quede más chillón)

Excelente!! muchas gracias por tu tiempo y dedicacion. Felicitaciones por tu trabajo!

Una última consulta: como puedo quitarle el subrayado a los títulos???

Busca esto en tu plantilla: a:link,a:visited{color:#C40000;text-decoration:underline;outline:none;} elimina underline y en su lugar colocas: none

Ayuda!! está de lujo el slider! pero en mi blog, no sé por qué, las imágenes parecen estar detrás del fondo! Hice todos los pasos tal y como están y no sé donde está el problema! Ayuda porfa porque esto es justo para mi blog!

La dirección es www.lonuevodedisney.com

Espero ansioso la respuesta! gracias!

Joan tienes otro slider antiguo instalado en la plantilla, elimínalo y me cuentas...

Hola! quité un Slider viejo que tenía en la plantilla, que antes había ocultado. Pero sigue igual. Dejé solo los scripts de un slider que tengo en el sidebar, el de la paginación y el de los comentarios. Lo raro es que este slider, el que pones aquí, lo coloqué antes del slider del sidebar. no sé porqué hay conflicto.

Te agradezco la ayuda!

Joan desde aquí me es imposible ver que es lo que ocurre, te digo como a Olga y Gabriel, hazme admin y miro.
Mi email está en el comentario 27.1

Hey! ya te mandé la solicitud! te agradezco inmensamente la ayuda!

Joan ya está listo, espero que haya quedado de tu agrado...
Ya puedes eliminarme de Admin, gracias por tu confianza.

Hey! te pasaste! Quedó muy de mi agrado! mil gracias! :)
quedo muy atento a tus actualizaciones!

Hola, muchas gracias por el aporte. Quería hacerte una pregunta, ¿cómo añado mis propias imágenes al carrusel?
gracias por adelantado.

Nacho no te preocupes.....lo dice el título de la entrada..'Automático'.

Ah, cierto, gracias!.

Se podría hacer manual? es decir, que yo pueda poner en código las imágenes y textos que quiera?

Te explico, lo quiero para poner una serie de logotipos de patrocinadores en mi blog

gracias otra vez.

muchas gracias. A ver que tal me queda.

saludos.

Muchisimas gracias, yo lo he instalado y va de lujo. Mi problema radica es que soy un maniatico de la simetria y no se como redimensionar los cuadros, de esta manera podría mostrar 5 en lugar de los cuatro y hacer que me quedara totalmente simetrico. Se agradece que me pudieras echar una manita con los estilos o la manera de poder redimensionarlos a mi gusto.

Por cierto, he probado a reducir el tamaño de las imágenes, pero se me deforma todo, desaparece el texxto, etc,.. jeje

Ay que lio dios, yo lo que quiero es que se me vea todo centradito y ordenado como a ti , jajajaj

Lex, para modificar las imágenes interiores debes seguir estos pasos:
1.- En el primer código esta parte:width:185px;height:165px
2,- En el segundo código esta: img width="180" height="130"(el ancho 5px menos que en el 1 código y el alto 30 o 35px menos,también)
3.- En el tercer código, si quieres colocar 5 entradas, debes cambiar esta parte:visible: 4, por 5.

Creo que lo entenderás. Saludos.

Lo acabo de encontrar, jajajaj! justo iba a escribirte que ya lo tenía , lo achaco a 2 días de pelea y saturación total, que me pasan los numeros por delante y ya no veo nada!, a ver si con esta me salgo y no tengo que volver a empezar de cero.

Muchisimas gracias por todo, a la que lo tenga, te pongo un enlace para que veas el resultado.

Déjame dirección web para echarle un vistazo.

www.rosasconcocos.com eso si, te aviso que está a medias, los posts que hay son de prueba de otro blog antiguo, etc, pero al final he conseguido lo que quería tra ir variando.

Lex, quizás deberías aumentar un poco el tamaño de las imágenes y reducir el tamaño de las letras.
Colócale a esta parte del código: #carousel ul li a.slider_title{font-size:12px;}

No te preocupes si en un momento dado se queda en negro, es porque muestra 15 entradas y si no dispones de ellas, queda en negro.

Pues si, voy a ello , estaba de pelea con los márgenes de la imagen de los posts, lo que te decía ayer, tiene que quedar perfectamente centrado al pixel...

Genial, he aumentado un poco el tamaño de las imágenes y reducido el texto, también le he añadido márgenes al texto para ajustarlo un poco más y el resultado, para mi, es realmente satisfactorio. A la que me lie con la lista de enlaces ten claro que te devuelvo uno.

Este comentario ha sido eliminado por el autor.

Ady, con 5 ya te valdría para que el carrusel rotara, aunque tebdrías que tocar el segundo código, al principio donde pone : numposts1=15. Colocas 5

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

Hola! Me ha encantado este post.. hace unas semanas intenté instalar un slider/carrusel..seguí el tutorial.. pero una vez instalado las flechas para que vaya de derecha a izquierda no aparecían y no se movía.. así que lo borré, pero creo que el html no lo eliminé entero porque no soy muy entendido y me da miedo tocar nada..

He intentado poner el tuyo pero no hay manera.. creo que es porque la primera frase que hay que buscar en la plantilla directamente no me sale y la puse donde pude.. podrías ayudarme?

Gracias de antemano.

Mi blog es: novedadesdisney.blogspot.com

Tex en primer lugar te recomendaría que elimines el antiguo slider alojado en www.megafiledupload.com porque te relentiza mucho el arranque del blog.

Busca en la plantilla "carouse" y elimina todo el css y script.
Luego instala este.

Si tienes algún problema, hazmelo saber y gustosamente haciendome administrador te lo instalo.

Hola , sabes , necesito que el carrusel este debajo del menu ,, como lo ago espero que me ayudes con eso ya que estoy montando mi primer blog ,, gracias

Si no me dejas la dirección web, creo que será difícil.

ok , aqui ta la web http://bienvenodosa.blogspot.com/ ,, solo quiero que el carrusel quede bebajo de la barra donde dicen MENU ,,, GRASIAS

Hola Gracias por el slider esta bueno pero no logro que las entradas se pongan en el carrusel algo estaré fallando??

http://peliculasyseriesmkvlatino.blogspot.com/

De momento tienes instalado 2 jquery, elimina este:
script.......http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'...script.
Haber que tal.....

No me aparece, otra cosa es que quiero que el carrusel aparezca arriba con las películas que voy posteando y abajo que salga de esta forma http://cinehd2.blogspot.com/ se puede o no por el tema gracias!!

Busca lo por jquery/1.7.2 y elimina todo el script.

Prueba colocando el último código encima de: <div class='fauxborder-left main-fauxborder-left'> o encima de: <div class='main-outer'>

Cuentame que tal....

que bien , ahi ya esta el carrusel donde justo lo queria ,, muchas gracias.. eres una master ... ya sigo sacando cosas de tu blog , estan bastante bueno

Hola Antonio,
Muchas gracias por el slider. He seguido tus instrucciones paso a paso, pero sólo aparece el contorno con el fondo. A dónde te puedo enviar mi plantilla?

Muchas gracias por tu ayuda y generosidad!

Déjame dirección web, para que observe donde puede estar el fallo.

Gracias por tu pronta respuesta!
es: http://sliderabi.blogspot.com/

En el segundo código te falta esto: <script src='http://sevillporelmundo.webcindario.com/carousellite.js' type='text/javascript'></script>
va antes de: <script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com..........

y esa dirección de imagen es la que se muestra cuando no hay imagen el post.

Muchas Gracias Antonio! Que tengas un precioso fin de semana

buenas noche , sabes necesito colokar el carrusel debajo de la barra de menu principal ( donde dice pagina principal) , porfavor necesito que me ayudes con eso sip te dejo mi blog , para que lo chekees


http://blogdepruebaparanose.blogspot.com/

Te digo lo mismo que en el comentario 38.1, guarda plantilla - desinstala el slider que tienes y luego llevas acabo este carrusel.
Si tienes problemas, !Comenta!.

buenas amigo hice todo lo q indicastes pero el slider me aparece arriba y despues de una imagen que tengo en lugar del titulo.
como soluciono este problema? gracias de ante mano :)

Lee el comentario 29.3 y veré que puedo hacer.

Hola Antonio.
Verás haber si me puedes echar un cable.
Mira mi blog es el siguiente... http://mifogonentucocina.blogspot.com.es

El Slider Carrusel que has compartido me ha venido de lujo, era lo que buscaba para colocar debajo de la cabecera. Lo he instalado y lo he adaptado a mis necesidades cambiando unas cosillas. Pero el problema que se me plantea es que las imágenes aparecen unas pegadas a las otras y así van rotando, es decir, que no consigo de ninguna manera que quede un pequeño margen entre imagen e imagen.

Lo he buscado por todos los códigos de la plantilla probando a cambiar números al azar y ver si daba con el margen, pero nada, no hay manera.

Si puedes mira mi blog y me dices que puedo hacer para conseguir el objetivo.

Un saludo!!! y gracias por tu trabajo.

José López, revisa esta parte del código: #carousel ul li{busca el ancho y el alto lo tienes a 0. (colócale width:185px;height:165px)
Luego busca este trozo: <img width="215" height="150" y cambialo por: width="180" height="130".

En esta parte del código es donde se juega con las imágenes.

Hola Antonio. Gracias por responder tan pronto.
Pues he hecho lo que me has dicho pero no me ha servido de nada. Se han quedado igual.
Bueno mejor dicho han seguido quedándose juntas pero han disminuido el tamaño de las imágenes.
Lo del img width etc. ya lo toqué ayer cuando instalé la plantilla para adaptar las cuatro imágenes al ancho del blog pero lo otro no lo había tocado.
Al hacer lo que me has dicho lo único que ha ocurrido es que las imágenes han reducido su tamaño pero no se han separado entre ellas. Entonces lo he vuelto a poner como lo tenía.

No sé si es que al tocar los códigos para adaptarlos al blog la he liado o algo.

Pero bueno, se agradece tu colaboración!

hula compañero primero que nada muy bueno el slider justo lo que buscaba pero quería saber si se puede cambiar el tamaño de las imágenes que aparecen en el interior me podrías ayudar desde ya muchas gracias :D

Jose Raul, lee el comentario 33.1 y sales de dudas.

muchas gracias :D ahora si lo pude cambiar :D

Muchas gracias! ,me ha quedado muy bien.

http://mamastiempocompleto.blogspot.com.es/

Buen día ante todo, quiero felicitarte por tu excelente blog me gusta mucho el contenido que seleccionas.

Me gustaría saber como puedo cambiar el slide de posición necesito tenerlo abajo.

Gracias

ÂÞn¢®, coloca el último código en un gadget HTML abajo del todo.

HOLA SOY LIYUAN LA QUE TE DEJO EL MENSAJE EN FACEBOOK... TE DECÍA QUE HE INTENTADO COLOCAR ESTE SLIDER CARRUSEL EN MI BLOGGER... Y NO HE PODIDO, SEGUÍ AL PIE DE LA PAG TUS RECOMENDACIONES Y NO ENTIENDO POR QUE NO LOGRO COLOCARLO.... AGRADEZCO LO QUE PUEDAS HACER ESTE ES EL LINK DE MI BLOGGER http://liyuansuarez.blogspot.com/

Liyuan, colócalo y me avisas cuando lo tengas instalado, haber si puedo ver donde está el fallo.

Hola, buenos dias: te escribo para pedirte ayuda de manera desesperada hace tiempo me ayudaste para conseguir un slide parecido al tuyo y hasta ahora a estado funcionando perfectamente pero ahora me falla, no se ajustan las imagenes en el marco y las flechas de desplazamiento no funcionan. Por favor ayuda!!! el blog es este http://cosesdaci.blogspot.com.es/. muchisimas gracias de antemano

Si anteriormente funcionaba bien, supongo que es debido a algún script que hayas instalado últimamente en la plantilla.
Observa dicho dato y comenta.

Lamento comentarte que no he añadido ningun script a la plantilla y que ademas tambien me falla en las plantillas de prueba donde lo tenia instalado, por favor echale un vistazo y dime algo. muchisimas gracias.

Ok, ya está claro, es debido a los servidores, están traslandandose a otro. Los script los subo allí y mientras dure el traslado estarán inamovibles.

Espero que sea pronto. Yo los tengo instalados directamente en la plantilla por ello, el mío sigue funcionando.

COMPRUEBALO AQUÍ

De nuevo muchisimas gracias, por atenderme y por la prontitud en tu respuesta.
Tengo dos preguntas: 1.- ¿es aconsejable que los instale en mi plantilla?
2.- y de ser asi ¿me podrias decir como?
Perdona las molestias y una ves mas mi sincero agradecimiento.
PD: ¿cuando termine el traslado tendre que cambiar algo?

Elimina esto <script src='http://sevillporelmundo.webcindario.com/carousellite.js' type='text/javascript'></script> y en su lugar coloca ESTO

Venía a pedirte la misma ayuda pero ya veo que se me han adelantado.
¡¡ERES UN MÁQUINA!!
Este último consejillo lo acabo de instalar y funcionando de puta madre.
GRACIAS CAMPEÓN.

Gracias!, tenía el mismo problema y con el cambio todo OK.
Un saludo!

Tengo el carousel configurado en mi sitio: www.enhd.net pero a nivel seo no es muy amigable por que en el html aparece un script en lugar de textos y links.

Has logrado adaptarlo para SEO?

Saludos.

Kenobi, en el html lleva el script que llama al feed de blogger para poder mostrar los post y el script de configuración.

Saludos.

Buenas... antes que nada gracias por el slider, me estuvo funcionando perfecto hace un par de días, pero hoy se detuvo y ya no corren las notas, si me pueden ayudar sevillistas de corazón se los agradecería bastante... y otra cosa, que no sé cómo ubicar la flecha de "siguiente" dentro del slider, ya que se me corre hasta el tope de la derecha.

Gracias y saludos

Hansel, si te ha estado funcionando hace un par de días y ahora no, puede ser debido a algún script que hatas instalado últimamente.
Si tenías una copia de tu plantilla, restaurala o elimina lo último que recuerdes que hayas modificado.

Gracias... procedí a eliminar lo último que recuerdo haber modificado pero no me anda aún.

Por fin pude eliminar el código script. Tengo otra molestia, y es que la flecha de lado derecho del carousel se me corre hasta la derecha ¿Cómo puedo dejarla integrada en el carousel? y otra duda, ¿cómo hago para corregir el tamaño del slide que me corta la última entrada.

gracias y perdón por tanta molestia

Hansel, para el tamaño lee el comentario 33a, y para las flechas te aconsejo que las elimines, porque esa plantilla es dinámica y siempre van a estar desplazadas.

Elimina el background de #carousel #previous_button y el de #carousel #next_button.

Saludos.

Hola!

Me funciona perfectamente el carrusel, pero mi problema es que aparece muy abajo donde yo quiero, ¿Cómo puedo mover el slider de un lugar a otro?

Hola Antonio tengo una plantilla que usa el carrusel... he intentado hacerlo desplazar pero no he podido... si me ayudas te agradecere inmensamente. Mi blog http://nubelibre.blogspot.com/

Si puedes me ayudas a arreglar las "categorias movies 1" a la 5, y el encabezado "latest movie" como salen aca http://johny-ember.blogspot.com/

PD: ya te agregue como admin de mi blog

Muchas gracias amigo.

Byakuya-Kuchiki si me dejas la dirección de tu blog quizás te pueda ayudar.

Jose no me ha llegado nada como como Admin.

Hola Antonio gracias por tu disposición, tengo en "invitaciones pendientes" tu correo: antonioperezvidal@hotmail.com

Hola Antonio ahora si, ya estas como Admin del blog...
:)

Eres un maestro Antonio, muchas gracias por esa gran ayuda!!!
una ultima cosita: puedo arreglar en la cabecera donde se titula "Latest Posts:" para que corran las letras amarillas que salen en el demo.

Muchas Gracias de nuevo

Gracias, muchas gracias...
sos un capo....

hola amigo, muy garadecido por que este excelente aporte solo una pregunta como hago para que se repitan los post en el carrusel y no kede vacio despiues de que pasan todos?

Lee el comentario 35a, si el blog no dispone de más de 15 entradas, reduce el numpost:15; a 7 u 8.
Esto lo encontrarás en el segundo código.

Muchas Gracias amigos por tomar su tiempo en apoyarnos y por las molestias, tienen una gran pagina felicidades y en lo que se pueda ayudar estamos a su dispocision, muchas Gracias!!!!!

Buenas la verdad es que soy algo novato en javaScript y realmente me encantaría esta función en mi blog. quisiera saber si me podrían dar ayuda mas detallada no ce ya sea una conferencia en Skype algo mas detallado (Con palitos y priedras)
Se los agredeceria de corazón =D
Muy buena pagina por cierto gracias por sus tutoriales =D

Dany, déjame email y te explico.
Sería muy largo por aquí.

Hola Antonio.
A ver si me puedes echar un cable cuando tengas tiempo.
El slider carrousel me ha dejado de funcionar nuevamente, esta vez ha desaparecido del blog (aunque en la plantilla sigue estando).
En principio me dejaron de funcionar todas las cosas que tengo instaladas utilizando la librería jquery (en concreto tres)
Entonces he cambiado el codigo antiguo de la librería por el siguiente...

src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>

antes tenía el 1.7.2

ahora me funciona el slider de imágenes que tengo como fondo del blog, pero el carrousel sigue sin aparecer.
No sé que le pasó.

Jose, cambia el jquery que tienes instalado (http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js) por el último jquery, que es este (https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js).

Siempre hay que ir actualizando las librerías, pero es raro lo que te ocurre, de momento prueba esto y me comentas.

Hola Antonio! gracias por responder. Tardé tiempo en pasarme por aquí porque he estado desconectado. He hecho el cambio que me sugieres, pero sigo con el problema.

Aunque en realidad me he dado cuenta en estos días que desde dónde no lo puedo ver es desde mi sistema operativo (MAC), sin embargo, cuando accedo desde Windows, no hay problemas, ahí veo el slider perfectamente ¿por qué será?

Jose, no tengo ni idea de como funciona el sistema operativo Mac, pero de todas formas yo accedo a tu blog y soy incapaz de ver el carrusel.
No veo en que parte lo tienes instalado.

gracias funciona muy bien lo acabo de instalar, auque trate de poner 5 entradas y hacerlo mas alto, pero al momento de agrandar las imagenes los liensos blancos se volvian a poner en tamano original bueno mejor asi lo deje. Una pregunta como hago para que los titulos salgan en negrita

mi blog
http://2pelis.com

Walther busca en el CSS esto: #carousel ul li y elimina font-weight:600; y sustituye por font-weight:bold; y tendrás los títulos en negrita.

Este comentario ha sido eliminado por el autor.

Hola Antonio, estaba y está instalado debajo de la cabecera y del menú desplegable de inicio. Pero desde hace un mes no sé por qué no funciona.
Ah y Feliz Año!!!!

Jose, si anteriormente funcionaba bien, recuerda que es lo último que hayas instalado, quizás eliminando eso vuelva aparecer.
De todas formas, una cosa que veo, es que tienes instalado 2 veces el css del carrusel, no repercute en su visualización, pero sobra.

Otra cosa, los comentarios no los tienes activados no?. Si es así vale pero si los tienes activados tienes un fallo en la plantilla. Al ocultar diversos gadget puede que también ocultaras el carrusel.

Te recomiendo que hagas una copia de la plantilla y luego restablescas plantilla de artilugios.
Te vas a plantilla-editar html-restablecer plantillas de artilugios a los valores predeterminados - Blog1-recuperar valores.

Haber si así se restablece la plantilla y todo vuelve a su estado anterior.

oye como cambio el tamano de las imagenes?

Eleonary, a veces leyendo los comentarios se sale de dudas, lee el comentario 33a o 47a.

Otra cosa, tienes instalada la librería jquery.min.js 4 veces, con una sería suficiente, deja la última versión que sería la 1.7.2

Este comentario ha sido eliminado por el autor.

David te comento, tienes instalada la librería Jquery 4 veces, con una es suficiente, puedes eliminarlas y dejar solo una, sería esto:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>

Este comentario ha sido eliminado por el autor.

Esta entrada tiene más de 200 comentarios, usa los links de abajo para ver el resto de los comentarios

«El más antiguo   ‹Más antiguo   1 – 200 de 277   Más reciente›   El más reciente»

Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"