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>
No hay comentarios:
Publicar un comentario