Widget de comentários recentes

Oiiiee xuxus, vocês devem ter reparado que aqui no blog abaixo das tags tem um gadget de comentários recentes..certo?!
hoje vou ensinar como colocar no blog é bem "barbadinha" sério tri fácil..vamos ao tuto então 



Vá em Design > Adicionar um Gadget > HTML/Javascript

E cole o seguinte código:

<!-- Inicio Widget de Comentários Recentes by Candylland -->

<div id="recent-comments-box">
<!-- Estilos -->
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} 
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block} 
.w2b_recent_comments li span{margin-top:4px;color:#fff;display:block;font-size:12px;font-weight:800;line-height:1.4}
</style>
<!-- Script -->
<script type="text/javascript">
//<![CDATA[
var
numComments = 5, // NUMERO DE COMENTARIOS A MOSTRAR
showAvatar = true, // MOSTRA O AVATAR
avatarSize = 60, // TAMANHO DO AVATAR
roundAvatar = true, // ARRENDONDA O AVATAR
characters = 90, // TAMANHO DO TEXTO DO COMENTARIO
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/bygizaa/recent-comments.js"></script>
<!-- COLOQUE A URL DO SEU BLOG NO LOCAL INDICADO ABAIXO -->
<script src="http://URL_DO_SEU_BLOG_AQUI/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=10" type="text/javascript">
</script>
</div>
<!-- FIM WIDGET BY CANDYLLAND [candylland.blogspot.com] -->
Só modifica o que esta destacado,ok!

Cabeça de cebola Emoticons 73
Prontinho, bem simples né?!
Aqui no blog deu certinho

Aparece somente quando o blog esta em visualização publica, ok

Esse é um tutorial do Candylland

5 comentários:

  1. adoreiii
    dica super bacana bezosssssssssssssssss

    ResponderExcluir
  2. Que fofo *u* Amo esse widget e é até legal né, as pessoas olhando os comentários maravilhosos que postam no nosso blog ^^ Bjss Luuh
    teenstyle-oficial.blogspot.com/

    ResponderExcluir
  3. Legal a dica! Porém quando eu coloquei marcadores nas minhas postagens ele não funciona mais.
    bjos
    http://prisciladeolinda.blogspot.com.br/

    ResponderExcluir