13 de septiembre de 2016

Hacer acordeón la barra lateral del blog con jQuery



Aquí voy a mostrar una forma sencilla de transformar en acordeón barra lateral o sidebar bel blog en Blogger.
Blogger barra lateral acordeón con jQuery


  1. Vamos a ir al panel de configuración del blog. Estando ahí, ir a Plantilla y entrar en "Editar HTML"
  2. Presionar (Ctrl+F) en el buscador pegar </head>
  3. Una vez localizado pagar antes de este el siguiente código:



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
//<![CDATA[
$(function() {
    $('.sidebar .widget-content').hide();   
    $('.sidebar h2:first').addClass('active').next().slideDown('slow');
    $('.sidebar h2').click(function() {
        if($(this).next().is(':hidden')) {           
            $('.sidebar h2').removeClass('active').next().slideUp('slow');     
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});
//]]>
</script>



Guardar la plantilla y ver el resultado en la barra lateral de tu blog .

Si la plantilla ya está equipado con jQuery, no pegar ese código.







No hay comentarios:

Publicar un comentario

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.