Crear un intro para el blog con jQuery y cookies

4 de enero de 2012 457 comentarios ,

Cuando publiqué la entrada sobre crear un intro para el blog, una de las primeras inquietudes que se tenían era cómo hacer para que el Intro sólo se mostrara una vez pues podría resultar molesto regresar al inicio y ver siempre la pantalla de bienvenida.

En esta entrada vamos a ver cómo crear un intro para el blog con jQuery, el cual hará que cuando éste desaparezca tenga un efecto de desvanecimiento.
Podrá elegirse si se muestra siempre o cada ciertos días, ya que usa cookies, y tiene un temporizador, el cual permite que si en determinado tiempo el lector no hizo click en el botón de Entrar entonces el Intro podrá quitarse automáticamente.

El script es una creación de Meerkat y la instalación no es nada complicada.
Puedes ver un demo en este blog de pruebas, si no haces click en el botón entonces el Intro se quitará por sí solo en 15 segundos.

Para poner este Intro en tu blog, entra en la Edición HTML de la plantilla, y pega después de <head> el siguiente script:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// Intro para el blog
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('4.1Y.1k({8:5(1E){9 1r={v:\'g\',E:m,k:\'1n\',y:\'w%\',h:\'1u\',U:\'.U\',13:\'#1P-u\',1s:T,18:\'g\',R:m,P:\'Z\',x:\'Z\',K:\'1J\',Q:0,1a:\'.1a\',f:0,1I:5(){},l:m};9 3=4.1k(1r,1E);7(4.1U.1S){3.P=3.P;3.x=3.x}p{3.P=\'Z\';3.x=\'Z\'}7(3.R===m){3.R=3.18}3.f=3.f*1c;7(3.l!=m){3.l=3.l*1c}5 I(F,1D,1d){7(1d){9 12=1M 1N();12.1O(12.1Q()+(1d*24*1w*1w*1c));9 10="; 10="+12.1L()}p{9 10=""}q.1m=F+"="+1D+10+"; 1R=/"}5 1v(F){9 19=F+"=";9 1b=q.1m.1K(\';\');1X(9 i=0;i<1b.S;i++){9 c=1b[i];1W(c.1V(0)===\' \')c=c.1q(1,c.S);7(c.1T(19)===0)t c.1q(19.S,c.S)}t m}5 1o(F){I(F,"",-1)}4(3.1a).D(5(){1o(\'8\')});t e.23(5(){9 16=4(e);7(1v(\'8\')!="X"){3.1I.2l(e);5 O(11,H){9 j=4(\'#8-d\');7(H==="B"){7(3.h==="1e"||3.h==="1f"){9 14=\'y\'}p{9 14=\'k\'}}p{9 14="E"}9 A={};A[14]=11;7(11==="u"){7(H!=="g"){7(3.f>0){4(j).a().f(3.f).W(A,3.K,3.P)}p{4(j).a().W(A,3.K,3.P)}}p 7((H==="g")&&(3.f>0)){4(j).a().f(3.f).u(0)}p{4(j).u()}4(16).u(0)}7(11==="a"){7(H!=="g"){7(3.l!==m){4(j).f(3.l).W(A,3.K,3.x,5(){4(e).o();7(3.1s===2k){I(\'8\',\'X\',3.Q)}})}4(3.U).D(5(){4(j).1t().W(A,3.K,3.x,5(){4(e).o()});t T});4(3.13).D(5(){4(j).1t().W(A,3.K,3.x,5(){4(e).o()});I(\'8\',\'X\',3.Q);t T})}p 7((H==="g")&&(3.l!==m)){4(j).f(3.l).a(0).N(5(){4(e).o()})}p{4(3.U).D(5(){4(j).a().N(5(){4(e).o()});t T});4(3.13).D(5(){4(j).a().N(5(){4(e).o()});I(\'8\',\'X\',3.Q);t T})}}}4(\'1y, n\').b({\'2h\':\'0\',\'k\':\'w%\'});4(16).d(\'<s 15="8-d"><s 15="8-r"></s></s>\');4(\'#8-d\').b({\'h\':\'2i\',\'z-17\':\'2n\',\'y\':3.y,\'k\':3.k}).b(3.h,"0");4(\'#8-r\').b({\'v\':3.v,\'k\':3.k});7(3.h==="1e"||3.h==="1f"){4(\'#8-d\').b("1i",0)}7(3.E!=m){4("#8-d").2o(\'<s 2s="E-1j"></s>\');4(\'#8-r\').b({\'v\':\'2q\',\'z-17\':\'2\',\'h\':\'2t\'});4(".E-1j").b({\'h\':\'1g\',\'1i\':\'0\',\'k\':\'w%\',\'y\':\'w%\',\'v\':3.v,"E":3.E})}7(4.1l.2g&&4.1l.2f<=6){4(\'#8-d\').b({\'h\':\'1g\',\'1u\':\'-26\',\'z-17\':\'0\'});7(4(\'#V-Y-r\').S==0){4(\'n\').22().20(5(17){t 4(e).1Z(\'15\')!=\'8-d\'}).21(\'<s 15="V-Y-r"></s>\');4(\'1y, n\').b({\'k\':\'w%\',\'y\':\'w%\',\'1z\':\'28\'});4(\'#V-Y-r\').b({\'1z\':\'1n\',\'y\':\'w%\',\'k\':\'w%\',\'h\':\'1g\'});9 C=q.n.G.2d+" ";C+=q.n.G.2e+" ";C+=q.n.G.2c+" ";C+=q.n.G.2b+" ";C+=q.n.G.29+" ";C+=q.n.G.2a;4("n").b({\'v\':\'g\'});4("#V-Y-r").b({\'v\':C})}9 1h=q.2r(\'V-Y-r\');7((1h.27<1h.25)&&(3.h!=\'1e\')){4(\'#8-d\').b({\'1f\':\'2p\'})}}1H(3.18){M"B":O("u","B");J;M"L":O("u","L");J;M"g":O("u","g");J;1x:1B(\'1C 18 1p 1A 1G "B", "L", 1F "g"\')}1H(3.R){M"B":O("a","B");J;M"L":O("a","L");J;M"g":7(3.l!=m){4(\'#8-d\').f(3.l).a(0).N(5(){4(e).o()})}4(3.U).D(5(){4(\'#8-d\').a().N(5(){4(e).o()})});4(3.13).D(5(){4(\'#8-d\').a().N(5(){4(e).o()});I(\'8\',\'X\',3.Q)});J;1x:1B(\'1C R 1p 1A 1G "B", "L", 1F "g"\')}}p{4(16).a()}})},o:5(){4(\'#8-d\').2j(4(\'#8-r\').2m().a())}});',62,154,'|||settings|jQuery|function||if|meerkat|var|hide|css||wrap|this|delay|none|position||meerkatWrap|height|timer|null|body|destroyMeerkat|else|document|container|div|return|show|background|100|easingOut|width||animationProperty|slide|bgProperties|click|opacity|name|currentStyle|fadeOrSlide|createCookie|break|animationSpeed|fade|case|queue|animateMeerkat|easingIn|cookieExpires|animationOut|length|false|close|ie6|animate|dontshow|content|swing|expires|showOrHide|date|dontShowAgain|animationType|id|element|index|animationIn|nameEQ|removeCookie|ca|1000|days|left|right|absolute|ie6ContentContainer|top|layer|extend|browser|cookie|auto|eraseCookie|option|substring|defaults|dontShowAgainAuto|stop|bottom|readCookie|60|default|html|overflow|only|alert|The|value|options|or|accepts|switch|onMeerkatShow|normal|split|toGMTString|new|Date|setTime|dont|getTime|path|def|indexOf|easing|charAt|while|for|fn|attr|filter|wrapAll|children|each||scrollHeight|1px|clientHeight|hidden|backgroundPositionX|backgroundPositionY|backgroundAttachment|backgroundRepeat|backgroundColor|backgroundImage|version|msie|margin|fixed|replaceWith|true|call|contents|10000|prepend|17px|transparent|getElementById|class|relative'.split('|'),0,{})) //]]>
</script>

