Imagem de compartilhamento no rodapé das postagens

Atendendo a um pedido da nossa amiga Karla, no tutorial de hoje, vou ensinar vocês como adicionar uma imagem com setinha para compartilhamento, igual essa que usamos aqui no blog. Esse tutorial é super fácil e muito com para incentivar o compartilhamento da sua postagem.

Para adicionar a imagem no rodapé de seu blog, você deverá ir no painel do seu blog, MODELO, EDITAR HTML, aperte CTRL +F  e lá procure por 

.post-footer {

Você deverá encontrar o trecho acima, ou parecido, dependendo do seu modelo.

Altere o trecho encontrado pelo código abaixo:

/* Rodape das postagens www.mundodeblogueira.blogspot.com---------- */.post-footer { background:url("URL DA SUA IMAGEM AQUI") no-repeat scroll 0 0 transparent; color:#313131; font-family:Trebuchet MS; /* ESTILO DA FONTE */ font-size:13px; /* TAMANHO DA FONTE */ height:120px; /* ALTURA DA IMAGEM */ line-height:1.4em; margin:0.75em 0; padding-left:100px; /* ESPAÇO A ESQUERDA */ padding-top:50px; /* ESPAÇO ACIMA */ width:635px; }

Faça as mudanças necessárias de acordo com o tamanho da sua imagem, e não esqueça de fazer a hospedagem da imagem.

 

Super legal e fácil e deixa seu blog ainda mais fofo. E ai gostaram e do tutorial do dia ?