Mostrando las entradas con la etiqueta tabla de contenido. Mostrar todas las entradas
Mostrando las entradas con la etiqueta tabla de contenido. Mostrar todas las entradas

lunes, 17 de junio de 2013

Coleccion Excelente De Tabs JQuery Para Blogger

1 comment
Excelente De Tabs JQuery

Con jQuery, podemos hacer las cosas mas fáciles que jQuery JavaScript.Esta, se ha convertido en la biblioteca más popular JavaScript en uso ultimos días En este artículo te voy a mostrar una excelente colección  de Tabs jQuery que puedes usar para tu sitio web o blogs.Cuando vamos a un sitio web, podemos ver diferentes tipos de Tabs.Si se agrega una ficha o tab de jQuery a su sitio web, se ahorra mucho espacio en su paginas.Ademas le da un aspecto atractivo a tu blog.

Con esta coleccion Increíble de jQuery Tabs  puede visitar los sitios web de los autores de los mismos para obtener instrucciones de configuración / guías,Ademas pueden ver demostraciones en vivo de estas fichas de jQuery y también se puede descargar archivos de estas fichas utilizando la URL dada abajo.He verificado todos estos enlaces y están trabajando correctamente. pero en el futuro si estos enlaces no funciona, por favor deje un comentario.

Lista de Tabs Jquery para tu blog.

1.Sweet AJAX Tabs With jQuery 1.4 & CSS3
Articulo: http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
Demo : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html
Descargar : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip






2.Crear un área de contenido con pestañas Slick usando CSS y jQuery
Articulo : http://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
Demo : http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html
Descarga : http://nettuts.s3.amazonaws.com/001_Tabbed/TabsPSD.zip














3.Crear Tabs rotación usando jQuery





Articulo : http://www.ilovecolors.com.ar/rotating-jquery-tabs/
Demo : http://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/
Descargar : http://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip







4.PestanaAnimadas De Contenido con jQuery
Articulo : http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/
Demo : http://www.gayadesign.com/scripts/tabbed/
Descarga : http://www.gayadesign.com/scripts/tabbed/tabbedContent.zip

5.Divertido DInamico con SimplePie y jQuery





Articulo : http://net.tutsplus.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/
Demo : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles/index.html
Descarga : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles.zip
Read More

martes, 28 de mayo de 2013

Como Añadir Tabla De Contenido en Blogger

Leave a Comment
Como Añadir Tabla De Contenido en Blogger

 El Super Truco de Añadir un Mapa De Sitio o Tabla De Contenido a tu blog de blogger  aumentara  el envolvimiento de los visitantes  ademas ayudara a que cada pagina de tu blog sea indizada por tus lectores  no importa cuan antigua o nueva este script refrescara tu contenido.

En esta aparecen los enlaces de los distintos articulos que hayas escrito y senalara cual de estos son nuevos ayudando asi al lector a seleccionarel articulo de su preferencia con suma facilidad .
Este script anadira automaticamente cualquier entrada o articulo nuevo al indice.

Como Añadir este  script de Indice de Contenido a blog

1- Vaya a Paginas > Pagina Nueva > Pagina En Blanco
 
3- Pongale un Titulo a la Pagina tal como Indice del Sitio , Mapa del Sitio o Tabla de Contenido etc..
2- Escoge Editar Html y luego pegue el siguiente codigo.
blogger editor
<link href="https://googledrive.com/host/0B0LTexRNPYFjQTRiV290Umo4bm8/AcordeonU.css" media="screen" rel="stylesheet" type="text/css"></link>
    <script src="https://googledrive.com/host/0B0LTexRNPYFjQTRiV290Umo4bm8/AcordeonIndice.js"></script>
    <script src="http://url_de_tu_blog.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
    <script type="text/javascript">
    var accToc=true;
    </script>
    <script src="https://googledrive.com/host/0B0LTexRNPYFjQTRiV290Umo4bm8/Acordeon.js" type="text/javascript"></script>



4- Cambia  Añade la Url de tu Blog  con la url de tu blog da click publicar y listo
Read More