<script type='text/javascript'>
//<![CDATA[
jQuery.noConflict();
jQuery(function(){
jQuery('.meerkat').meerkat({
height: '100%',
width: '100%',
position: 'left',
dontShowAgain: '#enter',
close: '#close',
animationIn: 'none',
animationOut: 'fade',
animationSpeed: 500,
background: '#000 ',
timer: 15,
dontShowAgainAuto: false,
cookieExpires: 2,
removeCookie: '.reset'
});
});
//]]>
</script>

Luego antes de </body> pega este código:
<center>
<div class='meerkat'>
<div id='splash-content'>
<!-- Inicio del contenido que se mostrará en el intro -->
<img id='enter' src='URL de la imagen de bienvenida'/>

<!-- Fin del contenido que se mostrará en el intro -->
</div>
<div id='close'> Entrar </div>
</div>
</center>
Este último código es el Intro en sí, ahí es donde podremos agregar una imagen de bienvenida, algún texto, etc. Todo lo que quieras que se vea en el intro deberá ir en el área marcada en color rojo.
Si quieres que en lugar de un texto el botón de entrar sea una imagen sólo cambia ese texto (el de Entrar) por el código de una imagen:
<img src="URL de la imagen" />

Por último agrega antes de ]]></b:skin> estos estilos:
#enter{margin-top:150px;} /* Distancia de los elementos del Intro desde arriba */
#close{
cursor:pointer;
font-size:17px; /* Tamaño del texto ENTRAR */
color:#FFF; /* Color del texto ENTRAR */
}
Esos son estilos muy básicos, pero pueden agregarse muchos más, ya dependerá de qué tipo de diseño quieras para tu pantalla de presentación.

En el primer código que hemos añadido veremos estos comandos:
background: '#000 ',
timer: 15,
dontShowAgainAuto: false,
cookieExpires: 2,
background es el color de fondo del Intro, es decir, de toda la pantalla, y también puedes añadir una imagen de fondo, si así fuera quedaría así:
background: '#000 url(URL de la imagen)',

timer es el tiempo en segundos que durará el intro en caso de que el usuario no dé click para entrar.
dontShowAgainAuto indica si el intro se mostrará siempre o no, false indica que siempre se mostrará, cámbialo a true si quieres sólo se muestre una vez cada cierto tiempo.
cookieExpires indican los días que tardará el intro en volver a mostrarse en caso de que lo hayas cambiado por true.

Como puedes ver el script tiene muchas opciones y me parece que es mucho más completo y atractivo que el que habíamos visto primeramente.
El intro se mostrará en cualquier página del blog, pero si quisieras que sólo se muestre en la portada entonces deberás encerrar el código que va antes de </body> en una condicional para que sólo se muestre en la portada del blog.

Consideraciones finales:
  • El script ya está modificado para que sea compatible con Scriptaculous.
  • Si activas la opción de que no se vea en cierto tiempo entonces tampoco tú lo verás hasta que haya transcurrido el tiempo que configuraste. Para verlo antes de ese tiempo deberás borrar las cookies de tu navegador.
  • No se recomienda poner videos o música en el Intro, pues éstos se ejecutarían aun después de quitarse el Intro.
  • Si tuvieras en el blog un video o un archivo en flash deberás aplicarle una transparencia para que no se sobreponga en el Intro.
  • Si ya usas jQuery asegúrate de tener sólo la última versión y eliminar las versiones repetidas o antiguas.
  • Recuerda que se verá en todas las páginas del blog, así que si quieres que sea visible sólo en la portada deberás encerrar el código en una condicional como se ha señalado.




457 comentarios en:

