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'>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: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>
<b:widget id='HTML5' locked='false' title='Recomendados' type='HTML'>GADGET/ WIDGET VISIBLE SÓLO EN LAS PÁGINAS DE LOS POST
<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>
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'>GADGET/ WIDGET VISIBLE SÓLO EN UN POST ESPECÍFICO
<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>
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'>3.§ Donde dice Reemplazar por URL de la entrada colocamos la url del post o entrada en donde queremos que se muestre el widget.
<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>
16 opinaron:
No me funciona a la hora de guardar la plantilla, me borra el código que modifiqué....
» 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
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
Ya pude resolver el inconveniente, gracias :P
» Amandysha:
Qué bueno que hayas podido resolverlo! Gracias por tu visia y por el comentario.
S@lu2
me encatraria y me dijeras como colocar un gadget pero solo en los resultados de "labels"
seria de gran ayuda mil gracias!!!!
» 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
Gracias!! Lo necesitaba :)
» Jesus#12#:
Me alegra que el tutorial te haya ayudado.
Gracias por la visita y el comentario.
S@lu2
muchísimas gracias por el tutorial :P
» Anabel:
Gracias a ti por la visita y el tutorial.
S@lu2
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
» Unknow User:
Sí, sigue funcionando. Suerte con tu blog (:
S@lu2
hola, si quiero que en ese widget aparezcan las entradas que tienen por ejemplo las etiquetas "Tips", como lo hago?
¡Hola! ¿Habría alguna manera de incluir el gadget dentro de una página estática?
MUCHAS GRACIAS!!!!!!!!
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.