07mar2012

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