Galeria Slaideshow automática para blogger

Olá amigos Mult-focos, neste post trazemos uma galeria slaideshow automática para Blogger. Esta surpreendente galeria destaca os posts da sua página inicial, é uma verdadeira vitrine dos seus posts.

Veja seu demo clicando no botão abaixo ou em result no Box de códigos.

DEMO  

Adicionando a galeria no seu blog.

I - Vá ao painel do Blogger->clique em modelo->Editar HTML->use Ctrl+F e localize a tag

]]></b:skin>

Acima dela copie e cole o código CSS do Box de códigos.

II – Agora copie o código HTML do Box de códigos cole em um bloco de notas e faça as modificações.

III - Feito isto adicione no gadget (não sabe como adicionar aprenda AQUI.

---

      

<section id="dg-container" class="dg-container"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
var gallery_config = {
    url: 'http://mult-focos.blogspot.com.br',
    numPost: 3,
    labelName: null,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    newTabLink: false,
    containerId: 'dg-container',
    slider: {
        itemWidth: 480,
        itemHeight: 260,
        prevText: '&lt;',
        nextText: '&gt;',
        current: 0,
        autoplay: false,
        interval: 2000
    }
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-3d-gallery.js"></script>

See the Pen GjhIr by Mairink (@Oemes) on CodePen.

---

Configuração	Slideshow
Opção	Descrição
URL	Mude com seu URL da página inicial do blog.
numPost	Usado para definir o número de slides.
NomedoRótulo	Usado para determinar o nome do rótulo específico para classificar as mensagens por um rótulo específico.
monthArray	Array de nomes de meses.
Noimage	Mude com seu próprio URL---"Sem imagem".
newTabLink	Se true, a cada link abrirá automaticamente em uma nova aba / janela nova.
containerID	ID do recipiente slideshow.
Deslizante	itemWidth====Largura da imagem em pixels.
Deslizante	itemHeight===Altura da imagem em pixels.
Deslizante	Autoplay=====Se true, a apresentação de slides será reproduzida automaticamente.
Deslizante	Intervalo====Intervalo Slideshow se autoplay definido como true.

OBS: Se o modelo já tem um JQuery, remova(<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>)

---

---