sábado, 9 de junio de 2012

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.

No hay comentarios:

Publicar un comentario