Bom dia,
Alguém sabe o código CCS ou HTML pra deixar o instagram em cima do rodapé?
Fiz um passo a passo que achei aqui na comunidade, porém ele fico láaa embaixo.
Meu site: www.daorla.store
Olá @carolquirino, tudo bem?
Para configurações via código, sugiro que contrate um programador ou uma empresa da área para te auxiliar nas configurações. Lembrando que, nós não prestamos suporte para questões relacionadas a temas ou código de programação, pois trata-se de uma configuração externa a nossa plataforma.
Conheça nossos parceiros certificados.
vai depender do codigo que vc está usando, para fazer as alterações desejadas…
veja se te ajuda
1 curtida
Deu certo.
Muito obrigada, Leonardo 
3 curtidas
Leonardo,
Consegui colocar no meu site, mas ele esta cortando a imagem veja https://www.idtecnologia.com.br. Tem como ajustar a altura?
Descobri Leonardo, ajustei essa parte max-width: 1400px; width:100%; PARA “width:1350px; height:270px”
1 curtida
Pessoal, tem como adicionar o cabeçalho do código abaixo no código já apresentado? Achei o cabeçalho bem legal. Só precisaria mudar a cor do ícone.
<script>
var nomeInstagram="lojagaba";
var ativarLinkInstagram=true;
if ($("body").is(".pagina-inicial, .pagina-produto, .pagina-categoria, .pagina-pagina, .pagina-marca")){var newScript2=document.createElement("script"); (newScript2.type="text/javascript"), (newScript2.src="https://cdn.awsli.com.br/637/637407/arquivos/insta.js"), document.getElementsByTagName("head")[0].appendChild(newScript2), setTimeout(function (){0==$(".insta-title").length ? $("body").is(".pagina-categoria") ? $("body #corpo > .conteiner .secao-principal").append( "<div id='dvInstagram' class='block-insta'><div class='conteiner clearfix'><div class='insta-title'><span><img id='imgInsta' src='https://cdn.awsli.com.br/637/637407/arquivos/indice.png' width='30' style='max-width: 30px;'>instagram</span></div><div id='dvInsta'></div></div></div>" ) : $("body #corpo > .conteiner > div:first-child").append( "<div id='dvInstagram' class='block-insta'><div class='conteiner clearfix'><div class='insta-title'><span><img id='imgInsta' src='https://cdn.awsli.com.br/637/637407/arquivos/indice.png' width='30' style='max-width: 30px;'>instagram</span></div><div id='dvInsta'></div></div></div>" ) : $("#instafeed").html("").attr("id", "dvInsta"); var i=4; $(window).width() < 761 && (i=1), new InstagramFeed({username: nomeInstagram, container: $("#dvInsta")[0], display_profile: !1, display_biography: !1, display_gallery: !0, callback: null, styling: !0, items: 4, items_per_row: i, margin: 3, lazy_load: !0});if (!ativarLinkInstagram){setTimeout(function (){$("#dvInstagram a").attr("href", "javascript:void(0)").removeAttr("target").attr("style", "cursor: initial !important;");}, 4e3);}}, 4e3);}
</script>
<style type="text/css">
.block-insta{margin-bottom:50px}.insta-title{text-align:center;position:relative;margin:35px 0!important}.insta-title:before{content:'';display:block;background:#ddd;left:0;margin:auto;position:absolute;width:100%;height:2px;top:calc(50% - 1px)}.insta-title span{display:inline-block;color:#191919;font-size:19px;padding:0 40px;background:#fff;position:relative;text-transform:uppercase;line-height:normal}.insta-title #imgInsta{display:block;font-size:35px;margin:0 auto}#instafeed{padding:0 20px}#instafeed a{display:block;position:relative;width:100%;padding-bottom:100%}#instafeed img{position:absolute;max-height:100%;width:100%;height:100%;object-fit:cover}#instafeed .owl-nav button{height:40px;font-size:35px;font-weight:700;display:table;position:absolute;top:calc(50% - 20px)}#instafeed .owl-nav i{display:table-cell;vertical-align:middle}#instafeed .owl-prev{left:0}#instafeed .owl-next{right:0}.likes-comments{position:absolute;left:0;right:0;bottom:-15px;opacity:0;transition:.25s;background:linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);font-size:14px;color:#fff;line-height:60px;text-align:center}#instafeed a:hover>.likes-comments{bottom:0;opacity:1}.likes-comments span{padding:0 15px}.likes-comments span i{margin-right:5px}#dvInstagram{display:inline-block}
</style>Olá Leonardo, td bem? Vi que ajudou a galera com o Feed do Instagram no site. Até consegui instalar com o seu código porém, o feed está ficando no final de tudo, abaixo do rodapé, (vide Print). Mas gostaria que ele ficasse acima da Newsletter, conseguiria me ajudar editando o código para que posicionar o Feed ?
Leonardo, estou usando esse código:
<!-- Start Instagram widget -->
<div id="instagram-rodape" align="center" class="hide">
<div class="conteiner">
<a href="https://instagram.com/corium91">instagram @corium91 </a>
</div>
<!-- start SnapWidget -->
<script src="https://snapwidget.com/js/snapwidget.js"></script>
<iframe src="https://snapwidget.com/embed/1037501" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:3600px; height:400px"></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-->
Alterei aqui para o tipo HTML e deu certo, agradeço muito pela ajuda!!!
2 curtidas