Mostrar gadgets/widgets en una página específica


Cuando añadimos un gadget o widget a nuestro blog, por defecto se muestra no sólo en la página principal sino en las páginas de los post. Sin embargo, hay ocasiones en las que puede sernos útil mostrar determinados widgets en páginas específicas. Éste es el tema de hoy.

GADGET/ WIDGET VISIBLE SÓLO EN LA PÁGINA PRINCIPAL

1.§ Tenemos por ejemplo un widget llamado "Recomendados" y queremos que sólo sea visible en la página principal y no en las páginas de las entradas (post).
Lo primero que haremos será irnos a Plantilla - Edición de HTML; si usamos a antigua interfaz de Blogger, vamos a Diseño - Edición de HTML.
Le damos a Expandir plantilla de artilugios.

2.§ Con ayuda de Ctrl+F buscamos nuestro widget por su nombre (en el caso del ejemplo, buscaría Recomendados)

3.§ La estructura de nuestro widget será similar a ésta:
<b:widget id='HTML5' locked='false' title='Recomendados' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
4.§ Para que el gadget se muestre sólo en la página principal, añadiremos las dos líneas que están en negrita en los lugares que se indica:
<b:widget id='HTML5' locked='false' title='Recomendados' 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 != ""'>
<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>
GADGET/ WIDGET VISIBLE SÓLO EN LAS PÁGINAS DE LOS POST

1.§ Repetimos los pasos 1.§, 2.§ y 3.§ del apartado anterior.

2.§ Agregaremos las líneas de código tal como se muestran:
<b:widget id='HTML5' locked='false' title='Recomendados' 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 != ""'>
<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>
GADGET/ WIDGET VISIBLE SÓLO EN UN POST ESPECÍFICO

1.§ Repetimos los tres primeros pasos del primer apartado .

2.§ Agregaremos las siguientes líneas en negrita:
<b:widget id='HTML5' locked='false' title='Recomendados' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Reemplazar por URL de la entrada"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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.§ Donde dice Reemplazar por URL de la entrada colocamos la url del post o entrada en donde queremos que se muestre el widget.

16 opinaron:

Gustavo

No me funciona a la hora de guardar la plantilla, me borra el código que modifiqué....

Jéssica YK

» Gustavo:
Pues los códigos están bien ya que los probé antes de hacer el tutorial. Tal vez no colocaste las líneas de código como se muestran. Fíjate si colocaste el </b:if> de cierre que está casi al final.
Si persiste el problema, no dudes en escribirme.

S@lu2

Responder
Amandysha

Hola Querida! Gracias por este artículo.

Trato de que este gadget (http://www.mybloggertricks.com/2011/06/floating-google-1-facebook-twitter.html)solo salga en los post y en ningún otro lugar.

Es un gadget que se instala entrado a la sección de diseño y agregándolo.

Traté de buscarlo entrando en la plantilla, pero no sale nada ahí.

¿Crees que puedas ayudarme? Gracias anticipadas

Amandysha

Ya pude resolver el inconveniente, gracias :P

Jéssica YK

» Amandysha:
Qué bueno que hayas podido resolverlo! Gracias por tu visia y por el comentario.

S@lu2

Responder
Astrid Ruiz

me encatraria y me dijeras como colocar un gadget pero solo en los resultados de "labels"

seria de gran ayuda mil gracias!!!!

Jéssica YK

» Astrid Ruiz:
Para que el gadget aparezca en una etiqueta (label) específica, puede usar la parte que dice "Gadget/widget visible sólo en un post específico" .

Y donde dice "Reemplazar por URL de la entrada" puede poner la URL de una etiqueta. Por ejemplo: http://pecoz.blogspot.com/search/label/EXTENSIONES

Si necesitas más ayuda, no dudes en consultarme.

S@lu2

Responder
Jesus#12#

Gracias!! Lo necesitaba :)

Jéssica YK

» Jesus#12#:
Me alegra que el tutorial te haya ayudado.
Gracias por la visita y el comentario.

S@lu2

Responder
:)Anabel;)

muchísimas gracias por el tutorial :P

Jéssica YK

» Anabel:
Gracias a ti por la visita y el tutorial.

S@lu2

Responder
Unknow User

Excelente!! que PRO!!, muchisimas gracias, llevaba tiempo meditando esta idea para un blog que tengo, y pues probaré a ver que tal, aunque no se si funcionará ahora también despues de que en blogger han hecho algunos cambios, ojalá, pues es clave para una idea ;)

Un abrazo!

Fran - TotSEO

Jéssica YK

» Unknow User:
Sí, sigue funcionando. Suerte con tu blog (:

S@lu2

Responder
Jose Capitan

hola, si quiero que en ese widget aparezcan las entradas que tienen por ejemplo las etiquetas "Tips", como lo hago?

Responder
Canela y Naranja

¡Hola! ¿Habría alguna manera de incluir el gadget dentro de una página estática?

Responder
Jesus Iachini

MUCHAS GRACIAS!!!!!!!!

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio