9 may. 2009

Elementos condicionales (Parte 2)

En esta parte vamos a ver como condicionar el código HTML y los Scripts, puede que en un principio sea un tanto complicado, pero cuando se acostumbren al proceso les va a resultar bien fácil.

Antes de empezar les recomiendo leer la primera parte para que se den una idea de lo que les voy a explicar.

Para condicionar el codigo HTML solo hace falta ponerlo entre los condicionales, entre las etiquetas <body> </body> :

♦Ejemplo:

•Este codigo solo se ejecutara en la pagina principal:

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

<div style="width:200px; height:100px; background-color: #333333">

SOLO APARESCO EN EL HOME

</div>

</b:if>


•El resultado seria este, y solo se veria en la pagina principal:



SOLO APAREZCO EN EL HOME



Con un poco de imaginación se le puede sacar jugo este truco para hacer una especie de pagina de presentación, o condicionar elementos para que solo aparezcan en las paginas de los Post.

Pero el principal uso que tiene es aliviar la carga de la pagina, si el blog tarda mucho en cargarse los visitantes se van, o en su defecto no vuelven. Una de las cosas que hacen que la pagina cargue mas lento, son los scripts. Hay scripts que solo se utilizan en las paginas de los Post, como por ejemplo el de "Emoticones en los Comentarios". para condicionarlos lo mas fácil es poner el siguiente código antes de </head>, van en el mismo lugar que el CSS condicionado [ver].

♦Ejemplos:

• Si lo cargamos con una url:


<b:if cond='data:blog.pageType == "item"'>

<script src='UrlDelScript.js' type='text/javascript'>;</script>


</b:if>


[SOLO SE CARGARA EN LAS PAGINAS DE POST]

• Si lo escribimos directamente en la plantilla:

<b:if cond='data:blog.pageType == "item"'>

<script type='text/javascript'>

ACA ESCRIBIR EL SCRIPT

</script>

</b:if>


[SOLO SE CARGARA EN LAS PAGINAS DE POST]


Eso es todo por ahora, en la tercera parte vamos a ver como condicionar los elementos por defecto de Blogger.
Animate! Se el primero en comentar!
¿Desea hacer un comentario?

Diseño: Shark_Bloody
MDEQ® - Todos los derechos reservados