lunes, 11 de mayo de 2015

Cómo ocultar un gadget en Blogger facilísimo

Puede que en alguna ocasión necesites implementar un gadget y quieras que este sea visible únicamente por ti, es decir, solo por el administrador del blog y no por los visitantes. Esto puede resultar bastante útil por ejemplo, si vas a colocar un contador de visitas/estadísticas o cualquier otro elemento con un contenido de asunto privado.

Pues hay un pequeño pero gran truco que te permitirá ocultar un gadget en Blogger de manera sencilla y rápida, tanto de la página principal/entradas/páginas internas.. es decir, oculto completamente del blog y visible solo por ti; para cuando estés logueado obviamente ;-)

Gadget secreto en Blogger

Pasos para esconder un gadget

Luego de haber agregado el gadget, lo primero es identificar el nombre/título que le hemos asignado. En el ejemplo de la imagen anterior, lo nombré "Secret =)".

1.- Entramos al panel de Blogger > Plantilla > Editar HTML

2.- Hacemos clic dentro y presionamos la combinación de teclas Ctrl+F para abrir el buscador y escribimos el nombre del gadget a ocultar, "Secret =)" en este caso.

La línea de código encontrada será similar a la siguiente:
 <b:widget id='HTML2' locked='false' title='Secret =)' type='HTML'> 
Expandir gadget
Clic para ampliar

3.- Haz clic donde señalan las flechas para expandir el gadget, el código completo del mismo será:
  <b:widget id='HTML2' locked='false' title='Secret =)' 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>
4.- Debajo de <b:includable id='main'> pega lo siguiente:
 <span class='item-control blog-admin'>
Y antes del cierre de </b:includable> pega lo siguiente para cerrar:
 </span> 
¡Eso es todo! El resultado final quedaría así:
 <b:widget id='HTML2' locked='false' title='Secret =)' type='HTML'>
      <b:includable id='main'>
<span class='item-control blog-admin'>
  <!-- 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'/>
</span>
</b:includable>
    </b:widget> 
Cómo verás el método es muy fácil, simplemente buscas el gadget y le agregas 2 líneas de código =)

Guarda los cambios realizados, abre otro navegador o una nueva ventana de incógnito y comprueba que el gadget ahora no es visible para los lectores, pero sí para ti como administrador ;-)

No hay comentarios.:

Publicar un comentario

Gracias por participar en esta página.

Ad Inside Post

Comments system

Disqus Shortname