1.12.2013

Tutorial - Como coloca comentários recentes no blog?

Yoo
este tutorial ensina a como colocar uma gadget
de comentários recentes
Então chega de blá, blá, blá e vamos começar
Enjoy ~~
Vá em Layout, Add uma Gadget , Copie e Cole o código abaixo:
<!-- 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://Edite aki (Url do Seu blog)/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] -->
E só



5 comentários:

  1. Você ganhou uma tag: passe lá no blog e veja o que deve fazer...
    Obrigada pela atenção!

    Gostei do Layout...

    ResponderExcluir
  2. Oi aceita parceria??
    Www.winxclubmais.blogspot.com
    Espero sua resposta ;) seu blog ta muito fofof

    ResponderExcluir

Ooi Winxnáticos
Obrigado por deixar seu comentário**
Segue algumas regras:
*Parceria, peça na página de parceria.
*Proibido conteúdo 18+
*Qualquer comentário ofensivo será excluido
*Sem Críticas
Por Favoor não me mande mais tags
Comentários ofencivos serão excluídos