Nos posts anteriores, mostrei como colocar um slider com o Unslider e como colocar um slider com o BxSlider no seu blog.

Agora, uma solução mais extrema: automatizar a criação de slider. Com essa opção, qualquer post que tenha mais de uma foto e não esteja marcado para não ter slider terá automaticamente a criação de um slide.

Para fazer isso, primeiro é preciso incluir o CSS do BxSlider no seu blogger. Vá na configuração de modelo, Personalizar, Avançado, Adicionar CSS e inclua o conteúdo do CSS do BxSlider.

Depois disso, você precisa configurar o BxSlider para ser acionado automaticamente. Para isso, você deve acessar o layout do seu site e incluir um gadget do tipo "HTML/JavaScript". Nesse gadget, você deve incluir o seguinte código:

 <script src="//code.jquery.com/jquery-latest.min.js"> </script>   
 <script src="https://googledrive.com/host/0Bz60gXzIeiEqUHdFVHhtSWdUWTQ"></script>  
 <script src="https://googledrive.com/host/0Bz60gXzIeiEqWENnTHF5cVdIdzg"></script>  

Pronto. Seu blog está preparado para transformar em slider qualquer post que tenha mais de uma imagem. Para impedir que isso ocorra em algum post, ao editar no modo HTML, inclua o seguinte código:

 <div class="noslide"></div>  

Lembrando que só funciona se o código for inserido no modo de edição HTML.

Abaixo, um Slider gerado automaticamente, apenas adicionando imagens ao post.

Leia Mais