Big Slide CSS3 para Blogger

Olá e bem-vindo ao Mult-focos. Neste post veremos um big Slide CSS3 para Blogger, simples, leve ao mesmo tempo imponente e de fácil adição em seu blog.

Demonstração
Como adicionar no seu blog 

• Copie o código CSS do Box de códigos Vá ao painel do Blogger->modelo->editar HTML->use Ctrl+F e localize:]]></b:skin>
• Acima desta tag copie e cole o código CSS do box de códigos abaixo. 

Próximo passo

•  Ir para o painel do blogger->layout 
•  Clique em Adicionar um Gadget. 
•  Na janela Adicionar um gadget->Html/JavaScript. 
•  Copie o código JS abaixo e cole-o dentro da caixa de conteúdo. 
•  Salvar o gadget. Arraste o gadget e reposicione-o onde você quer mostrá-lo. 
•  Clique no botão Salve (canto superior direito). 

Configurações

•  Estão todas no código, copie o código em um bloco de notas proceda às alterações e adicione seu widget. 

OBS: Você pode incluir mais imagens, no entanto saiba que ficará mais pesada sua página.

Isto é tudo.

<div class="main">
  <div class="portfolio">
    <section class="portfolio_items">
      <figure class="portfolio_item">
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnJbGqNag1M5uRTqAj-ONUao9pBSm5HSIj1i4ReU6vRNU1XNwUKhCD_OsGWZtUFki76GbMWi3Wx-Ku5V1v1q2vKBo-bx-d2zNn0eXRPu4gaEEujuapTt8ppgK2c5Opbrk9eXnx-wcK9GoS/w600-h200-no/A+beleza+da+natureza+na+lente+do+fot%C3%B3grafo+brasileiro+Marcelo+Krauses+5.jpg" alt="" /> 
      </figure> 

      <figure class="portfolio_item">
        <img src="https://lh5.googleusercontent.com/-KvdG8_FUQ4Q/VBILouEtBZI/AAAAAAAAG-s/TzD7YrqARzw/w600-h200-no/A%2Bbeleza%2Bda%2Bnatureza%2Bna%2Blente%2Bdo%2Bfot%C3%B3grafo%2Bbrasileiro%2BMarcelo%2BKrauses%2B%2B3.jpg" alt="" /> 
      </figure>

      <figure class="portfolio_item">
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBQ5BWWVdgo27CJE8aZ6MQxsVJ3JfGkW9UzAEK7HQgwUamGY52X73rsw9gR4vn_eo8spuQVxdtFZRJKA2lEasjAFnGPnkyGnlPXOgo-2aAKAAFHNkxdhybyrJ9gvyBSilkftnI2pHHFath/w600-h200-no/A+beleza+da-natureza+na+lente+do+fot%C3%B3grafo+brasileiro+Marcelo+Krauses++1.jpg" alt="" /> 
      </figure>

      <figure class="portfolio_item">
        <img src="https://lh6.googleusercontent.com/-QNTSdzquEJg/VBIL2UiNO-I/AAAAAAAAG_E/PBLA6SrMAWQ/w600-h200-no/A%2Bbeleza%2Bda%2Bnatureza%2Bna%2Blente%2Bdo%2Bfot%C3%B3grafo%2Bbrasileiro%2BMarcelo%2BKrauses%2B%2B4.jpg" alt="" /> 
      </figure>

      <figure class="portfolio_item">
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCdKkKe6X4qYXMgWLbHh37qjm_njYbiIKXj8IEtfw6VXrjK2omB3BiXrNCEvqeucI1vBt3JJCWc3iBEiFiv3VvsC_-5W9E4ksxtvLqkD2FbhOWfOOIJzMK_xDt39c-FTpp_-KachYM9NEO/w600-h200-no/A+beleza+da-natureza+na+lente+do+fot%C3%B3grafo+brasileiro+Marcelo+Krauses+2.jpg" alt="" />
        <figcaption>
          Fim da Galeria.
        </figcaption> 
      </figure>

      
    </section>
  </div>
</div>

See the Pen Big Slide CSS3 para Blogger by Mairink (@Oemes) on CodePen.

---

---