" Crear un intro para el blog con jQuery y cookies "

  1. Muy bueno Potro, talvez lo utilice en uno de mis proyectos en blogger.


    PD: Creo que soy el primero en comentar...

    ResponderEliminar
  2. si alguien me puede ayudar, que me agregue a mi fb Juliet Violet. Porfa, necesito ayudaaaaaa.

    ResponderEliminar
  3. Potro, uno solo puede ponerlo para que lo vea una persona nueva cuando ingresa y cuando ya vuelva a entrar ya no lo vea? Es decir cuando alguien es nuevo lo vea solamente!

    Saludos!

    ResponderEliminar
  4. Tanto código potro, me da miedo.
    Se ve super interesante, gracias.

    ResponderEliminar
  5. Se puede aplicar al nuevos temas de blogger? o solo con los antiguos?

    ResponderEliminar
  6. se puede hacer como la otra intro?? asi bien bonita, por que esta se ve horrible D: solo la imagen y entrar D:

    en la otra le agregaba hasta el boton bien bonito mira

    www.gagareviews.blogspot.com <- quiero asi pero con este tipo de intro , se puede??

    ResponderEliminar
  7. Muy bueno el blog, te dejo el mio

    http://cordurainsana.blogspot.com/

    Nos leemos, saludos.

    ResponderEliminar
  8. No me funciono y segui todos los pasos ¿que me podria haber salido mal?

    ResponderEliminar
  9. Juan Daniel, suerte por si lo pones :)

    Renato_Yucra, Carlos Sz, ¡saludos!

    ResponderEliminar
  10. Juliet Violet, ¿qué ayuda necesitas?

    ricardogot2010, sólo puede configurarse con las opciones que se mencionan, no hay alguna otra además de esas. Saludos.

    ResponderEliminar
  11. He hecho todo lo que has puesto y no se ve nada :(

    ResponderEliminar
  12. CampamentoWeb, qué bien que te ha gustado.

    Black, no le temas, son sólo códigos, no te harán nada ;)

    ResponderEliminar
  13. Me gustaría saber si se podría quitar la opcion de comentarios en las páginas o que al menos se pueda quitar la opción en ciertas entradas. Un tutorial de ello estaría bien. Gracias y buen trabajo.

    Un saludo.

    ResponderEliminar
  14. Chiknaui.Mikistli, lo es :)

    Edgar Angel Salvatierra Huaman, en cualquier plantilla de Blogger que te permita modificar el HTML.

    ResponderEliminar
  15. Hola Potro, muy bueno, muchas gracias por compartirlo con nosotros.

    ResponderEliminar
  16. Es precioso, Potro.
    Pero me da miedo todo el lío ese de dejar que se vea por un tiempo o no, o que el jquery, que nunca he usado nada así en la plantilla, chafe algo del blog, con la de entradas que tiene, y lo del condicional..en fin. Tú sabes, aún no he tenido tiempo de ponerme con la que hablamos y veo esta tan buena...
    Vale, me centro como puedo y te hago una pregunta directa: ¿permitiría esta colocar en vez de un sólo botón "varios" (dos, tres) que redirigieran por ejemplo: uno al blog en sí, otro a otro blog (el mío de fotografías), y otro a otro etc?
    Feliz año nuevo, Potro, y en cualquier caso muchas gracias por esta entrada.
    Un beso

    ResponderEliminar
  17. Jordan Records, la cuestión del diseño depende de cada quien, de los gustos personales, y de qué tanto quieras trabajar en tu intro. El ejemplo de aquí es sólo una base para que a partir de ahí cada quien lo haga como mejor le guste.

    ResponderEliminar
  18. Alfred Kris, sin saber en cuál blog lo has puesto no puedo saber porqué no te ha funcionado.

    ResponderEliminar
  19. Impresionante ! Pense que no se podian hacer intros en blogger! Voy a probar para un Blog, ( espero que no afecte al posicionamiento jiij).

    Una Pregunta el Potro, llevo rato probando y no me sale.. como eliminar el espacio blanco que va en lugar del titulo?: http://jodetemiblogmolamas.blogspot.com/p/mas-informacion.html

    (Paginas estaticaS), me sale un espacio arriba muy molesto, y cuando elimino en html, me desaparecen todos los titulos :S,

    Ojala me puedas echar una mano!

    Muchas Gracias el Potro! Admiro tu energia para seguir compartiendo y ayudando a los demas! :) Haber si nos haces una entrada de motivacion jiji :)

    ResponderEliminar
  20. hOLA POTRO, LO INSTALE Y NO PASO NADA, AHORA BIEN HAY UNA PARTE QUE DICE ASI; El script es una creación de Meerkat y la instalación no es nada complicada. PARA MI LO FUE PORQUE NO ENTENDÍ...
    Comenzando el código hay las primeras lineas que están en un tono mas claro... sera eso lo tendré que cambiar??
    Otra cosa es que la imagen la tengo alojada en Dropbox, pero pesa mas de una mega, tendrá algo que ver??

    Gracias... www.lideresforeveraragua.blogspot.com

    ResponderEliminar
  21. hola potro, me gustaria saber si me ayudas en esto, lo que quiero es ocultar el numero de comentarios, el publicado por:, y las etiquetas, lo que quiero es que no se muestren al inicio de blog y que solo aparescan cuando uno entra a una entrada aparescan al final del post eh buscado pero no encuentro nada relacionado dejo dos imagenes sino me entiendes.

    http://www.hostmypicture.com/images/ashampxix.jpg

    http://www.hostmypicture.com/images/ashampogo.jpg

    espero me puedas ayudar gracias.!

    ResponderEliminar
  22. Hola, acabo de conocer tu blog y ya he aprovechado tus enseñanzas (he añadido las imágenes de calendario en las entradas). Muchas gracias y enhorabuena, de un nuevo suscriptor.

    ResponderEliminar
  23. potro necesito tu ayuda ¡no es nada que ver con esto¡ mira es que estoy haciendo mi blog que es este http://www.rocknchilewebsite.blogspot.com/ y puse una imagenes para que aparecieran debajo de todas las entradas y al publicar una entrada me aparecen asi las imagenes http://4.bp.blogspot.com/-w39y6L4Hhw0/TtSXHvuLbDI/AAAAAAAAA5Y/rRvMDq0hhEI/s1600/z-checked.png
    y lo raro es que no hecho ningun cambio en el blog y antes publicaba una entrada y aparecia todo normal aqui esta la url de la entrada http://www.rocknchilewebsite.blogspot.com/2012/01/lorem-ipsum-quia-dolor-sit-amet.html
    ojala me puedes ayudar saludos :)

    ResponderEliminar
  24. Lo eh puesto en cristianelmaster14.blogspot.com/, o queria tener el efecto que se desvanesia lo pongo y no me anda y pongo que otro que no tiene efecto desvaneciente y si me anda :(

    ResponderEliminar
  25. Beatriz González Pozo, tienes varias versiones de jQuery, prueba dejar sólo la más reciente:
    http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html

    ResponderEliminar
  26. Héctor Carrera, sí puede hacerse, si editas una entrada o una página verás un área que se llama "Opciones de página", ahí puedes deshabilitar los comentarios sólo para esa entrada o página que estás editando.

    Saludos.

    ResponderEliminar
  27. MaGoS RaDioMuSiC, gracias a ti por tu visita!!!

    ResponderEliminar
  28. hola potro ayuda lee el comentario 27 gracias.!

    ResponderEliminar
  29. Hola Sofía,

    Interesante pregunta la de los botones. Sí puede hacerse, sólo que habría que cambiar esta parte:
    <div id='close'> Entrar </div>

    Por esta:
    <span id='close'> Entrar </span>

    Luego, ahí al lado puedes añadir los códigos de más enlaces:
    <span class="botonIntro"><a href="URL del enlace">Opción 2</a></span>

    Eso hará que puedas tener al lado otro enlace que te permita a ti o a tus lectores ir a otro blog. Y si quieres otro más sólo añades otro igual.
    Como éstos nuevos enlaces no tendrán estilo tendrías que cambiar esto:
    #close{

    Por esto:
    #close, .botonIntro{

    Así todos esos botones se verán igual.
    En cuanto a lo del script y demás opciones, puede parecer complicado pero de verdad que no lo es, igual si no usas nada de jQuery o Scriptaculous en tu blog entonces menos tendrás de qué preocuparte pues sería el primero que usas.

    Si no te convence todavía hazlo en un blog de pruebas para que vayas "tanteando el terreno" y veas qué tal se vería una vez que te decidas a usarlo. Y sino, todavía está el otro intro como segunda opción ;)

    ¡Besos!

    ResponderEliminar
  30. Hola Potro ante todo espero q tengas un feliz 2012 ^^ y bueno directo al grano potro HELP ME ! ...

    el problema es este potro espero poder ser especifico...

    blog de bluray...

    con 22 entradas ... plantilla elegante algo asi como magnazine

    cuando cree la entra 21 esta deberia salir en la pagina anterior pero no aparecia cree la entrada numero 22 y esas 2 entradas no aparecian ... supuse problema de plantilla o de muchas entradas en el portal cambie numero de entradas en portal por 8, revisaba y me salia la 2da pagina ok, pero a la 3 pagina (para completar las vistas de las 22 peliculas) esta no aparecia nada (vacio), bueno descarte el problema de numero de entradas en la portada, cambie de plantilla una premium, el problema persistia... cambie de plantilla mediante diseñador, el problema persistia, cambie plantilla clasica... el problema seguia...

    como tengo un blog de pruebas hice lo siguiente del blog de Bluray descargue mis post (mi copia de seguridad) fui al blog de pruebas y los agrege... siguio el mismo problema..

    volvi a suponer entonces q se trataria de los post.. tal vez las imagenes q son muy grandes y muchas (5 capturas por post) bueno a cada post le elimine 4 capturas dejandolas con 1 captura, revise y sigue el mismo problema, le ponga la plantilla q le ponga sigue el mismo problema, me ayudas ?

    ResponderEliminar
  31. potro nesesito ayuda con un tema que nada tienes que ver con esto!se trata de la configuracion del cname de una red social que quiero hacer .y despues que tengo todo pagado y he comprado un dominio en godaddy .no se como rayo configurarlo.cuando intento entrar ala pagina me dice esto.-->Para restaurar el acceso a la red, por favor, comprar un nombre de dominio personalizado o la creación de un registro CNAME para el nombre de dominio existente.

    potro por favor ayudame.mi msn es eurisbody@hotmail.com

    ResponderEliminar
  32. aca te dejo el blog y le coloqque un gadget de los archivos del blog para que veas q hay 22 entradas pero solo muestra 20

    http://bloggdeprueba2012.blogspot.com/

    ResponderEliminar
  33. Buenos días,
    ya he hecho lo que me has dicho de actualizar las versiones de jQuery y nada :(

    ResponderEliminar
  34. Muchísimas, gracias, Potro. te prometo que aunque lo vea complicado, lo intentaré.
    Que tengas un feliz día!
    Besos

    ResponderEliminar
  35. Potro, estoy intentando ingresarlo para coreaspain.blogspot.com seguí todos los pasos e indicaciones, incluso excepeciones y nada.... si me puedes decir cómo agregarlo correctamente te lo agradezco!!!

    un saludo!

    ResponderEliminar
  36. Potro, ayudame porfavor tengo un problema (comentario 30) gracias!!

    ResponderEliminar
  37. Si tengo muchisimas visitas en YouTube y pongo un link de mi blog, y en el blog tengo adsense, me creara problemas con adsense?

    ResponderEliminar
  38. Potro, respecto a mí comentario de antes, he optado por poner una intro como la que publicaste tiempo atrás. Con la nueva no hay manera, me pone la imagen al final del blog, pese a seguir todos los pasos. Si tu supieras aconsejarme te lo agradecería!

    ResponderEliminar
  39. NE, pues a ver cuánto tiempo más duran las energías :P
    Mira esta entrada para que veas cómo ocultar los títulos de las entradas en las páginas estáticas:
    http://ciudadblogger.com/2010/09/ocultar-titulos-de-las-paginas.html

    ResponderEliminar
  40. @Liderforever10, la imagen no tiene nada que ver. Lo que sí tiene que ver es lo que menciono en la entrada pero parece que nadie lee:
    "Si ya usas jQuery asegúrate de tener sólo la última versión y eliminar las versiones repetidas o antiguas."

    Ahí mismo hay un enlace para que veas que cuando se usan muchas versiones de jQuery las cosas no funcionan.
    Saludos.

    ResponderEliminar
  41. POTRO NESESITO TU AYUDA CON ALGO !!

    ResponderEliminar
  42. Neomontoya, busca esos códigos y enciérralos en una condicional:
    http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    ResponderEliminar
  43. CuriosaHistoria, muchas gracias por tu comentario y ¡bienvenido a Ciudad Blogger! :)

    ResponderEliminar
  44. vendetta, pues esa dirección del blog dice que no existe. Pero esa imagen aparece cuando se han modificado los permisos del álbum en Picasaweb, si lo has puesto como privado entonces no se verán más en el blog.

    ResponderEliminar
  45. Alfred Kris, en ese blog no lo veo puesto.

    ResponderEliminar
  46. Hola FarStar,

    Ese problema se da mucho últimamente a veces sólo cuando se navega a través de las Etiquetas, y otras veces cuando se navega por los Archivos del blog.
    Parece ser un bug de Blogger y sólo se da (al menos por experiencia) cuando el blog tiene pocas entradas.
    Conforme tu blog tenga más entradas ese problema deberá desaparecer por sí solo.

    Saludos.

    ResponderEliminar
  47. Hola mikelauris,

    Si la página apuntará a un blog de Blogger aquí puedes ver cómo configurarlo:
    http://ciudadblogger.com/2009/04/configuracion-de-dominio.html

    Si es otra página entonces tendrás que buscar información en la red sobre cómo configurar un dominio en esa plataforma.

    Saludos.

    ResponderEliminar
  48. Beatriz González Pozo, las has actualizado pero no eliminaste las repetidas. Recuerda que también hay que quitar todas las versiones que estén repetidas, no hace falta ponerlas dos o más veces. En tu caso la misma versión aparece 4 veces.

    ResponderEliminar
  49. Sofía, suerte entonces y que tengas también un buen día :)

    ResponderEliminar
  50. Alberto Vil, debe ser porque tienes al menos una versión más antigua de jQuery en tu plantilla. Hasta abajo de la plantilla veo por lo menos la versión 1.3.2 que ya es bastante antigua.
    Saludos.

    ResponderEliminar
  51. Saludos Potro..! --y bueno valla que de repente no toda la gente pretende que uno tenga un buen inicio de año pues he igresado a mi blog hace unos momentos y resulta que me han cambiando la contraseña, es la segunda vez que me intentar robar mi Blog afortunadamente pude dar click en donde decia -no eres tu quien cambio tu contraseña?- o algo asi decia jejeje y si me permitio acceder para cambiarla de nuevo, se que me lo querian robar porque yo tenia 3 dias que no ingresaba para nada al blog y segun hotmail decia que mi contraseña habia sido cambiada hacia 18 horas, en fin ya lo recupere y hasta cambie la direccion de correo tambien para mas seguridad, jejejejeje ......
    Mas adelante probare esta nueva Intro pero queria preguntarte si la podria usar no para cuando entren al blog sino en alguna Etiqueta especifica por ejemplo, si eso requiriera mucha modificacion bueno entonces no, mejor vere si la uso solo como lo que es, una Intro jejejeje.
    Que tengas buen inicio de año Potro...!!

    ResponderEliminar
  52. Disculpa Potro pero se ve el fondo negro y las imágenes salen en la parte inferior izquierda que pasara?

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

    ResponderEliminar
  54. Bridge Is Sky, no debe haber problema. Tú puedes hacer promoción de tu blog donde quieras, el problema sería que tu blog contuviera material que no está permitido en AdSense.

    ResponderEliminar
  55. te escribo aquí potro aunque no tenga nada que ver mi duda con tu entrada (que por lo demás está muy buena)... pero es que el asunto me trae intrigado por varios días y quizás tu me puedas ayudar...
    esto también lo escribí en el formulario de contacto pero lo repito aquí por si lo lees antes...
    Hola potro te felicito una vez más por tus tutoriales, son muy buenos... y por lo mismo quería pedir tu ayuda...
    en mi blog quiero que se descarguen archivos mp3 y pdf sin que estos estén comprimidos en un zip o rar.
    los archivos están alojados en dropbox pero al hacer clic sobre los enlaces se abren en el navegador y lo que yo quiero es "forzar la descarga" ¿es posible esto en blogger?
    yo sé que en otros sitios se puede con códigos php, pero de eso no sé nada y tampoco sé si son compatibles con blogger...
    espero me ayudes y me aconsejes, recurro a ti por que eres uno de los "secos que conozco en blogs"...
    de antemano mil gracias!!!

    ResponderEliminar
  56. Leonardo., vaya, pues es que hay cada gente que nada más está esperando que los demás se descuiden para poder joderlos. A mí ya se ha hecho habitual que cada mes tratan de ingresar a mi cuenta de PayPal pero igual para mi buena suerte (y mala suerte para ellos) no se les ha hecho... ahhh pero todo se paga, todo se paga!
    Lo de las Etiquetas sí se puede, sólo es encerrar el último código en la condicional que necesitas, en este caso sería usar una para que sólo se muestre en una determinada página.

    Saludos, y pase lo que pase ten un buen inicio de año ;)

    ResponderEliminar
  57. Que no violen tus derechos, ¿en cuál blog lo has puesto?

    ResponderEliminar
  58. Mayck, no lo veo puesto en tu blog :/

    ResponderEliminar
  59. Hola jony,

    Subirlos a Dropbox es la mejor opción para que la descarga se realice en la misma ventana, distinto a como sucedería con los hostings tradicionales.
    Sin embargo, sí es necesario que estén comprimidos para que éstos no se reproduzcan o visualicen en el navegador. Pero además, tenerlos comprimidos es aun mejor, porque ciertos antivirus o navegadores podrían bloquear la descarga si detectan un archivo MP3, EXE, etc., así que tenerlos comprimidos también asegura que tus lectores puedan descargar el contenido sin problemas.

    Saludos.

    ResponderEliminar
  60. Muchisimas Graicas el Potro! Esperemos que la energia dure por mucho! y cuando se acabe, sera mejor que nos cobres 1 dolar pro comentar jaja (100 200 dolares por cada entrada, no esta mal) xD

    Bueno, el caso es que quite el titulo, como indicas en la entrada, lo que pasa que queda un espacio en blanco muy grande.. y no se como puedo quitarlo.. http://www.vertiendas.blogspot.com/p/ganar-dinero.html

    Si tienes tiempo, echalo un vistazo porfa, y si no! no importa!

    un Saludo :) Y piensa en monetizar este Blog! Antes de que se te acaben las energias! que tu conocimiento lo vale!

    ResponderEliminar
  61. Jaja reyes magooos O: jaja ojala te hayan traido muchas cosas que te las mereces ;) A mi por ahora me han dado unos regalazos: un portatil que me ha encantado, una nintendo 3DS con un juego de mario, y un USB. jaja, creo que son magos de verdad, porqe para tener dinero para eso con la crisis... jaja

    ResponderEliminar
  62. Potroooo XD como estas amigazo tanto tiempo perdio (otra vez) como pasastes la navidad? y el año nuevo? que te trajo el niño jesus jaja, como sea espero la hayas pasado de 10! x) veo que haz puesto muchas cosas y un rediseño de lo mas genial, que sepas que de vez en cuando veo tu blog pero casi no comento tengo muchas cosas que ver el dia casi no me dura xP, por cierto una preguntita tu que sabes mucho:

    Vagabundia tiene un diseño realmente bueno para ser blogger crees que blogger tenga la posibilidad de tener diseños tipo wordpress? por que lo digo blogger seria perfecto si tuviera la posibilidades como wordpress aunque claro con tu cierto "esfuerzo".. :P nos vemos amigazo!! Bendiciones para este año! mucho exito!

    ResponderEliminar
  63. Potro cree un blog de prueba es este http://maquenose.blogspot.com y en http://criticas-boog.blogspot.com/ no sé que pasa

    ResponderEliminar
  64. esta gueno, eso lo habia aprendido y con musica... si tengo el codigo despues se los paso a ciudad blogger.. :))) el resultado se ve aqui..

    www.mihanovich-sandra.blogspot.com

    ResponderEliminar
  65. Podrías Pasar el código es urgente, para ver si funciona en mi blogger
    Lo agradecería mucho

    ResponderEliminar
  66. potro gracias por el aporte...
    Aprovechando:

    Xq cuando hago compartir el tema o post de mis blog,no sale la caratula completa del post,solamente sale asi,incompleto. y yo kiero que salgan asi completos
    Y otra k en mi blog las caratulas de el frente tampoco aparecen completas y pss kisiera que igual salgan completas porfavor ayuda con esto,.gracias potro,espero respuestas.

    ResponderEliminar
  67. NE, 1 dólar por comentar, jajajajajajajajajaja, lo malo es que casi la mitad de esos comentarios son míos, así que la ganancia no es mucha :P
    ¿Cómo has quitado el título? Porque si se hace con display:none; se debería quitar cualquier espacio que hubiera.

    ResponderEliminar
  68. CampamentoWeb, jajajajajajaja, pues sí que han de ser magos entonces. Le hubieras puesto en tu carta a los Reyes la dirección de mi casa porque por aquí nomás no pasaron, o tal vez sí llegaron pero ya habían gastado toda su magia en tus regalos :P

    ResponderEliminar
  69. yonathan, caray pues tú te pierdes a cada rato hombre, espero que sea por la escuela ;)
    Las fiestas muy bien, espero que tú igual la hayas pasado bien :)

    El diseño... pues depende a qué te refieras con tipo WordPress, porque de hecho muchas de las plantillas que hay por la red (por ejemplo las de BTemplates) son plantillas de WordPress que fueron adaptadas para Blogger, así que en cuanto al diseño no debe haber obstáculo para que la plantilla no se vea bien, claro, que mucho depende no sólo del gusto personal sino de qué tanto trabajemos en ella para que quede como nos gusta :)

    Saludos.

    ResponderEliminar
  70. Boog, puede ser porque en el segundo blog tienes 2 versiones de jQuery, la del intro que es la 1.7.1 y la del slider, que es la 1.7.0
    Quita esta última y mira si con eso funcionan bien ambos.

    ResponderEliminar
  71. De algún rincón de este mundo, ese es el método que vimos antes, jojo, de hecho en la entrada está el enlace a ese intro :D

    ResponderEliminar
  72. HANNIBAL T, qué bueno que te ha gustado!

    ResponderEliminar
  73. Que no violen tus derechos, jajaja, ya, ya, ya desperté :D
    Es que por mi ubicación geográfica soy el último que se despierta.
    Te había respondido en el otro comentario, ya que mencionabas que las imágenes aparecían abajo, pero necesito saber en cuál blog lo has puesto para poder echarle un ojo y ver qué puede estar pasando.
    Saludos!

    ResponderEliminar
  74. Menos mal Potro zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz? HAHAHAHA
    http://maquenose.blogspot.com y en http://criticas-boog.blogspot.com/ no sé que pasa

    ResponderEliminar
  75. Hola Potro, imagino que los Reyes te habran regalado muchas cosas. Y sobre todo lo que estoy seguro es que te han regalao trabajo aqui con todos los bloggeros.jajajaja

    Potro el texto de Entrar no me funciona, haces clic encima de el y ni se inmuta, no se a que sera debido, lo tuve que eliminar, aunque si me dices que puedo hacer lo volveria a poner.
    Un abrazo

    ResponderEliminar
  76. las borre Potro y se puso chucaro no salio nada durmio

    ResponderEliminar
  77. Potro lo que quiero es colocar una intro en www.sitio13.tk pero borre muchas cosas buscados créditos y otras no esta el Head ni el /body puedes pegarle una mirada pero despierto amigo.
    De ante mano gracias.

    ResponderEliminar
  78. Mucha Fiesta Potro y no duermes esta mal
    Tu eres el Cirujano de la programación no puedes quedarte dormido en una operación

    ResponderEliminar
  79. Alfred Kris, pues sí, pero sin verlo puesto en el blog no puedo saber qué está fallando.

    ResponderEliminar
  80. respuesta al mensaje #48 gracias potro me a funcionado de maravillas, tambien aplique a mi blog el leer mas automatico y con vista miniatura, te queria preguntar si hay algun script que muestre alguna imagen predeterminada por mi en las entradas que no tienen imagen es que tengo muchas entradas antiguas donde hay solo videos y sin imagen.y solo se muestra el titulo te dejo la url de mi blog si no me entiendes.

    http://www.xevero.com/search/label/VIDEOS%20ACCIDENTES?max-results=6


    gracias potro por la ayuda..!

    ResponderEliminar
  81. Microboy90, eso debe depender de Facebook, hasta donde yo sé siempre las muestra cuadradas. Pero al menos con el blog sí puedes hacer que se muestren completas si usas otro tipo de Leer más:
    http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html

    ResponderEliminar
  82. Potro Despierat por Favor
    Potro borre el anterior y lo puse en este http://cesantehoy.blogspot.com pasa lo mismo míralo por favor

    ResponderEliminar
  83. Potro Traspasame unos dolares de tu cuenta PayPal, yo solo tengo 2

    ResponderEliminar
  84. Disculpa las molestias Potro
    Será hasta nunca ya que veo que molesto gracias

    ResponderEliminar
  85. Que no violen tus derechos, despierto estoy, pero esta no es la única entrada donde tengo que responder comentarios, tengo que hacerlo en todas las entradas del blog, correos, Faebook y Twitter, y los respondo conforme van llegando, así que no puedo contestar a todos al mismo tiempo ni dejar de repsonder a los que preguntaron antes sólo para darle prioridad a alguien, pero respondo todas las preguntas tú no te preocupes ;)
    El primer blog está eliminado así que no pude verlo, el segundo.... pues ya habías comentado como Boog, y ahí en el hilo de los comentarios verás la respuesta que te di.

    Saludos.

    ResponderEliminar
  86. PC, trabajo sí, paga ninguna :(
    Necesitaría verlo puesto en tu blog, ponlo al menos en un blog de pruebas para que no te afecte mientras tu blog, así puedo entrar a echarle un vistazo.
    Saludos!

    ResponderEliminar
  87. quieres decir que tengo que cambiar lo de "LEER mas" para que se acomode eso??

    ResponderEliminar
  88. Gracias por la respuesta Potro......!!!!!!!!

    ResponderEliminar
  89. Todo arreglado el potro! Muchisimas gracias! :)

    Me da pena que te preguten tanto y tanto, puede que estaria bueno abrir un chat, y que entre todos ayudasemos a todos.. :)

    un Saludo, y muchas gracias como siempre :)

    ResponderEliminar
  90. Hola Potro (: Queria hacerte una pregunta, no se si sabias que hay sitios donde la gente crea frases y se puede poner me gusta a cada una de ellas, y se comparte en el muro. Como por ejemplo: http://mimejorfrase1.com.ar/ Me gustaría hacer uno con Blogger, sé que se puede porque entre tantos he visto uno hecho con Blogger. Por favor me podrías explicar como hacerlo? Que sea mas o menos parecido... Muchas gracias. Saludos!

    ResponderEliminar
  91. holaaa me gusto mucho tu blog lo llevo viendo desde hace unas semanas y esta muy interesante deberias de hacerun ciudadwordpress.com o ciudadhtml.com aunque algunos de tus entradas si son compatibles seria genial! jejeje bueno me usto mucho este blog ahora lo veo casi diario :)

    ResponderEliminar
  92. Neomontoya, de hecho hay un script para el Leer más que tiene unas mejoras, una de ellas es que muestra una imagen predeterminada cuando el post no tenga alguna:
    http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html

    ResponderEliminar
  93. Microboy90, sí, todo el script, para que el nuevo método de Leer más pueda incorporar el tamaño proporcional de las miniaturas.

    ResponderEliminar
  94. NE, qué bueno que todo se ha resuelto, saludos!!!

    ResponderEliminar
  95. ROMcube, en Blogger no porque para crear una aplicación de esas necesitas PHP.
    Yo nunca he hecho una así que te mentiría si te digo que es fácil o difícil, pero un amigo hizo una en un hosting propio y me comentó que no era nada complicado. Seguro en la red debe haber algún tutorial sobre ello, sería cuestión de investigar y ver cómo hacerse.
    Saludos.

    ResponderEliminar
  96. Hola, tengo la sgte. consulta: cómo podría hacer para configurar el zoom de mi blog de modo que en todos los tamaños de monitores de computadoras se vea igual.
    Tengo el inconveniente de que en mi pc se ve todo normal xq' es de 16' pero el otras más estrechaz se activa la barra deslizante de abajo y tienes q' moverla para ver la parte derecha de la página. Espero me comprendas lo que trato de explicar..

    ResponderEliminar
  97. Como siempre amigos gracias por su pronta e invalorable respuesta!! son una gran ayuda para nuestras necesidades bloguerísticas je Cariños

    ResponderEliminar
  98. Hola Potro, realmente me gusto, gracias.

    Por cierto te quería hacer una consulta, lo que sucede es que tengo dos feed en mi blog por medio de feedburner, y el principal no se me actualiza rápidamente que es este http://feeds.feedburner.com/DarkGritoriumVampirosYLibros, se demora demasiado en actualizar mis últimas publicaciones para mis lectores.

    Espero me puedas ayudar :)

    Saludos

    ResponderEliminar
  99. Hola Potro:
    Estoy creando un dominio propio para mi blog (www.winx-lovely.blogspot.com) a través de Blogger y en el registro tengo que poner el nombre de mi ciudad.
    Resulta que el nombre de mi ciudad lleva una "ñ" en el nombre y esa letra no está permitida ponerla.
    Tengo que sustituir la "ñ" por una "n"?

    Gracias

    ResponderEliminar
  100. Hola otra vez.
    Ese problema ya no lo tengo.
    El problema que tengo ahora es que quiero cancelar la solicitud que hice y para eso tengo que ponerme en contacto con el "Servicio de Asistencia"
    ¿Cúal es el servicio de asistencia?

    Gracias

    ResponderEliminar
  101. Armado, muchas gracias por tu comentario :)
    Ya me han sugerido eso de ciudadwordpress pero como todavía no conozco bien esa plataforma (por no decir que nada) no me animo, pero a ver si en un futuro se puede, por suerte como bien mencionas muchos truquillos son compatibles para ambas plataformas :)
    Que tengas buen fin de semana!

    ResponderEliminar
  102. Soul, necesitas una plantilla que no tenga un ancho fijo, sino que se adapte a la resolución de la pantalla. En esta sección hay algunas:
    http://btemplates.com/blogger-templates/fluid-width/

    ResponderEliminar
  103. Graciela "Aromas de Mamá", gracias a ti por visitarnos!

    ResponderEliminar
  104. Emperatriz, hay unos procedimientos que puedes realizar para acelerar el tiempo de entrega en las actualizaciones del feed. Aquí se explica cómo hacerlo:
    http://ciudadblogger.com/2010/01/acelerar-el-tiempo-de-actualizacion-del.html

    Saludos!

    ResponderEliminar
  105. Hola Lovix,

    Todos los dominios que he comprado los he comprado fuera de Blogger, pero el único centro de asistencia que tienen es el Foro de Ayuda de Blogger, ahí se dan sus vueltas los empleados de Google para revisar algunos casos.

    Saludos.

    ResponderEliminar
  106. Pero si ya tengo mi blog ya estructurado cómo hago para que se adecúe al ancho de la pantalla?. Porque con lo que me dices tendría que comenzar de nuevo..

    ResponderEliminar
  107. graciaas x todos tus post tu blog me a servido de mucho!!!


    viiisiiiiiiitaaaaaaaaaaaaaaaa:

    fannydesigns.com.nu

    ResponderEliminar
  108. Hola potro , sabes que no me aparece en mi blog ... www.soloateos.com.ar

    ResponderEliminar
  109. Soul, es algo complicado, tendrías que cambiar el ancho de todos los contenedores, pasarlos de pixeles a porcentaje, así que tendrías que calcular el equivalente en porcentaje de cada uno de los contenedores. No es cosa sencilla, por eso te decía de las plantillas que son diseñadas así desde el inicio.

    ResponderEliminar
  110. potro como le hago para quitar de mi blog esto:
    entrada anterior pagina principal ultima entrada

    por esto: 1,2,3,4,5,6 siguiente. xfas (:

    ResponderEliminar
  111. Stephanie, gracias a ti por visitarnos siempre!!!

    ResponderEliminar
  112. Potro, ya estás a punto de llegar a los 10 mil "fanses" en Facebook, ahí nos dices a dónde nos vamos a festejar XD.

    Aunque no te confíes, que Chica Blogger te anda pisando los talones; haber quien llega primero a los 10 mil seguidores, de seguro que será un final de fotografía, XDDDDD.

    ntc!

    Saludos.

    ResponderEliminar
  113. hola potro
    me gustaria saver como puedo ocultar el titulo en mi blog http://www.cinewow.tv/ intente con el metodo ke explicas y no meda, y me gustaria saber como puedo hacer para ke en el codigo fuente de mi web no se vea todo el contenido que solo se muestre un poco de codigo del inicio de la entrada y no toda y ke al darle click si se vea todo normal es para ke mi blog no kede tan pesado y me carge mas entradas al inicio
    saludos potro

    ResponderEliminar
  114. aa y otra cosa en mi blog se a comodan las imagenes todas centradas por defecto y no se como arreglar eso :s

    ResponderEliminar
  115. POTRO como pongo estos botones asi como estan!! pero sin el de "46 votar"

    asi como este
    y que este debajo de los post...

    ResponderEliminar
  116. Hola potro feliz año 2012 un abrazo de feliz año stube un poco desaparecido porque estaba celebrando con mi familia.

    Bueno una consulta rapidita cuando coloco el cursor en el titulo de tu entrada aparece el textodescriptivo de mismo nombre del titulo sabes como hacer eso en mi log.
    Saludos a todos y Feliz Año!!!

    ResponderEliminar
  117. Que tal potro, me preguntaba si me podrias ayudar, es que descargue una plantilla y la instale, pero las imagenes tienen un marco, solo queria saber como quitar ese marco,
    ReAl GaMeZ

    ResponderEliminar
  118. Hola

    Soy un asiduo lector de tu blog, me gustaría que actualizaras siempre xD

    te dejo este mensaje para ver si me puedes ayudar :S

    Coloque los botones de facebook, twitter y google+ bajo los títulos de las entradas.

    El problema es que en la pagina de inicio http://www.failomg.com/ si quiero compartir una entrada en particular, comparte la pagina en general :(

    dentro de los post, comparte perfectamente al momento de darle clic a esos botones


    gracias de antemano :D

    ResponderEliminar
  119. THAN, recuerda las consideraciones finales:
    "Si ya usas jQuery asegúrate de tener sólo la última versión y eliminar las versiones repetidas o antiguas."

    ResponderEliminar
  120. sonacero360, se llama "paginación", no tengo una entrada sobre ello pero en la red hay varios tutos sobre ello. Saludos.

    ResponderEliminar
  121. Pepée Pilato, jajajajaja, pues tendremos que irnos a echar unos copetines a algún lado, o dicho de una manera más propia, nos echamos unas cubetas ;)

    ResponderEliminar
  122. Carlos Martinez, para ocultar el título agrega debajo de:
    .title
    {

    Esto:
    display:none;

    Las entradas aun cuanto tengan el script del Leer más sigue cargando toda la entrada completa. El único sistema que no carga toda la entrada es el Leer más nativo de Blogger, pero las imágenes ahí siempre se muestran cuadradas y no rectangulares como las tuyas.
    Las imágenes no las vi centradas, al menos entré al último post y vi la imagen alineada a la izquierda.

    Saludos.

    ResponderEliminar
  123. Microboy90, usa una tabla HTML, ahí agrega los códigos de los botones que quieres:
    http://ciudadblogger.com/2011/06/anadir-el-boton-1-de-google-en-blogger.html
    http://ciudadblogger.com/2009/11/boton-para-compartir-por-twitter-y.html

    La tabla debes pegarla debajo de <div class='post-footer'>

    ResponderEliminar
  124. Pobre Potro, responde y responde dudas ._.

    ResponderEliminar
  125. Muchas gracias por responder ,:) gran blog :D soy el fan 2 de la semana wuju :D a diario veo las actualizaciones :)

    ResponderEliminar
  126. Daniel, qué bueno que has pasado tiempo con tu familia, pero igual qué bueno que ya andas otra vez por aquí :)
    Con los artilugios expandidos busca esta línea:
    <a expr:href='data:post.url'><data:post.title/></a>

    Todas las que encuentres cámbialas por esta:
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>

    ResponderEliminar
  127. leonard velarde, claro que sí, busca esta parte de tu plantilla y elimina lo que está en negrita:

    .entry img{
    padding:1px;
    max-width:530px;
    border:1px solid #ccc;
    }

    ResponderEliminar
  128. zux, a mí también me encantaría actualizar más seguido pero como ves el tiempo no me lo permite :(
    Los botones de compartir siempre es preferible mostrarlos sólo en las entradas individuales justamente para evitar ese problema, pues ya sea que no se comparte la información de la entrada, o que no muestra el conteo real de las veces que se ha compartido, y en casos extremos no se muestran los botones, así que es preferible que esos botones estén dentro de una condicional para que sólo esten visibles al entrar al post:
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    Saludos y gracias por se seguidor de este blog :)

    ResponderEliminar
  129. Chico del Cereal, no me quejo, me gusta ayudar :)
    Lo único malo es que no me da tiempo de escribir nuevas entradas :/

    ResponderEliminar
  130. Potro y porque no poner un chat aqui para ayudarnos entre todos?? asi menos espera en las respuestas tuyas y menos trabajo para ti!

    ResponderEliminar
  131. Oye potro; no tiene que ver con el tema ¿Cómo centro la cabecera del blog si uso el diseñador de plantillas?

    Por ejemplo con éste:
    http://pasocompleto.blogspot.com/

    ResponderEliminar
  132. potro una pregunta no sabes de un foro donde busquen enlasar blogs?

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

    ResponderEliminar
  134. Ok, gracias por tomarte el tiempo en responder :D

    Pensé que se podía hacer lo que mencionada, voy a seguir tu consejo :)

    ResponderEliminar
  135. Jordan Records, a ver si para la otra semana eres el número uno :)

    ResponderEliminar
  136. Microboy90, quizá lo próximo sea un foro, pero está en veremos, de todas formas no te preocupes que a todos les respondo, lo que pasa es que algunos quieren que sea inmediata la respuesta y pues no siempre se puede. Pero a ver si más adelante surge lo del foro o lo del chat, no sé qué prefiera la mayoría, ya lo veremos después ;)

    ResponderEliminar
  137. Juan Daniel, para centrar el título de la cabecera agrega debajo de:
    .Header h1 {

    Esto:
    text-align:center;

    ResponderEliminar
  138. muchas gracias potro, me ha servido de maravilla!

    ResponderEliminar
  139. dnis villeda, yes my friend, este es un foro creado especificamente para intercambiar enlaces:
    http://intercambios.yotelodigo.com.ar

    ResponderEliminar
  140. lo podria poner en un pestaña como te digo.........osea en una etiqueta ??

    ResponderEliminar
  141. leonard velarde, qué gusto que así haya sido :)

    ResponderEliminar
  142. Mesias 829-308-6783, sí, de hecho el último código lo puedes encerrar en una condicional para que lo muestres donde quieras:
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    ResponderEliminar
  143. Potro como se quita los bordes aqui en mi blog

    bordes

    ResponderEliminar
  144. en este!! http://www.peliculasyprogramas.org/

    ResponderEliminar
  145. Busca esta parte y elimina lo que está en negrita:
    .post-body img,table.tr-caption-container{ background:#f9f9f9;border:1px solid #dddddd; -moz-box-shadow:1px 1px 5px rgba(0,0,0,.1);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.1);padding:5px}

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

    ResponderEliminar
  147. Hola Potro!
    Me gusto mucho esta entrada y pues bueno mi blog casi en su totalidad esta hecho gracias a tus post.

    Bueno en este caso tengo una pequeña duda, ¿Es posible posicionar el botón de entrar sobre la imagen?, o, ¿poner una imagen antes del botón y otra después?.

    Bueno pues ya que quise diseñar mi propia imagen para la entrada quisiera que fuera el botón entre dos imágenes, o en otro caso el botón sobre la imagen.
    Si fuera esto posible te agradecería mucho tu ayuda.

    De Antemano Muchas Gracias.

    ResponderEliminar
  148. Mayck, he entrado a ese blog y lo veo perfectamente centrado o.O

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

    ResponderEliminar
  150. hola potro un abrazo, lamentablemente el codigo no me funciono en mi blog principal, asi que decidi intentar crear un hibrido entre el intro nuevo y el viejo para adaptarlo a mi blog, logrando hacerlo casi igual, y ami forma de verlo me parace un poco mas comodo; en todo los aspectos.

    ahi te lo dejo para que le heches una ojiadita muchas gracias por tu tiempo quizas pueda servirla a otros.

    ver codigo AQUI

    ResponderEliminar
  151. Sebas Calvo, supongo que puedes sobreponerlo si al botón de aplicas un margen:
    <div id='close' style="margin-top:-200px;"> Entrar </div>

    ResponderEliminar
  152. Mayck, mientras funcione todo es válido ;)

    ResponderEliminar
  153. oye, al principio del codigo se tiene que poner también lo de script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> ????
    es que está en color gris y no sé que onda

    ResponderEliminar
    Respuestas
    1. Sí, también se tiene que poner. Lo he puesto en color gris para distinguirlo, para en caso de que alguien ya tuviera jQuery en su plantilla sepa identificarlo.

      Eliminar
  154. Hola Potro, veo siempre tu blog porque es genial, las indicaciones con muy claras y si hay problemas siempre leo los comentarios.
    Te comento que puse esta intro en mi blog, pero no funciona, no se que sucede, seguro es una tonteria, pero no puedo ver donde esta, he leido todos los comentarios pero aun no puedo resolverlo.
    te dejo el link de mi blog, http://lscrapandme.blogspot.com/
    gracias por todo, Cinthia

    ResponderEliminar
    Respuestas
    1. Hola Cinthya, muchas gracias por tu comentario, eres muy amable :)
      Tal vez el problema es que usas otra versión de Jquery. Prueba quitar esa versión, y dejar sólo la que se agrega en esta entrada.
      Mira este post para que sepas de qué hablo:
      http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html

      Saludos :)

      Eliminar
  155. hola potro megusta tu publicacion pero cuando pongo en intro meda error

    ResponderEliminar
  156. muchas gracias por tu respuesta, y siento molestarte nuevamente, ahora la imagen sale en la parte superior izquierda y no encuentro el modo de ponerla al centro, he provado varias cosas sin resultado, quizas es una tonteria...
    gracias nuevamente

    ResponderEliminar
    Respuestas
    1. Encierra el código que va antes de </body> entre <center> y </center>

      Eliminar
  157. Hola Potro!
    Ya lo puse y todo perfecto. La cosa es que yo utilizo chrome y la intro se ve genial, pero con explorer ni aparece y con firefox se ve fatal! no se si será que estos dos navegadores no los tengo actualizados o no se cual es el problema. Gracias por adelantado!!
    Saludos.

    ResponderEliminar
    Respuestas
    1. Hola Paco,
      Con IE no he podido entrar a tu blog, pero tanto en Chrome como en Firefox lo veo bien, eso sí, tarda casi nada en quitarse, pero el breve momento en el que se ve se aprecia bien.
      Saludos.

      Eliminar
    2. Potro es muy raro, ahora solo lo veo bien en Firefox, quizás es fallo de mi pc, no lo se, voy a dormir un poco que aquí son las 2 de la mañana... si, se quita rápido porque como aun no se como dejarlo bien pues puse solo 1 segundo de duración :p Una cosa, sabes como dejar centrada la imagen aunque entren con una resolución más alta?? (que no se repita la imagen de la intro), y centrado como lo tengo el blog. Muchas gracias por todo y perdona las molestias!

      Eliminar
    3. Ya puse lo de no-repeat y por lo menos la imagen ya no se repite, eso si, no se que hacer para que en resoluciones altas la imagen se vea centrada, a ver si me puedes ayudar. Por lo demás, sigo viendo la intro solo en Firefox...

      Eliminar
    4. Según un amiga también lo puede ver en Chrome, parece que todos menos yo...

      Eliminar
    5. Prueba eliminar las cookies y caché de tu navegador, quizá con eso ya puedas verlo bien.

      Eliminar
    6. Perfecto!! Gracias Potro. Y para que la imagen siempre aparezca centrada independientemente de la resolución que se utilice, sabes algún código?? en mi monitor se ve muy bien, pero en resoluciones más altas tiende la imagen a desplazarse hacia la izquierda y dejando mucho hueco en la parte inferior, no queda mal pero prefiero centrado...

      Eliminar
    7. Mira el comentario #174.1 eso debe centrarlo, aunque lo de las demás resoluciones no sabría decirte muy bien :(

      Eliminar
    8. Bueno lo de la resolución no importa tanto, ya probaré con códigos, de todas formas queda bien :p En Explorer no aparece la imágen solo el entrar pero ya sabemos como es este navegador, para mi una mier... Una duda que tengo, no se como explicarlo, esta intro se supone que aparece siempre solo al entrar en mi página (puse condicional), pero si tienen cookies de mi página ya no verán más mi intro hasta que borren esas cookies?? yo quiero que siempre siempre aparezca la intro al entrar para todos, aunque hayan entrado 1000 veces ya...espero haberme explicado. Gracias y perdona tanto royo...

      Eliminar
    9. Será hasta que las cookies expiren, o hasta que el lector borre las cookies de su navegador.
      Pero si quieres que siempre salga sólo déjalo como está, o sea en:
      dontShowAgainAuto: false,

      Estando así se mostrará siempre.
      Saludos!

      Eliminar
  158. Hola Potro ! no se que sucederia porque no me funciono bien en mi plantilla esta Intro no aparece y la foto que pongo para que se muestre me aparece al final del blog hasta mero abajo, use la que tu pusiste de ejemplo, ya despues la cambiare por la mia solo use esa para que la identificaras con facilidad si entras al blog.

    http://calaveras-y-pentagramas.blogspot.com/


    Otra pregunta es como puedo hacer para esconder una sidebar izquierda, no es para esconderla en las paginas estaticas sino en el blog normal, la quiero escconder en todas partes menos en las entradas individuales.

    Muchas gracias....!!!

    ResponderEliminar
    Respuestas
    1. Amigo.. creo que me pasó lo mismo!!:. Ojalá haya alguna solución.. gracias!!

      Eliminar
    2. Leonardo., tienes dos versiones de jQuery, aunque ambas son la última y la misma sólo debe haber una. Elimina la segunda y revisa si eso lo soluciona.
      Por cierto, fuera del tema, tus URLs de Shadowbox están mal; los archivos que se agreguen en Dropbox deben estar dentro de la carpeta Public, de otra manera sólo a ti te funcionarán.

      Lo de la sidebar usa el mismo método que para esconderla en las páginas estáticas, sólo cambia esta condicional:
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

      Por esta:

      <b:if cond='data:blog.pageType == &quot;item&quot;'>

      Eliminar
    3. Leo Gómez, tienes dos versiones de jQuery en tu plantilla, es por eso que en la entrada he hecho hincapié en ello, para que antes de ponerlo revisen si tienen otras versiones y las eliminen para evitar que no funcione.

      Eliminar
    4. Disculpa Potro, que es lo que notaste que no se visualiza bien, las direcciones del shadowbox ? pero no logro distinguir de que lugar de los post de este blog http://calaveras-y-pentagramas.blogspot.com/ ? o de que parte del blog?

      Eliminar
    5. En la Edición HTML de ese blog, revisa las URLs de los archivos de Shadowbox.

      Eliminar
  159. En el caso de ocultar la sidebar segui esta entrada:
    http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
    ..y solo agregue arriba de </head> esto:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #newsidebar-wrapper {
    width: 0px;
    display:none;
    visibility:hidden;
    }
    #main-wrapper {
    width: 893px;
    }
    </style>
    </b:if>#039;text/css

    ...en mi caso la sidebar que quiero ocultar en las paginas es la new sidebar, pero no me resulto.
    ____________________________
    Y sobre la Intro es verdad que tenia 2 versiones repetidas y he eliminado la primera, solo elimine este fragmento del codigo:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

    ... es correcto borrar solo eso?? y tampoco me resulto pues la foto sigue apareciendo hasta abajo del blog.

    ResponderEliminar
    Respuestas
    1. Debes eliminar la segunda como te dije, si eliminas la primera entonces el primer script no podrá leer jQuery.
      Con lo otro deja #sidebar-wrapper así deberá funcionar.
      Saludos.

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

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

      Eliminar
    4. Ayer habia logrado resolver con tu Ayuda lo de esta intro, anteriormente habia borrado la primera direccion y por eso la foto
      de bienvenida me aparecia hasta abajo del blog, pero corregi eso y funciono perfecto inmediatamente se visualizo la Intro, y por la tarde me di cuenta que no volvi a verla y pense que se trataria del navegador pues yo uso Opera asi que no le di importancia y pense que al dia siguiente apareceria de nuevo, pero hoy no funciono asi que volvi a revisar cada paso del tutorial y checando que los codigos estuvieran en el lugar correcto y nada ya no me funciona la Intro,
      sera acaso algun problema de las Cookies o algo asi ? en el caso del ejemplo de tu blog de pruebas si se visualiza.

      -Gracias por la ayuda respecto de ocultar la sidebar ya lo resolvi...!!!
      Saludos.!

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

    ResponderEliminar

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