**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.: Accesorios

Accesorios

lunes, 5 de noviembre de 2007


Efecto de -Ir Arriba-



Contenido:Aplicar imagen flotante con efecto indicación de -IR ARRIBA-
Añadimos en Edición HTML; expandir plantilla de artilugios, y colocamos entre la etiqueta -body-/body-, preferiblemente al final de -/body-, el siguiente código:
<a href="url-de-la-página"><img src="url-de-la-imagen" alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a>





**Imagen Flotante



Contenido:Si deseas añadir una imagen flotante en tu blog pega el siguiente código en tu blog ante de -/head-:
<a href='aquí-la-url-de-tu-blog' style='display:scroll;position:fixed;bottom:0px;right:0px;'>

<img src='aquí-la-url-de-tu-imagen'/></a>



**Entradas Expandibles




Contenido: Nos situamos en la plantilla -Edicion en HTML- , y buscamos el código -/head-, y a continuación añadimos:
-----
<script type='text/javascript'>

function toggleIt(id) {

post = document.getElementById(id);

if (post.style.display != 'none') {

post.style.display = 'none';

} else {

post.style.display = '';

}

}

</script>



<script type='text/javascript'

src='http://forevergema.googlepages.com/hackosphere.js' />



--------
Ahora hay que buscar las partes que están en negro y añadir las que están en rojo
--------
<b:includable id='PeekABooPost' var='post'>

<div class='post uncustomized-post-template'>

<table><tr>

<td width='40px'>

<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>

</td>

<td>

<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>

</td>

</tr></table>

<div class='post-body' expr:id='data:post.id' style='display:none'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

</div>

</b:includable>





<b:includable id='main' var='top'>

<!-- posts -->

<div id='blog-posts'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>



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

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

<b:include data='post' name='PeekABooPost'/>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:else/>



<b:include data='post' name='post'/>



</b:if>



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

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if>

</b:if>

</b:loop>

</div
--------------
Esta aplicación ha sido posible gracias a la gentileza de gema@blog, que lo publica en su estupendo blog



Publicado por Guti en 18:06  

Etiquetas:


Pulsar para oir post hablado

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)
 
Comentarios