Código de como colocar instagram no blog

<div class="instagram">
COLOQUE O SEU CÓDIGO AQUI
</div>

<div class="insta">
<p> Me acompanhe no</p>
<a href="coloque-aqui-o-endereço-do-seu-instagram" target="_blank">@seuinstagram</a>
</div>

<style>
.insta {
width: auto;
position: relative;
text-align: center;
}
.insta p {
font-family: Verdana; /*--Estilo da fonte do texto de ação--*/
font-size: 17px; /*--Tamanho fonte do texto de ação--*/
text-align: center;
font-weight: normal;
color: #000;/*--Cor da fonte do texto de ação--*/
}
.insta a {
font-family: Verdana; /*--Estilo da fonte do botão user--*/
color: #fff; /*--Cor da fonte do botão user--*/
text-align: center;
font-size: 14px; /*-- Tamanho da fonte do botão user--*/
background: #c05697; /*-- Cor de fundo do botão user--*/
border-radius: 2px;
padding: 8px;
}
.insta a:hover {
background:#ef91cb; /*-- Cor de fundo do botão user ao passar o mouse--*/
color: #75405f; /*-- Cor de fundo da fonte do botão user ao passar o mouse--*/
text-decoration: none;
}
</style>

Nenhum comentário:

Postar um comentário