• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

20 de outubro de 2012

Colocando últimos comentários no blog


a menina ilustra a reação de vocês me vendo por aqui, faz um tempão que eu não posto

hum... amei o novo layout! como vão vocês ein? tudo bem?! eu estou bem melhor que vocês aahahahahaha...quem aqui viu ontem o filme "A ófã" no SBT? [Bia isso é uma resenha ou um tutorial?]  hoje vou ensinar como fazer isso:
essa barrinha da imagem fica em gadget, fica super moderno, mais o objetivo mesmo é você ver os  comentários recentes do blog.


vá no  painel do blogger clique em Configurações  DesignElementos da paginaAdicionar um Gadget.
Copie o Código abaixo  cole em HTML/JavaScript e salve.
NÃO esqueça de adicionar o endereço do seu blog no códig


<div id="recent-comments-box">

<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;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;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: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style>

<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 4,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 60,
defaultAvatar = "http://i111.photobucket.com/albums/n159/docedani/avatar/avatar2/69.gif ",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="ENDEREÇO DO BLOG/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script> </div> 



legenda:

 Numero de comentários exibidos 
 Se desejar retirar os avatares adicione false 
 Tamanho dos avatáres 
 Adicione false para retirar o formato circular dos avatares. 
 Quantidade de caracteres do trecho dos comentários. 
 Adicione uma imagem ao comentário sem avatar. 
 Altere para False se desejar mostrar os créditos do autor. 
 Adicione o endereço do seu blog. 

11 comentários:

  1. Muito bom o tuto ai desculpa mesmo eu esqueci mas TUDO BEM o layout ta lindo demais perfeito ta muito cut ^^ amei ele de mais!

    jc-help(.blogspot.com)

    ResponderExcluir
  2. Lindo layout, o tutorial é ótimo! Mas eu acho que ocupa um espaço extra nos gadgets, então na minha opinião iria ocupar um espaço desnecessário. Mesmo assim, é super eficiente.
    Beijos linda, o layout tá super fofo.
    Me desculpe por não estar visitando o AN como uma afiliada deveria fazer mas você já deve saber porque não é?

    The-Kawaii-Smile

    ResponderExcluir
  3. Que legal esse gadget! E o layout está lindo ♥-♥

    omeubrilhantemundo.tk

    ResponderExcluir
  4. Oiii amigah obg mesmo por me seguir ja estou te seguiindo beiijos gostei daqui divertido e colorido cehio de inspiraçao

    ResponderExcluir
  5. OOOtimo Tuto,E o lay ficou peerfeito,parabéns!
    connectadus (.blogspot.com)

    ResponderExcluir
  6. Ótimo para incentivar comentários, quem não quer aparecer ali, hahah! •﹏•

    www.weanilovers.blogspot.com.br

    ResponderExcluir