add

Como ocultar widgets en la página principal, entradas de blogger


Quieren aprender como ocultar widgets de la página principal de blogger o de una entrada en particular, el día de hoy aprenderás con este grandioso tutorial de cómo realizar este truco para Blogger. Como algunos de ustedes habrán notado, todos los widgets / gadgets que agregue a su blog, se mostrará en todas las páginas por defecto, incluyendo la página principal también. Y estoy seguro que muy pocos saben que AdSense puede desactivar su cuenta en caso de que usted ha puesto bloques de anuncios en el contenido de su contacto o páginas de política de privacidad. Por lo tanto, ocultando ciertos elementos dentro de las páginas del blog no es sólo una cuestión de diseño, sino que también es un requisito.

Como ocultar widgets en la página principal, entradas de blogger


Para ocultar (o mostrar) widgets en determinados puestos, páginas estáticas, página web o páginas de archivo, puede utilizar etiquetas condicionales.

A continuación voy a explicar claramente cómo realizar cada uno de los trucos de ocultamiento para blogger

Primer Paso

1 Ir a Blogger

2 Un clic en “Diseño” y observa los nombre de los gadgets HTML/Javascript que ya ha añadido. Al hacer esto, será más fácil para que usted pueda identificar los controles que usted tiene en la plantilla de Blogger. Dale un título único para que no coincida con ninguno de los títulos de los otros widgets que ya hayas añadido.

Segundo Paso

1 Un clic en “Plantilla

Blogger

2 Un clic en “Editar HTML

Blogger

Ahora se le abrirá el Editor HTML de su plantilla

Como ocultar widgets en la página principal, entradas de blogger

En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador.

 Blogger


Encuentre el título del widget que desee ocultar

Por ejemplo:

Digamos que el título de uno de mis widgets es "Noticias". Después de buscar el nombre del widget, encontraré un código similar en mi plantilla:

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
  <!-- 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:includable>
  </b:widget>

Este código representa el widget / gadget que he añadido en la ubicación de los elementos de la página de mi sidebar.

Tercer Paso

Después de haber encontrado el código de su widget, agregue las siguientes etiquetas condicionales marcadas con color rojo justo por debajo y por encima de ocultar el widget de páginas o mensajes específicos en Blogger. Por ejemplo, en caso de que desee les mostrare 7 ejemplos de ocultamiento:

1.- Para mostrar el widget sólo en la página principal de blogger y no cuando se habrá alguna entrada. Tendrá que ubicar dos códigos tal como lo muestro en mi ejemplo, los dos códigos están marcados de color rojo. Mire su ubicación correctamente.

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- 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>

2.- Para mostrar el widget de Blogger sólo en las entradas y no en la página principal. Tendrá que ubicar dos códigos tal como lo muestro en mi ejemplo, los dos códigos están marcados de color rojo. Mire su ubicación correctamente.

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
  <!-- 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>

3.- Para mostrar el widget en una página específica. Tendrá que ubicar dos códigos tal como lo muestro en mi ejemplo, los dos códigos están marcados de color rojo. Mire su ubicación correctamente.

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.url == "URL de la pagina"'>
  <!-- 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>


Recuerde cambie las palabras que dicen URL de la pagina por la dirección URL de la página en la cual quiera que aparezca solo ese widget.

4.- Para ocultar un widget sólo en una página en particular. Tendrá que ubicar dos códigos tal como lo muestro en mi ejemplo, los dos códigos están marcados de color rojo. Mire su ubicación correctamente.

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.url != "URL de la pagina"'>
  <!-- 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>

Recuerde cambie las palabras que dicen URL de la pagina por la dirección URL de la página en la cual no quiera que aparezca solo ese widget.

5.- Para mostrar los widgets sólo en páginas estáticas. Tendrá que ubicar dos códigos tal como lo muestro en mi ejemplo, los dos códigos están marcados de color rojo. Mire su ubicación correctamente.

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
  <!-- 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>


6.- Para ocultar los widgets en páginas estáticas. Tendrá que ubicar dos códigos tal como lo muestro en mi ejemplo, los dos códigos están marcados de color rojo. Mire su ubicación correctamente.

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
  <!-- 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>

7.- Para mostrar los widgets sólo en las páginas de archivo. Tendrá que ubicar dos códigos tal como lo muestro en mi ejemplo, los dos códigos están marcados de color rojo. Mire su ubicación correctamente.

<b:widget id='HTML36' locked='false' title='Noticias' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
  <!-- 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>

Cuarto Paso

Después de que haya ocultado los widgets de las entradas o de una página principal, es momento de dar un clic en “Guardar plantilla” y mire los nuevos cambios en su blog de blogger

Fácil verdad!

Espero que les haya sido de mucha ayuda este tutorial para blogger y haber sido lo más explicativo posible, recuerda suscribirte para que recibas mis nuevas actualizaciones directamente en tu correo electrónico.

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber 

emailEnviar por correo

16 comentarios:

  1. EXCELENTE TUTORIAL, GRACIAS PORQUE ME SI MUCHISIMO

    ResponderEliminar
  2. Muchas gracias por el truco, está muy bien explicado.
    Me ha resultado muy útil.

    Mi blog: http://victoriaferco.blogspot.com.es/

    ¡Gracias!

    ResponderEliminar
    Respuestas
    1. Victoria, tu blog solo acepta lectores invitados, no podemos ver el link que dejaste.
      Buen post gracias.

      Eliminar
  3. Muy buenas, estoy intentando ocultar un Slider que tengo puesto en la página principal, y no soy capaz. No entiendo muy bien donde debo meter esos parametros, ya que mi plantilla es diferente. Me puedes ayudar?

    ResponderEliminar
  4. Hola, gracias por el post, es muy claro, sin embargo intento usarlo, aplico la formula tal como lo indicado, (pegando ambos textos dnde se indica)y al guardar la plantilla me genera error The element type "b:if" must be terminated by the matching end-tag ""
    ¿Sería tan amable de ayudarme? muchas gracias de antemano

    ResponderEliminar
    Respuestas
    1. Hola, no debería de presentarse ese inconveniente. Por favor siga las instrucciones tal como lo muestro en este tutorial. Solo debe copiar los códigos que están marcados de color rojo.. Si aun así le sigue presentando este error, por favor déjeme saber la direccion URL de su blog de Blogger.

      Saludos.

      Eliminar
    2. A mi tambien me sale el mismo problema!

      Eliminar
    3. Hola, por favor siga las instrucciones tal como lo muestro en este tutorial no le deberá presentar ningún problema.

      Saludos

      Eliminar
  5. Hola, muy útiles tus trucos, ahora, lo que yo intento hacer en mi blog es ocultar 2 gadgets y que no se vean en ninguna página, traté de ocultarlos pero queda muy feo dos bloques en blanco, por favor si lo sabes

    ResponderEliminar
    Respuestas
    1. Hola Fernando, cual es la dirección URL de su blog de Blogger, ademas especifique cuales son los gadgets en los cuales se le esta presentando este inconveniente.

      Saludos.

      Eliminar
    2. mi blog http://www.marandupy.blogspot.com/

      ahí te darás cuenta de dos bloques en blanco bajo el gadget de twitter.

      Uno corresponde al Nav bar de blogger
      Y el de abajo es un script de una página de estadísticas

      Eliminar
    3. Hola Fernando, y por que esos dos widgets no los ubica debajo de las entradas

      O elimine el Navbar desde el editor HTML de su plantilla

      Saludos.

      Eliminar

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios