Home » , » Mostrar gadget solo en la entrada principal o individual de nuestro blog

Mostrar gadget solo en la entrada principal o individual de nuestro blog


Hola que tal amigos TuMultiteros en esta ocación me he dado a la tarea de redactar un pequeño tuto el cual creo les sera de mucha utilidad, pues en este tuto lo que vamos a hacer es como mostrar un gadget u otro objeto solo en la pagina principal de nuestro blog y también como hacer que solo aparezca en las entradas individuales.

Bien pues el procedimiento es muy sencillo y es el siguiente:

Para lograr esto modificaremos el código del gadget que queramos ocultar en las entradas. En ese ejemplo usaremos el código de un gadget HTML/Javascript. Sólo hay que localizar el gadget con los artilugios expandidos y agregar lo que está en azul.

<b:widget id='HTML1' locked='false' title='Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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:if>
</b:includable>
</b:widget>
Como ven, la primera parte que agregamos va justo después de
<b:includable id='main'> y la segunda parte justo antes de </b:includable>

Esto lo hacemos con cada uno de los gadgets que queremos esconder, aunque todos tienen un código distinto, sólo hay que guiarnos por lo que mencionamos anteriormente.
De esta forma todos los gadgets se mostrarán en la portada, pero en las entradas se ocultarán aquellos que hayamos modificado.

y si queremos lo contrario, osea solo mostrar los gadget u otro objeto en las entradas individuales pues el procedimiento es el mismo solo que con el siguiente condigo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>  </b:if>       
para aplicarlo sobre una imagen, slider o algún otro código que no sea un gadget. solo tiene que agregar el codigo correspondiente al principio y cerrarlo con </b:if> al final.

por ejemplo este es el codigo de una de mis imágenes:
<b:if cond='data:blog.pageType == &quot;item&quot;'><a class='tooltip' href='http://tumultitec.com/p/contacto.html' target='blank' title='anunciate aqui'><img alt='Dale clic' border='1px' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTNNdb4SZGlKa_A5b6h3PlhOzIeiLbQOM_BCOCxoLz-eLcBVv6ppWbRWJg3GgMgK8kDv_8qwL96GTU83UksyPoISE3O3YhS0wnpkMSXbv05oOxkn9QeMNCzLlfDyhAyJNmsXhj1lojKdg/s127/anunciate%2520aqui.png' width='125'/></a></b:if>
Y así es como lo aplicaremos en estos objetos que no sean gadgets.
bueno creo que esto es todo espero y les halla servido y si tienen alguna duda pueden comentarla con confianza que yo con gusto responderé.


Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS