Poner Indice en Blogger con Efecto Acordeón jQuery y CSS 3


Anterior mente veíamos cómo poner un mapa del sitio o índice en blogger, donde el script nos muestra una lista de todas las entradas divididas por categoría, pero el script ha sido modificado nuevamente por el genio abu-farhan donde ahora lleva un bonito efecto...


acordeón que al hacer click sobre una categoría se despliegan todas las entradas y luego las oculta, pueden verlo funcionando en mi blog de pruebas.


Código para blog en Español
<link href="http://dl.dropbox.com/u/3373498/PazosBlogger/acc-toc.2.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/daftarisiv2-pack.2.js">
</script>
<script src="http://www.url/de/tu/blog/blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/accordion-pack.2.js" type="text/javascript">
</script>


Código para blog en Inglés
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.url/de/tu/blog.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>


Cambia lo que está en color rojo por los datos de tu blog, publicas la entrada y listo. Si el código para blog en español no funciona en tu blog, intenta con el código para blog en inglés.

Fuente:Abu-Farhan - www.pazosblogger.com

0 comentarios:

Publicar un comentario

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika