Feed do Instagram acima do Rodapé

Layout
23 
<!-- Start Instagram widget -->
    <div id="instagram-rodape" align="center" class="hide">
        <div class="conteiner">
            <a href="https://instagram.com/xerifepimenta"> instagram @xerifepimenta   </a> 
        </div>
    
        <!-- start SnapWidget  aqui dentro fica o codigo gerado-->

        <!-- end SnapWidget  aqui dentro fica o codigo gerado-->
    
</div>

<script type="text/javascript">
    $(document).ready(function() {
        if($('#rodape').length && $('#rodape .pagamento-selos').length) {
            $('#barraNewsletter').before($('#instagram-rodape').removeClass('hide'));
        } else {
            $('#instagram-rodape').remove();
        };
    });
</script>

<style>
    #instagram-rodape .conteiner { padding: 0; background: transparent; box-shadow: none; max-width: 1180px; margin: 50px auto 15px; }
    #instagram-rodape .conteiner a { font-size: 20px; font-weight: 600; }
</style>
<!-- end Instagram widget-->
2 curtidas
24

Funcionou, ficou muito bom. Obrigado pela ajuda.

25

Leonardo, oiii, obrigada pela ajuda em vários tópicos aqui na comunidade.

Acabei de realizar a configuração do insta. Vê só, será que consigo diminuir essa distância ?

image
image1860×503 243 KB

26

sim, naquele codigo vai ter essa parte

margin: 50px auto 15px;

dai vc ajusta como quiser.

1 curtida
27

Show! Consegui aqui, mto obrigada!

28

Pessoal queria ajuda de voces. Primeiramente parabens por disponibilizar este codigo pra colocarmos em nossos sites, eu tinha um nativo do tema porem ele foi descontinuiado e ficou sem nada ali naquela área.

Eu adicionei o codigo informado acima, porem eu queria que ele ficasse acima dessa ultima linha (no local ele estava outro. este codigo nativo que tinha era puxado atraves de id e token usando js.

Veja a imagem

Digital_Brindes
Digital_Brindes1349×625 416 KB

o site é www.digitalbrindes.com.br

29 
    <script type="text/javascript">
        $(document).ready(function() {
            if($('#rodape').length && $('#rodape .pagamento-selos').length) {
                $('#corpo').after($('#instagram-rodape').removeClass('hide'));
            } else {
                $('#instagram-rodape').remove();
            };
        });
    </script>
30

muito obrigado @Leonardo_Vicentini_F você é o cara. Muito obrigado mesmo

2 curtidas
31

olá como eu diminuo o tamanho? está aparecendo muito grande pra mim

32

vc configura isso dentro do snap ou manualmente no codigo que é gerado.

image
image1795×632 358 KB

1 curtida
33

@Leonardo_Vicentini_F tudo bem? Me interessei em colocar o widget do instagram. Criei no Snap e gerei o código. Dúvida, onde devo configurar esse código?

    <div id="instagram-rodape" align="center" class="hide">
        <div class="conteiner">
            <a href="https://instagram.com/petcaredistribuidora/">instagram @petcaredistribuidora   </a> 
        </div>
    
        <!-- start SnapWidget -->
    <!-- SnapWidget -->
        <iframe src="https://snapwidget.com/embed/830706" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden;  width:480px; height:160px"></iframe>
        <!-- end SnapWidget -->
    
</div>

<script type="text/javascript">
    $(document).ready(function() {
        if($('#rodape').length && $('#rodape .pagamento-selos').length) {
           $('#rodape').before($('#instagram-rodape').removeClass('hide'));
        } else {
            $('#instagram-rodape').remove();
        };
    });
</script>

<style>
    #instagram-rodape .conteiner { padding: 0; background: transparent; box-shadow: none; max-width: 1180px; margin: 50px auto 15px; }
    #instagram-rodape .conteiner a { font-size: 20px; font-weight: 600; }
</style>
<!-- end Instagram widget-->
34

rodape, pagina principal, html

2 curtidas
35

Obrigado. Deu certo!

36

conseguir achei legal grade do instagran

37

@Leonardo_Vicentini_F tudo bem? Queria mais uma dica nesse assunto se possível.
Eu coloquei o efeito hover no Snap para apresentar os likes&coments, isso foi ontem. Hoje ainda aparece tudo zerado nos contadores de likes&coments.
Teria alguma dica nesse sentido?

image

Obrigado

38

Sim, na versão free leva 24 horas ou mais para mostrar essas infos…

1 curtida
39

Obrigada o seu código foi de grande ajuda!
Você sabe como configurar para ficar assim?
image

40

dentro no snap vc faz toda a configuração.

1 curtida
41

Sim, mas para deixar a parte da escrita personalizada e com o ícone do instagram, eu consigo?

42

a ta…
não posso ajudar, logo alguém deve aparecer.

1 curtida