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

Para ponerlo en tu blog crea una página estática o una entrada normal, luego en el editor de entradas en la parte superior derecha pincha en Edición de HTML y pega el siguiente código:


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.

Posted in: Efectos,zona de blogger