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ódigo
<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 SettingsvarnumComments = 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.
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!
ResponderExcluirjc-help(.blogspot.com)
haha' valeu mesmo ein!
ExcluirLindo 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.
ResponderExcluirBeijos 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
hehe, sim sim, aa flor obrigada pelo coment
ExcluirQue legal esse gadget! E o layout está lindo ♥-♥
ResponderExcluiromeubrilhantemundo.tk
Oiii amigah obg mesmo por me seguir ja estou te seguiindo beiijos gostei daqui divertido e colorido cehio de inspiraçao
ResponderExcluirobrigada por seguir o A.N
ExcluirOOOtimo Tuto,E o lay ficou peerfeito,parabéns!
ResponderExcluirconnectadus (.blogspot.com)
muito obrigada ;D
ExcluirShow!
ResponderExcluirÓtimo para incentivar comentários, quem não quer aparecer ali, hahah! •﹏•
ResponderExcluirwww.weanilovers.blogspot.com.br