martes, 16 de febrero de 2010

Mostrar un widget en una página especifica

Los widgets o elementos en la versión nueva de Blogger pueden agregarse fácilmente desde el panel edición de nuestro blog, en "añadir nuevo elemento". Una vez añadido cualquier elemento a la sidebar, este se verá tanto cuando accedemos a la página principal del blog, como cuando lo hacemos a las páginas de archivos o etiquetas.
Podemos decidir en que paginas queremos tal o cual elemento mediante una modificación en su código y hacer que el widget se vea solo en la página escogida por nosotros.

Widget o elemento solo visible en las páginas de etiquetas

[1] Vamos a la Plantilla - HTML - expandir artilugios y localizamos el widget escogido (lo más fácil es hacerlo por su título , si lo tiene). En el ejemplo, mi widget se titula "Links amigos":

<b:widget id="HTML2" locked="false" title="Links amigos" type="HTML">

[2] Añadimos lo que va en negrita a su código, fíjate que la primera línea en negrita va justo después de <b:includable id='main'> y la segunda has de ir buscando hacia abajo hasta que veas el primer </b:includable> y lo colocas justo antes.

<b:widget id="HTML2" locked="false" title="Links amigos" type="HTML">
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
......

Resto del código
........

</b:if>
</b:includable>
</b:widget>


Widget o elemento solo visible en la página principal

[1] Seguiremos los mismos pasos que para los cambios anteriores, con la diferencia de que la primera línea en negrita que hay que añadir, la sustituimos por esta:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Widget o elemento solo visible en una página concreta

[1] Supongamos que tenemos una entrada en la que explicamos como colocar un reloj en la sidebar, por ejemplo, y que queremos que el reloj de ejemplo que hemos puesto en un widget, solo se vea al acceder a esa entrada en concreto.

[2] Una vez instalado el elemento, pinchamos en el título de esa entrada en concreto, copiamos la url que sale en nuestro navegador, y seguimos los pasos que hemos visto para los casos anteriores, colocando en lugar de la primera línea, esta otra:
<b:if cond='data:blog.url == "URL_PAGINA_DE_ENTRADA"'>

Widget o elemento solo visible en la página de una etiqueta concreta

[1] El metodo sería el mismo que para los anteriores, pero colocando en esa línea de código, la url de la etiqueta, es decir, la que vemos en nuestro navegador al pinchar sobre dicha etiqueta:
<b:if cond='data:blog.url == "URL_PAGINA_DE_ETIQUETA"'>

1 comentario:

Animate a comentar

Tus comentarios nos ayuda a seguir !!!

Related Posts with Thumbnails