Mostrar gadgets solo en la portada

17 de julio de 2009 383 comentarios ,
Uno de los mayores problemas que presentan todos los blogs es el tiempo que tarda en cargar la página. Si bien hay gadgets que podemos eliminar para hacer la carga más ligera, hay otros gadgets que son muy necesarios para el blog y no queremos eliminarlos, así que lo que haremos será mostrarlos sólo en la página principal, o sea en la portada, y cuando el lector entre a una entrada estos desaparecerán.

Para lograr esto modificaremos el código del gadget que queramos ocultar en las entradas. En ese ejemplo usaremos el código de un gadget HTML/Javascript. Sólo hay que localizar el gadget con los artilugios expandidos y agregar lo que está en rojo.
<b:widget id='HTML1' locked='false' title='Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Como ven, la primera parte que agregamos va justo después de
<b:includable id='main'> y la segunda parte justo antes de </b:includable>

Esto lo hacemos con cada uno de los gadgets que queremos esconder, aunque todos tienen un código distinto, sólo hay que guiarnos por lo que mencionamos anteriormente.
De esta forma todos los gadgets se mostrarán en la portada, pero en las entradas se ocultarán aquellos que hayamos modificado.


383 comentarios en:

" Mostrar gadgets solo en la portada "

  1. Esto si que no me lo esperaba bro... esta buenísimo este truco!!!

    Un abrazo!!!

    ResponderEliminar
  2. Ojalá y a alguien le sea útil.
    Un abrazo bro.

    ResponderEliminar
  3. Muy bueno el trucoo!!
    se agradece ;P



    saludos

    ResponderEliminar
  4. Hola Dr. Víctor,

    Mira en este blog de pruebas al entrar verás que en la barra lateral aparece una Lista de blogs, luego haz click en alguna entrada y verás que la Lista de blogs desaparece.

    Saludos.

    ResponderEliminar
  5. Hola Mathias,

    Gracias a ti por tu visita.
    Saludos.

    ResponderEliminar
  6. Muy bueno amigo... justo en mi blog entornogeek.com lo uso ya que la faviconera que tengo solo se muestra en la pagina principal... tambien esta muy bueno el otro hack... que es similar, ya que solo se muestra el widget en las entradas... Exitos con tu blog y a seguir posteando...

    ResponderEliminar
  7. Hola JORGE,

    Qué bueno que estés usando estos hacks, yo igual estoy pensando editar los míos para aligerar la carga.

    Gracias por tu visita.

    Saludos.

    ResponderEliminar
  8. Pero no hay manera de que también desaparezcan de los índices de label?

    ejemplo: search/label/gente_on
    aparece también

    ResponderEliminar
  9. Hola DO2,

    Puedes esconder etiquetas específicas si es a lo que te refieres. En estos días hago un post sobre ello.

    Saludos.

    ResponderEliminar
  10. Gracias por la respuesta tan rápida. Pero no me refiero a eso, sino que, cuando eliminas un gadget (en este caso un html) de la portada sí que desaparece en los post, pero no cuando es una etiqueta. Vaya, no sé si me estoy liando, mejor te muestro mi problema...
    Entrada principal:
    http://tostado2.blogspot.com
    Enlace de etiqueta:
    http://tostado2.blogspot.com/search/label/proy_encurso

    Aquí no consigo que desaparezca el html
    Mil gracias en cualquier caso.

    ResponderEliminar
  11. Hola DO2,

    Cuando pones el código para que el gadget se muestre sólo en la portada desaparece tanto cuando estás en una entrada individual como cuando estás en un link de etiquetas.
    Mira aquí:
    http://ciudadbloggerbeta.blogspot.com/

    Verás que la lista de blogs se muestra, pero si estás en una entrada desaparece, pero incluso igual en la dirección de las etiquetas, mira:
    http://ciudadbloggerbeta.blogspot.com/search/label/test

    Como ves sólo se muestra en la portada y desaparece de cualquier otra página.
    Revisa bien que estés colocando el codigo en su lugar, pues no deberías tener problema con ello.

    Saludos.

    ResponderEliminar
  12. Buenas, me gustaría saber si se puede mostrar un gadget sólo en una página concreta, pero no en la portada. Espero una respues, gracias.

    ResponderEliminar
  13. Hola Juanma™

    Claro que se puede, cambia la primera línea roja por esto:
    <b:if cond='data:blog.url == "URL de la entrada"'>

    De esta forma el gadget sólo aparecerá en la página que has especificado.

    Saludos.

    ResponderEliminar
  14. Gracias por tu ayuda!
    Date una vuelta por mi blog si te apetece: http://juanmatm.blogspot.com/

    ResponderEliminar
  15. Ya ayer estuve leyendo tu blog =)
    Saludos.

    ResponderEliminar
  16. holas esta muy bueno lo que ases
    yo soy nuevo pero no se si me podrias ayudar en esto no se si se pueda bueno aki te ba

    *lo q yo quiero es q los gatgets se oclten en solo las entradas q yo quiera y en otras entradas aparescan normal ojla me ayudes

    ResponderEliminar
  17. es posible que se pueda hacer con las etiquetas en vez de las entradas?

    ResponderEliminar
  18. Hola Ezequiel,

    No te he entendido bien, si lo que quieres es mostrar el gadget de etiquetas sólo en la portada sí se puede, se sigue el mismo procedimiento.

    Saludos.

    ResponderEliminar
  19. claro a lo que me refiero es que no aparesca en la portada, sino solo en las etiquetas o sea, que solo aparesca cuando este la url de las etiquetas

    por ej:

    http://cualquierblog.blogspot.com/search/label/ ( cualquiera sea el nombre de la etiqueta)

    masomenos entendi algo del codigo estudio informatica pero este es mi primer año en la facultad, y entendi en el codigo que el gadget solo se mostrara cuando aparesca la url del blog solamente, mil perdones se me hace un poquito dificil explicarlo bien bien

    porque si elijo el tutorial de que solo aparesca x gadget cuando se hace click en una entrada solo aparece ahi y nada mas, a mi me gustaria que no aparesca en la portada, pero si cuando se ven varios posteos de etiquetas, como por ej si hago click en la etiqueta herramientas para blogger (es un ejemplo cualquiera)el gadget aparesca tmb, sino entendiste lo que quiero decir te pido mil disculpas por hacerte perder el tiempo de nuevo

    un abrazo grande y excelente como explicas las cosas:)

    ResponderEliminar
  20. lo ultimo y no molesto mas, capas asi lo entendes mejor :P jaja, lo que quiero es que por ej el gadget de visitas, solo se muetre cuando hago click en algunas de las etiquetas del blog

    un abrazo grande

    ResponderEliminar
  21. Hola Ezequiel,

    Definitivamente fue más claro la segunda vez, jajaja.

    Sí se puede, en ese caso usarías esta línea en vez de la primera:

    <b:if cond='data:blog.url == "URL de la etiqueta"'>

    Sólo cambia la URL de la etiqueta y listo, el gadget se mostrará sólo en esa etiqueta. Pero ojo, el gadget se mostrará sólo en la URL de la etiqueta, no en los post que contengan esa etiqueta. Para mostrar el gadget en una entrada específica usas ese mismo código sustituyendo la URL de la etiqueta por la URL del post.

    Saludos.

    ResponderEliminar
  22. buenisimo jajaja, y la ultima pregunta xD, es posible que pueda hacer aparecer ese gadget no solo en una sola etiqueta, sino por ej en herramientas, concursos, estadisticas, etc...? o sea, en todas las etiquetas menos en la portada

    desde ya te doy las gracias :)

    ResponderEliminar
  23. ya lo revise a ese (A) ajajaj, mira hagamos una division poco detallada mi blog (A), esta la portada, las entradas que si haces click en el titulo abre la entrada, y las etiquetas, que si haces click en una te salen todos los posteos con esa etiqueta

    entonces lo que yo no quiero es que se muestre ni en las entradas, ni en la portada (A) jaja, creo que estoy abusando de generesidad jaja, y lo que si quiero es que se muestre cuando se hace click en cualquiera de las 10 etiquetas, por ej si hago click en herramientas, se van a mostrar todas las entradas etiquetadas como herramientas y lo que quiero es que ahi aparesca el el gadget, no en las entradas ni en la portada, y asi con todas las etiquetas

    o sino para ser mas sencillo todavia, lo que quisiera es poner varias URL en donde solo en esas URL se muestre el gadget y en las otras no

    capas no se puede hacer lo que yo quiero, pero como no se, le pregunto a usted que es un genio en esto y ademas sabe explicarlo muy bien

    desde ya de nuevo le pido mil disculpas por abusar de su atencion

    un abrazo grande

    ResponderEliminar
  24. Jajaja, no soy un genio y tampoco me molesta que preguntes.
    No puedes en una sola línea dar varias instrucciones, ahí lo que tienes que hacer es crear varias líneas con las distintas URL que vas a agregar con sus respectivos cierres, por ejemplo:

    <b:if cond='data:blog.url == "URL de la etiqueta"'>
    <b:if cond='data:blog.url == "URL de la etiqueta"'>

    </b:if>
    </b:if>

    Aunque te diré que yo lo he intentado y no me ha resultado, quizá tú tengas más suerte.

    Saludos.

    ResponderEliminar
  25. claro, yo tmb intente eso antes de preguntarte para no molestarte pero tampoco me dio resutaldo, bueno, igualmente te doy las gracias, la unica alternativa que me queda es crear varias veces el mismo gadget con diferente nombre para asi poder poner uno en cada etiqueta, es mucho mas cansador hacerlo pero bueno (A)ajaja

    un abrazo grande y muchas gracias :)

    ResponderEliminar
  26. aqui llego yo con cierto retraso. resulta que apliqué el truco pero no consigo hacerlo funcionar en los bloglist.

    mpdc.blogspot.com

    gracias por anticipado

    ResponderEliminar
  27. Hola Virgulino,

    Lo veo todo bien en tu blog, ¿específicamente a cuál gadget se lo quieres aplicar?
    Dime el título del gadget para saber bien.

    Saludos.

    ResponderEliminar
  28. es el widget que aparece ahora mismo con: opinion, opinion, entrevista. es un bloglist. los que aparecen en las demas paginas dan el mismo problema.

    jr-vilabela.blogspot.com
    bng-dinamicom.com
    ...

    ResponderEliminar
  29. Quizá no estás poniendo el código en el lugar correcto. Te voy a poner en dos mensajes (no me acepta un mensaje tan largo) el código de ese gadget y pondré en negritas lo que debes de poner. Fíjate que el código esté en el mismo lugar.

    <b:widget id='BlogList1' locked='false' title='lista de blogs' type='BlogList'>

    <b:includable id='main'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>


    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <div id='blog-list-title'>
    <h2 class='title'><data:title/></h2>
    </div>
    </b:if>

    <div class='widget-content'>
    <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
    <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
    <b:loop values='data:items' var='item'>
    <li expr:style='data:item.displayStyle'>
    <div class='blog-icon'>
    <b:if cond='data:showIcon == &quot;true&quot;'>
    <input expr:value='data:item.blogIconUrl' type='hidden'/>
    </b:if>
    </div>
    <div class='blog-content'>
    <div class='blog-title'>
    <a expr:href='data:item.blogUrl' target='_blank'>
    <data:item.blogTitle/></a>
    </div>
    <div class='item-content'>
    <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
    <b:if cond='data:item.itemThumbnail'>
    <div class='item-thumbnail'>
    <a expr:href='data:item.blogUrl' target='_blank'>
    <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>

    ResponderEliminar
  30. </a>
    </div>
    </b:if>
    </b:if>
    <b:if cond='data:showItemTitle == &quot;true&quot;'>
    <span class='item-title'>
    <b:if cond='data:item.itemUrl != &quot;&quot;'>
    <a expr:href='data:item.itemUrl' target='_blank'>
    <data:item.itemTitle/></a>
    <b:else/>
    <data:item.itemTitle/>
    </b:if>
    </span>
    </b:if>
    <b:if cond='data:showItemSnippet == &quot;true&quot;'>
    <b:if cond='data:showItemTitle == &quot;true&quot;'>
    -
    </b:if>
    <span class='item-snippet'>
    <data:item.itemSnippet/>
    </span>
    </b:if>
    <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
    <div class='item-time'>
    <data:item.timePeriodSinceLastUpdate/>
    </div>
    </b:if>
    </div>
    </div>
    <div style='clear: both;'/>
    </li>
    </b:loop>
    </ul>

    <b:if cond='data:numItemsToShow != 0'>
    <b:if cond='data:totalItems &gt; data:numItemsToShow'>
    <div class='show-option'>
    <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
    <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
    </span>
    <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
    <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
    </span>
    </div>
    </b:if>
    </b:if>

    <b:include name='quickedit'/>
    </div>
    </div>

    </b:if>

    </b:includable>
    </b:widget>

    ResponderEliminar
  31. Perdón, la primera línea en negrita:
    <b:includable id='main'>
    Esa no se agrega, esa ya la trae el gadget.

    Saludos.

    ResponderEliminar
  32. Me alegro que les haya funcionado.
    Saludos!

    ResponderEliminar
  33. ÖöÖöÖöÖöÖöÖöÖöÖ
    LO QE ESTABA BUSCANDO :)

    Visiten mi blog:
    myestilodeyo.blogspot.com

    ResponderEliminar
  34. excelente,
    super entendible y me funciono a la primera, gracias n_n

    ResponderEliminar
  35. Me alegro que hayas obtenido los resultados esperados ;)

    ResponderEliminar
  36. Hola Potro: Si quisiéramos hacer lo mismo en una página estática, cómo debería ser el texto en rojo. Gracias anticipadas

    ResponderEliminar
  37. Hola JORGE GARCIA,

    La primera línea roja hay que cambiarla por esta:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    La otra roja se queda igual como está.
    Saludos.

    ResponderEliminar
  38. Muchas gracias! Me hacía falta esconder algunos gadgets que después de un rato de navegar por el blog acababan mareando :)

    ResponderEliminar
  39. A veces ponemos muchos gadgets que nos parecen bonitos pero pocas veces pensamos en cómo le caerá al lector tener tantos gadgets.
    Si bien a veces no queremos eliminarlos, entonces ocultarlos en algunas partes puede ser una solución en la que todos salen ganando :)

    ResponderEliminar
  40. DISCULPA LA PREGUNTA, YA HICE TODOS LOS PASOS Y LOGRE QUITAR LOS GADGETS DE LAS PÁGINAS Y LAS ENTYRADAS, PERO QUISIERA QUE EL ESPACIO DE LA ENTRADA O YA SEA PÁGINA, OCUPARA EL ESPACIO DEL SIDEBAR.

    SE PODRÁ HACER ESO

    ResponderEliminar
  41. PROBE CONN EL TRUCO SIGUIENTE http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html

    PERO LA PRIMERA CLAVE NO ME APARECE EN EL HTML.

    QUE PUEDO HACER

    ResponderEliminar
  42. Sin saber cuál es tu blog me es difícil saber cómo es tu plantilla y poder ayudarte.

    ResponderEliminar
  43. En ancho de tu blog es de 1100px.
    Los estilos que usarías dentro de ese código serían estos:

    .sidebar {
    width: 0px;
    display:none;
    visibility:hidden;
    }
    .text {
    width: 1100px;
    }

    Saludos.

    ResponderEliminar
  44. Grax grax fue de gran ayuda

    jeje

    muy buen blog, ya me he llevado varios trucos de aqui jiji

    ResponderEliminar
  45. muchísimas gracias!!! me re sirvió!!!
    SALUDOS!!! :D

    ResponderEliminar
  46. bUENA Potro, ya lo estoy usando, con Curiosidades del Mundo, entra y verz
    ma ha gustado esta idea de los Condicionales de Blogger
    esta muy bueno eso

    ResponderEliminar
  47. intente ocultar los banner de publicidad que tengo en las paginas independientes (descargar-promociones, consejos, rakeback, neteller, contacto)...pero q no son solo de adsense, sino el de full tilt poker y mi arroba (intercambio de visitas) y me gustaria ocultar el texto en movimiento que aparece...
    Como encuentro su id a esos elementos??? intente pegar esa condicional en casi todos los "widget id=" que habian pero igual salian en las paginas independientes.
    Ayudame por favor
    De antemano gracias.

    muy buen blog:)
    ojala me puedas ayudar y muy buen blog.

    ResponderEliminar
  48. :) Gracias Potro,,, El toque que le hacia falta a un blog que estoy montando... me quito el Sombrero Maestro...:)

    ResponderEliminar
  49. Full Poker, sin expandir los artilugios busca el nombre del gadget para poder localizarlo, sino tiene nombre ponle uno provisional para poder encontrarlo, ya que lo halles agrega el código para mostrarlo sólo en la portada.


    Sebastian II, gracias a ti por tu visita :)

    ResponderEliminar
  50. potro...al fin lo he logrado:O jajajaa muy amable por tus consejos y trucos..pero se me quedo un banner en las paginas estaticas que no logro identificar...a todos les puse la condicional pero ese se me escapo...como puedo identificarlo???? ayuda en eso y gracias por todo:)

    ResponderEliminar
  51. le he puesto nombre a todos los banner pero cuando entro a las paginas estaticas ese que queda solo no me aparece con nombre aunque le haya puesto:S por eso se me escapa y no se como ubicarlo:) saludos potro por todo..de a poco lo estoy logrando;)

    ResponderEliminar
  52. ¿Exactamente cuál banner es? Quizá yo pueda identificarlo.

    ResponderEliminar
  53. mira. si entras a mi blog http://todoespoker.blogspot.com y entras por ejemplo al item CONTACTO del menu, te daras cuenta que abajo del formulario para mandar mail hay un cuadrado de publicidad que es el unico que hay en las paginas estaticas. ese es el que no puedo identificar para ocultarlo.

    saludos potro y gracias por los otros datos;)

    ResponderEliminar
  54. Ese parece que no es un gadget sino que está directo en la plantilla, no tiene un ID pero lo puedes localizar así:
    <div class='inline-ad'>

    Sería mejor que lo cortaras y lo pegaras en un elemento HTML/Javascript y luego lo arrastras donde quieras.
    Ya luego podrás implementar el código para ocultarlo.

    Saludos.

    ResponderEliminar
  55. ya lo localice en la plantilla con artilugios expandida, pero no entiendo cual es la parte que corresponde a esa publicidad como para quitarlo.
    ojala me sigas ayudando
    saludos por aca:)

    ResponderEliminar
  56. Como te dije, será mejor que pongas el código de ese anuncio en un elemento HTML/Javascript y luego lo ocultes como se explica en la entrada.

    ResponderEliminar
  57. hola potro, como oculto un elemento que está dentro de un div?:

    < div id="myImageFlow" class="imageflow">.....


    gracias estimado

    ResponderEliminar
  58. (leí lo de cortar y pegar dentro de un elemento y arrastrarlo, pero no puedo hacerlo (arrastrar) pues el div lo puse de fondo como parte del boby)

    ResponderEliminar
  59. Sólo agrega antes de ]]></b:skin> esto:

    #myImageFlow {display:none; visibility:hidden;}

    Con eso quedará oculto lo que haya dentro de ese div, lo mismo puedes hacer con cualquier otro gadget o elemento, sólo cambia lo que está en negrita por el nombre de ID que tiene.

    ResponderEliminar
  60. gracias potro, pero ahora desaparece por completo, la idea es que sólo aparezca en la página de inicio. saludos.

    ResponderEliminar
  61. hola una pregunta potro... y si queremos ocultar el gagets en una entrada especificamente... osea que se muestre en toda la paginas y entradas pero si quiero ocultarlo en una entrada especificamente... q no se vea solo en esa entrada.... es posible?... GRACIAS Y SOS UN GRANDE POTRO

    ResponderEliminar
  62. SMB, prueba con este código antes de </head>

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <style type='text/css'>
    #myImageFlow {display:none; visibility:hidden;}
    </style>
    </b:if>

    En esta entrada hay más información.

    ResponderEliminar
  63. Hola Expedientes 13,

    Mira esta entrada, ahí están todos los códigos condicionales incluyendo el que hace que algo se muestre sólo en una entrada específica.

    Saludos.

    ResponderEliminar
  64. O gracias Potro.. me sirvio .. ahora si quedo perfecto... el problema era que un slider de imagenes no se veia con un formulario de contacto que tenia en una pagina estatica... ys e deformaba ... pero gracais a este codigo ya no se ve .. jajaja q pases buenos dias potro :D

    ResponderEliminar
  65. gracias potro, pero no resultó. Intentaré otra cosa pero necesito tu ayuda. Quiero trasladar el carrusel de imágenes hacia arriba, de modo que quede bajo el menú, ocupando el ancho completo (980). Lo he intentado pero no puedo (no sé desde qué parte del código debo cortar y bajo qué debo pegar para que mantenga el estilo y funcione, por ejemplo). Agradecería me ayudes en esto http://goo.gl/47AR

    saludos.

    ResponderEliminar
  66. No sabría decirte bien pues cada galería es distinta, esa en particular nunca la he usado, pero por lo que he visto en la plantilla parece que podrías cortar desde:
    <!--This section is where the Featured Content plugin is called.-->

    Hasta
    <!-- #$bajo carrusel-->

    Y pegarlo en un elemento HTML/Javascript debajo de la cabecera.
    Ahí mismo en ese código están las medidas de ancho y alto, en la parte que dice:

    #myGallery, #myGallerySet, #flickrGallery {
    width: 588px;
    height: 300px;

    Saludos.

    ResponderEliminar
  67. gracias nuevamente potro, pude reubicarlo, aunque fue imposible insertarlo dentro de un gadget, así que lo hice en la plantilla. Pero surgió un problema: originalmente las imágenes dirigín al a la página de referencia, ahora no se puede (de hecho desaparecieron las flechas laterales de navegación y una figura de "info" que aparecía al posicionarse sobre la imagen). Alguna idea de cómo solucionarlo?

    gracias estimado.

    ResponderEliminar
  68. acabo de solucionar lo de los links (aunque aparece la opción al posicionarse sobre la franja oscura de información), no así reincorporar las flechas laterales de navegación de las imágenes.

    saludos.

    ResponderEliminar
  69. Algún estilo se debió haber afectado, entra al archivo jd.gallery.css y prueba modificando también las medidas de:

    #flickrGallery
    {
    width: 500px;
    height: 334px;
    }

    Quizá eso lo solucione, sino es eso algo más dentro del archivo CSS deberá hacerlas volver.

    ResponderEliminar
  70. pero igual en las otras entradas queda el margen del gadget que ocultamos como hacer para que se elimine por completo pasate por mi blog si tienes tiempo http://aprendetecnicasdefutbol.blogspot.com t lo agradeceria

    ResponderEliminar
  71. Entonces agrega antes de </head> esto:

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <style type='text/css'>

    #ID {display:none; visibility:hidden;}

    </style>
    </b:if>

    Cambia donde dice ID por la ID del gadget que quieres ocultar. Para saber la ID de un gadget sólo mira al inicio de su código:

    b:widget id='HTML1' locked='false' title='Gadget' type='HTML'

    ResponderEliminar
  72. Hola, Potro, podrías indicar por favor como hacer para que sea la cabezera del blog que aparezca solo en la portada.

    ResponderEliminar
  73. Hola Sebastian II,

    Del mismo modo, expande los artilugios, localiza el gadget de la cabecera y pega el primer código en rojo debajo de:
    <b:includable id='main'>

    Y el segundo código rojo antes de:
    </b:includable>
    </b:widget>

    Con eso aparecerá la cabecera sólo en la portada.

    ResponderEliminar
  74. ayundeme siempre pongo gadget.en crear uno propio... y me sale errror o no me salee como hago .. pongo copiar y voy y lo pego y no me sale nd

    ResponderEliminar
  75. No he entendido bien tu problema veka, si me das más detalles con gusto veo cómo puedo ayudarte.

    ResponderEliminar
  76. Perdona El Potro por ser tan torpe. He agregado el efecto de articulos recomendados. Aparece en la portada y en todas las entradas. He estado viendo cómo eliminarlo de las entradas pero inserté el código que indicas en algún lugar equivocado. Ahora no encuentro ni ese código ni, mucho menos, conseguir insertarlo en el lugar adecuado. ¿Puedes ayudarme?, gracias. Mi blog: illegalreturn.blogspot.com

    ResponderEliminar
  77. Si has perdido el gadget sólo buscalo en la Edición de HTML con el nombre que le habías puesto. Respecto al lugar en el que va en la entrada se explica de manera gráfica cómo debe ir colocado, no sé más cómo ayudarte.

    ResponderEliminar
  78. El Potro, finalmente lo pude solucionar. No había prestado atención a lo de "artilugios expandidos" y claro, por esa razón no hallaba las líneas mencionadas. Ahora todo esta correcto, muchas gracias por tu asesoramiento.

    ResponderEliminar
  79. Vale, qué bueno que lo has solucionado :)

    ResponderEliminar
  80. El Potro:

    Gracias por este artículo :-). Solucioné con esto para ocultar lo que quise fuera de la portada.

    ResponderEliminar
  81. Esto de las condicionales es una maravilla Aymara, y sin duda son una gran ayuda para personalizar el blog y decidir nosotros mismos qué se muestra y dónde :)

    ResponderEliminar
  82. Potro otra pregunta x ejemplo tabn se puede hacer qque solo se vean cuando en una busqueda por etiqueta por ejemplo cuando hago clic aca en tu menu aparece el banner de 728x60 y en las entradas se desaparece

    ResponderEliminar
  83. Hola! Muy buenos todos tus post, me han ayudado mucho, pero ahora tengo una duda, que no se si se me ha escapado algo.
    Resulta que yo quiero que en las demás páginas desaparezcan todos los gadgets. He conseguido que desaparezcan, pero me queda el espacio lateral en blanco y yo quisiera que desapareciera eso también. ¿Hay alguna forma? Aquí tienes una imagen:
    http://img175.imageshack.us/img175/8808/espaciodelosgadgets.jpg
    Gracias!

    ResponderEliminar
  84. ARQTEKTON, todo eso de condicionar dónde se muestra un elemento y dónde no se consigue precisamente con los códigos condicionales. Ahí podrás ver las opciones que existen.

    ResponderEliminar
  85. Juan,

    Agrega antes de </head> esto:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>

    #ID {display:none; visibility:hidden;}

    </style>
    </b:if>

    Cambia donde dice ID por la ID del gadget que quieres ocultar. Para saber la ID de un gadget sólo mira al inicio de su código:

    b:widget id='HTML1' locked='false' title='Gadget' type='HTML'

    ResponderEliminar
  86. Hola Potro, gracias por responder tan rápido, pero...

    Lo he probado y no se oculta, he probado tanto con solo una ID (solo HTML1) como con la de todos los widgets a la vez, menos header y pagelist.

    No se si tendré que separarlos de alguna forma entre ellos, o que...

    Gracias por la ayuda de todas formas ;)

    ResponderEliminar
  87. Entonces eso que se ve debe ser parte de la sidebar y no del gadget en cuestión. En ese caso será más conveniente ocultar la sidebar.

    ResponderEliminar
  88. He estado mirando por el código lo de sidebar y no se muy bien que tocar... lo que he visto es que ese tipo de fondo lateral es una imagen .png relacionada con "tabs.background.gradient" pero no se que poner para ocultarlo.
    ¿Tienes alguna idea?
    Gracias.

    ResponderEliminar
  89. Por lo que mencionas supongo que se trata de una plantilla nueva del Diseñador de plantillas de Blogger y sobre ellas se sabe poco y es mínimo lo que puede hacerse para personalizarlas.

    ResponderEliminar
  90. Hola potro
    El codigo no me funciona, por q todos los artifugios los tengo en una lista y no por separado, mi widget html1 al html7 los tengo en una lista englobadas con el id main.
    Mira te dejo mi blog para q cheques el codigo de fuente.
    arqui-descargas.blogspot.com

    ResponderEliminar
  91. Hola Arqui,

    No veo por qué no pueda servirte, el código que se añade se agrega a cada gadget de forma independiente, no importa si está en la sidebar, en el área del main, o en cualquier otra parte.

    ResponderEliminar
  92. Gracias por responder, pero cuando agrego el código y le doy guardar, el código se elimina de la plantilla y no me realiza ninguna función :(
    Mira lo que hise fue:
    después del id main
    se abre b:widget id html4
    después se abre el id html5 entre estos 2 códigos agrego el código pero no funciona y no se a que se deba

    ResponderEliminar
  93. No es entre esos dos códigos, el procedimiento se hace dentro de cada gadget por separado tal y como se ejemplifica en la entrada. Es decir, lo harás dentro de HTML4, también dentro de HTML5, etc.

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

    ResponderEliminar
  95. Recuerda que debes marcar la casilla 'Expandir plantillas de artilugios' para agregar los códigos tal y como se indica en la entrada.

    ResponderEliminar
  96. A ok gracias ya me funciono, no tenia idea para que era expandir artilugios :S

    ResponderEliminar
  97. YUPPPPPPIIIII UNA MAS EXCELENTE POTRO UN SALUDO SOS GROSO!

    ResponderEliminar
  98. Hola, Potro. Soy nueva en esto así que si ya respondiste algo como lo que pregunto, mis disculpas. Se me hace un poco difícil.
    Si entrás a mi blog (http://puppenfilm.blogspot.com/) vas a ver que en la página principal puse un Gadget (imagen que dice PUPPEN entrar/enter) que en el resto de las páginas no está. Eso lo saqué del truco que posteaste en esta página.
    Mi duda es cómo hago para que en la página principal sólo se vea este Gadget y nada más que eso (ninguna de las imágenes –el otro PUPPEN que hay más arriba- ni texto ni gadgets que sí están en las otras páginas del blog).
    Quiero que quede como una página de inicio en donde sólo haya una imagen que al clickear te lleve al blog propiamente dicho.
    Muchas gracias. Saludos!

    ResponderEliminar
  99. Hola kenyasharp,

    Te dejo un enlace de Oloblogger que explica cómo crear un intro para el blog:
    http://oloblogger.blogspot.com/2010/02/otra-pantalla-de-presentacion-facil.html

    Saludos!

    ResponderEliminar
  100. Potro, sos lo más. La explicación en ese enlace me resolvió todo. Millones de gracias!

    ResponderEliminar
  101. Que tal, quizá esto sea muy obvio, pero lo acabo de probar con un código html incrustado directamente en la plantilla (osea que no es un widget), poniendo los códigos que ofreces justo al inicio y al final de lo que quiero ocultar, y me ha funcionado. Escribo por si alguien quiere saber esto, que también resulta muy útil.

    ResponderEliminar
  102. Hola Potro, gracias por tus trucos y tutoriales, me han sido de mucha utilidad, son de primera.

    Mi inquietud es que al dejar algunos gadgets solo en la pagina principal, en las demas entradas me aparecen unas barras o líneas en su lugar que se ven muy mal, si ves mi blog http://kalmaecuador.blogspot.com/ veras a lo que me refiero, oculte 3 gadgets en la principal y en las demas paginas me aparecen 3 barritas en su lugar
    No se si sea solo mi caso porque hice algo mal o siempre pasa eso pero en todo caso me gustaria poderlas eliminar si se puede

    Saludos y gracias por toda tu ayuda

    ResponderEliminar
  103. Hola KALMA,

    Mira el comentario #84, seguro que con ese método no tendrás problemas y también podrás ocultar los gadgets.
    Saludos.

    ResponderEliminar
  104. Hola Potro, gracias por responder...... te explico... los gadgets si se ocultan perfecto, lo que me aparece en las demas páginas son unas barras horizontales en lugar de los gadgets, intente igual lo del comentario #84 pero siguen igual, si tienes tiempo aqui veras a lo que me refiero http://kalmaecuador.blogspot.com/2010/11/galeria.html esas tres barras negras arriba de galeria salen en lugar de los gadgets que quedaron solo en la pagina principal.

    Espero haber sido un poco mas claro e igualmente que se puedan quitar de alguna manera, de todas maneras muchas gracias por tu ayuda

    Saludos

    ResponderEliminar
  105. Prueba de nuevo con el del comentario #84, sólo que elimina esta línea:
    <b:if cond='data:blog.homepageUrl == data:blog.url'>

    Y en su lugar agrega esta otra:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    ResponderEliminar
  106. Nop, tampoco se pudo con ese codigo, siguen apareciendo las dichosas barras.....
    No importa, si no se puede ps ni modo, gracias de todos modos

    Saludos

    ResponderEliminar
  107. Yo lo probé con la plantilla que usas y las barras desaparecieron, así que es posible que no hayas puesto bien el código o los IDs de los gadgets, pero sí debe funcionar.

    ResponderEliminar
  108. Listo, con el ultimo codigo y quitandole el ' a los ID funciono perfecto

    Muchas gracias por la gran ayuda que nos das a todos tus seguidores, excelente como siempre

    Saludos

    ResponderEliminar
  109. Buen día, para hacer lo contario, es decir, que se oculte un gadget sólo en la portada, qué hay q hacer?

    Por ejemplo quiero ocultar el gadget que dice ROCK & METAL TV 24 HRS sólo en la portada

    Este es mi blog
    http://rocksnrulestv.blogspot.com

    ResponderEliminar
  110. Sigue el mismo método sólo que en lugar de poner la primera línea en color rojo agrega esta:

    <b:if cond='data:blog.url != data:blog.homepageUrl'>

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

    ResponderEliminar
  112. Gracias, sí funciona, pero aparece una franja vacía en su lugar, cómo lo arreglo?

    ResponderEliminar
  113. Mira el comentario #84, sigue esos pasos pero nuevamente en lugar de la primera línea usa la que te di antes.

    ResponderEliminar
  114. Gracias, ahora sí funciona perfecto, pero dejándolo tal como el comentario #84, sin la nueva línea. ¿Y es posible hacer lo mismo sólo para una entrada específica?

    Un saludo.

    http://rocksnrulestv.blogspot.com

    ResponderEliminar
  115. Olvida la pregunta, ya leí los comentarios anteriores.

    Un saludo.

    ResponderEliminar
  116. Qué bueno que ya lo has resuelto, el 50% de las respuestas casi siempre están en los comentarios :)

    ResponderEliminar
  117. Hey muy bueno Potro, muchas gracias por mostrarnos estas cosas.

    Saludos!

    ResponderEliminar
  118. sera posible hacer que una de mis paginas trabaje igual que la pagina principal, osea, que muestre todas las entradas que publique?

    ResponderEliminar
  119. No, sólo la portada puede mostrarse de esa forma.

    ResponderEliminar
  120. como podria hacer para que aparesca una imagen al aceder a la pagina y que hasta que no le den a cerra o a entra a un boton no le de acceso a la pagina.

    ResponderEliminar
  121. Quizá con un intro, en Oloblogger hay un par de tutoriales sobre esos intros que quizá te puedan servir.

    ResponderEliminar
  122. este truco me funcionó muy bien, pero en el gadget del archivo de las entradas no quiere funcionar, me podría explicar si se debe hacer algo especial en ese gadget? muchas gracias. cucutapasionmotilona.blogspot.com

    ResponderEliminar
  123. potro muchas gracias, pero tampoco me quiso funcionar con el metodo que publicaste, sera que me puedes ayudar con otra cosita, yo le quiero dar mayor ancho al slider que puse en mi blog, utilcé lo que está en el siguiente enlace http://www.frikibloggeo.com.ar/2010/05/agregar-un-slideshow-automatico-en-tu.html

    ResponderEliminar
  124. Si no te ha funcionado con el otro método entonces es posible que no hayas colocado correctamente el código o bien, que hayas colocado uno distinto al que necesitabas, necesitaría saber cómo lo has colocado para decirte dónde está el error.

    Respecto al slider no puedo asesorarte sobre las publicaciones de las demás, no porque no tenga la intención de ayudarte sino porque en su mayoría no los he probado y no sé cómo se comporten esos gadgets así que lo más conveniente sería que le preguntaras al autor de la entrada sobre esa petición.

    Saludos.

    ResponderEliminar
  125. buen truco amigo saludos me funcionó wn mi pagina www.djdionicio.tk

    ResponderEliminar
  126. A mi no me funciono. Por favor ayudame

    ResponderEliminar
  127. Revisa bien que estás siguiendo los pasos al pie de la letra. Deberá funcionar.

    ResponderEliminar
  128. Ya esta, encontré el codigo modificado entero del widget y lo remplaze y quedo. Gracias! Tambien visité otros de tus posts me re sirvierón.

    Una pregunta, queria saber si se puede cambiar la pagina que dice: "Lo sentimos la página que estabas buscando en el blog...."
    Osea como esta: http://www.haciaeltope.com.ar/as
    Así quedaría mas independiente el blog.

    Muchas gracias!!!

    ResponderEliminar
  129. Lamentablemente las páginas de errores no se pueden modificar en Blogger :(

    ResponderEliminar
  130. Ahhh bueno muchas gracias igual por todo el contenido del blog :D

    ResponderEliminar
  131. Grande!!! Ciudadblogger... muy útil

    ResponderEliminar
  132. Potro te molesto por otra cosa...
    Mira tengo un problema, viste los botones para compartir entradas que blogger te ofrece.
    El problema es que tambien me aparecen en las paginas estáticas del blog porque mira: Tengo una página con un formulario de contacto, otra que la uso para poner enlaces a entradas.
    Nose si existe la posibilidad de ocultar los botones en esas páginas o alguna otra opción...

    ResponderEliminar
  133. Localiza el código de los botones de compartir y enciérralos en una condicional, específicamente con la que dice 'Mostrar /ejecutar un elemento en todas las páginas MENOS en las páginas estáticas'.

    ResponderEliminar
  134. Hola Potro una consulta:
    Intento hacer que el gadget de etiquetas se muestre sòlo en la portada, el problema es que cuando entro a la etiqueta( tengo el leer màs) se vè todo el fondo negro del gadget ,pero en las entradas individuales se oculta perfecto.
    ¿ Como puedo hacer para solucionar esto y que desaparezca el fondo negro en todas las etiquetas? porque estoy trabajando en un nuevo proyecto y tiene màs de 500 etiquetas jeje.
    Saludos Mariangeles de generofem :)

    ResponderEliminar
  135. Muchas gracias Potro voy a probarlo.

    ResponderEliminar
  136. Gracias Potro me re sirvio, por que tambien tenia un artículoque lo queria destacar, entonces lo hice en una Pagina estatica, pero me paso que no me mostraba los botones, entonces al ver tu post de paginas estaticas que explica como poner URLS en el gadget, enlaze la entrada. MUCHAS GRACIAS!!!

    Mira si llegas a encontra la solucon al prolema de las paginas de errores de google, SOS EL GENIO DE LA PROGRAMACION. TE HAG PAGS EN FACEBOOK LO QUE QUIERAS!!!!!

    Jaja que sigas bien...

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

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

    ResponderEliminar
  139. Perdon Potro, te estoy llenando de boludeces los comentarios xD Si leiste los dos comentarios esos que borre quedate tranqui que ya lo solucione, era que tardaba en actualizarse :P. Que impaciente que soy.

    ResponderEliminar
  140. Hola Mariangeles,

    Aunque este método funciona bien te recomiendo que mejor sigas este otro método con el cual no tendrás ese problema con los fondos y espacios que dejan los gadgets ocultados.

    Pd. Ya te extrañaba :)

    Saludos y suerte con tu nuevo proyecto!

    ResponderEliminar
  141. Hola potro te molesto otra vez (:S) tengo una consulta para hacerte, utilize tu post de mostrar solo el titulo del post con el [+/-] en las busquedas, y funciono de 10, pero queria saber si tenias algun código o algo para modificar la fuente, por ejemplo que no aparezca subrayado o el color, o negrita, o el tamano. En fin muchas gracias, Toto.

    ResponderEliminar
  142. Con mucho gusto te ayudo, sólo deja la pregunta en esa entrada para no desviarnos del tema de este post.
    Saludos.

    ResponderEliminar
  143. Listo ya lo puse nos hablamos por ahí gracias.

    ResponderEliminar
  144. Potro y si desido a quitar un gadget que le aplique este truco ,al eliminarlo se borran las dos lineas agregadas, o debo eliminarlas manualmente para que no queden en la plantilla?

    ResponderEliminar
  145. Si eliminas el gadget también se eliminan automáticamente esas dos líneas que se agregaron ya que están dentro del gadget.

    ResponderEliminar
  146. Gracias por la ayuda, me ayudo mucho. ahora, no tardara mucho en cargar mi blog. Dios te bendiga, desde Houston tx.

    ResponderEliminar
  147. Gracias Julio, saludos hasta Houston!

    ResponderEliminar
  148. Buenísimo genio! Era lo que estaba buscando hace tanto tiempo!!! Por fin pude sacar el gadget de música de las páginas estáticas. Ahora tengo otra consulta (para variar ;)). Quise poner lo de la barra que muestra que se está cargando la página pero finalmente la saqué. Pero me quedó en la primera linea lo siguiente: type='text/javascript'/>
    Cómo se lo puedo quitar? Te dejo el link para que lo veas: www.agenciapulsion.blogspot.com .
    Gracias, abrazo!
    Rodrigo

    ResponderEliminar
  149. potro una pregunta al ocultar un gadget este seguira funcionando ocultamente?

    o dejara de funcionar ? es para un gadged de contador de visitas

    ResponderEliminar
  150. Hola Rodrigo,

    Mira debajo de <head> ese fragmento, ahí podrás localizarlo y eliminarlo.
    Un abrazo!

    ResponderEliminar
  151. Hola Dreko,

    En teoría no funciona ya que el elemento no se carga.

    ResponderEliminar
  152. Tu si ahhh!! bien con los tips!! sigue asi esta bueno tu blog =) exitos!!!

    ResponderEliminar
  153. Hola Potro!! Qué bueno tu blog! Estoy creando un blog y me preguntaba si existe la manera de que un gadget no se vea ni en la portada ni en las entradas...Es que tengo un gadget HTML para instalar el "cufón" y entre gadgets tengo un dibujo que hace de separador...Te dejo el enlace de mi blog (aun en construcción!) para ver si me puedes echar una mano porfi!! Muchisimas gracias!

    ResponderEliminar
  154. Hola Eneri,

    Prueba poniendo esto en tu plantilla:

    #HTML6 {display: none;}

    Saludos y gracias por tu visita!

    ResponderEliminar
  155. Hola Potro, no me funciona el truco pero muchas gracias por la rapidez y por tu ayuda!! Tengo que ponerlo en algún sitio en concreto? Me aparece #HTML6 {display: none;} en el blog, justo lo primero en la sidebar¿?¿ Gracias de nuevo!

    ResponderEliminar
  156. Tiene que ir antes de ]]></b:skin>

    ResponderEliminar
  157. Pues a mi no me funciono el codigo , si puede esconder los gadgets pero las rayas divisoras siguen viendose...ya le hize de todo como dice aqui...y bueno nimodo que bueno que a otros si les funcione

    ResponderEliminar
  158. Entonces no es que no funcionara sino que faltaron pulir algunos detalles ;)
    Mira esta entrada, con ese método no se verán las divisiones.

    ResponderEliminar
  159. Hola potro, yo uso este hack, pero quisiera saber algo, como hago para ocultar un gadget en las paginas estaticas y que se vea en los demas, no se si me dejo entender.
    Saludos.

    ResponderEliminar
  160. Ya lo use pero no es lo que yo quisiera, yo quiero que se vea en todas las entradas, pero no en las paginas estaticas.
    Gracias.

    ResponderEliminar
  161. Entonces en esa línea que has cambiado en lugar de donde dice == cambialo por !=
    Eso hará que se muestre en todas partes menos en las páginas estáticas.

    ResponderEliminar
  162. ¿Se puede hacer algo para que no se queden en blanco los espacios dejados por los gadgets en la sidebar una vez ocultados? ¿Añadir una imagen decorativa?

    Gracias

    ResponderEliminar
  163. Añadir una imagen no, pero hay otro método que evita que queden espacios vacíos:
    http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

    ResponderEliminar
  164. Gracias por este post. Es todo lo que necesito. :D

    ResponderEliminar
  165. Hola Potro nuevamente jejeje coloque en mi blog este truco pero a lo mejor hice algo mal. Dado que el gadgets que tengo de Twitter no me aparecen en portada y en las otras entradas si! Que puedo hacer para que sea vea nuevamente en portada ese gadgets. Gracias por todo Potro (En el explorador Google no aparece en porta en los demas si se ve en portada) ¬¬

    ResponderEliminar
  166. Posiblemente usaste otra condicional, verifica que el código que has puesto es como el que se menciona en esta misma entrada.

    ResponderEliminar
  167. Si potro tal cual como esta aqui pero no me aparecen los gadgets de Twitter. Que podria ser?

    ResponderEliminar
  168. Entonces no está tal cual, o de lo contrario sólo se vería en la portada.
    Fijate si la línea en color rojo tiene los dos signos de igual como en la entrada:
    ==

    O si tiene un signo de admiración y otro de igual:
    !=

    Quizá ese es el problema.

    ResponderEliminar
  169. No veo el código, pero si se te dificulta mucho este método quizá quieras probar con este otro:
    http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

    ResponderEliminar
  170. < b:if cond='data:blog.homepageUrl == data:blog.url' >

    Asi es como va? lo coloque asi y sigue sin aparecer los gadgets que te digo..

    ResponderEliminar
  171. Donde necesitaría verlo es en la plantilla pero lamentablemente eso no puede verse desde el código fuente de la página. Intenta con el otro método que te digo, sólo deshaz el truco que aplicaste antes, luego antes de </head> agrega esto:

    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    <style type='text/css'>
    #HTML8 {
    display: none;
    visibility: hidden;
    }
    </style>
    </b:if>

    ResponderEliminar
  172. Que va potro tampoco aparecen con eso los gadgets :(

    ResponderEliminar
  173. Pues algo debe andar mal por ahí, si quieres des haz todos los cambios y empieza desde cero por si hubiera un error en el proceso anterior.

    ResponderEliminar
  174. Hola Potro restablecí tal como me sugeristes y me funciono aparecieron los famosos gadgets pero cuando quise colocar alguna entrada llamese Magazine,Leer Mas1 o Leer mas menos en la primera entrada.. el gadgets de twitter desaparece. Ya no se que hacer. Me podrias orientar por fa?

    ResponderEliminar
  175. Pues es extraño que sólo suceda con los gadgets de Twitter. Si quieres envíame tu plantilla por el formulario de contacto para que le dé una revisada en cuanto me haga un espacio.

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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