23/2/11

Indice Tabla de Contenidos para mi Blog

Indice Tabla de Contenido para mi Blog
Ahora voy a mostrarles dos tipos de Indice o Tabla de contenido para tu Blog





























Tabla de contenidos 1

La primera tabla es bastante practico, este es mas sencillo pero de todas maneras nos puede ser de utilidad, es muy fácil de implementarlo, realiza lo siguiente:

- Creacion de Entradas, Nueva Pagina, Creamos una nueva pagina, y añadimos los siguiente:
CODIGO:

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://tublog.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Sustituye lo que esta marcado en Negrita (tublog) por tu blog, guardamos y tenemos nuestro índice, mapa o tabla de contenidos del blog. Los scripts ya están alojados directamente pero si tienes algunos conocimientos puedes modificarlos y personalizarlo a tu manera, tanto el script como el CSS.


Tabla de contenidos 2

Para crear la segunda tabla, el script ha sido mejorado tanto el CSS como otras opciones:
*Acordeón efecto
*Mostrar y ocultar efectos
*CSS 3
*Automático añadir jQuery
*Color diferente para el contenido
*Diferentes estilos para abrir y cerrar
*Auto Ordenar el título
*Las 10 entradas mas recientes con texto New!!

Este esta mas elegante para tu blog.
CODIGO:

<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://tublog.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>

1 comentario:

ir arriba