Widget Comentários Recentes Com Avatar Para Blogger

Com o passar do tempo o LCBwidgets têm evoluído bastante, neste preciso momento já temos algumas postagens publicadas e muitas mais serão publicadas no futuro!
Hoje ensinarei a colocar um widget comentários recentes com um avatar com uma forma circular para blogger que vai incentivar todos os seus visitantes a comentar, pois assim eles terão a possibilidade de ganhar algumas visitas extra para os seus websites.
Este widget é muito elegante e vêm com um efeito de transação e, a melhor parte é que é de fácil implementação.
Pode verificar o resultado final na imagem abaixo:
widget-blogger2
Vamos passar à implementação
  1. Entra no blogger
  2. Clica em modelo
  3. Clica em Editar HTML
  4. Clique CTRL+F e procure pela tag: ]]>
  5. Antes da tag ]]> cole o seguinte código:
 .sg_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.sg_recent_comments li:hover {
    -webkit-transform: scale(1.2) translate(15px);
    -moz-transform: scale(1.2) translate(15px);
    -ms-transform: scale(1.2) translate(15px);
    -o-transform: scale(1.2) translate(15px);
    transform: scale(1.2) translate(15px);
    box-shadow: 0 0 20px 1px #aaa;
}
É apenas isso, já pode verificar como ficou e aproveitar os resultados! Espero que tenham gostado da dica deste widget para comentários recentes, qualquer dúvida ou opinião é só comentar!

Adicionar Comentário