Sobre o Blog

MamanunesO Dicas e Templates Mamanunes nasceu da minha necessidade de registrar as descobertas que faço enquanto aprendo a desenhar templates para a plataforma Blogger. Compartilho aqui alguns truques, templates e informações que considero úteis para blogueiros e curiosos. Entre e fique a vontade.

Info

19.9.10

image
Vamos aprender a colocar um balão ao lado do título do post com o número de comentários recebidos. Exibir o número de comentários pode estimular o leitor a comentar também, então vamos lá. É muito simples e pode ser inserido em qualquer template Blogger, inclusive os do novo Designer.


Faça login no Blogger ► “Design” ►”Editar HTML
Na pagina de edição deixe marcada a opção "Expandir modelos de widgets" e procure pelo seguinte trecho:
<b:includable id='post' var='post'>
Lobo ABAIXO dele, cole o seguinte código:
<span class='post-comment-link-arriba' style='font-size:24px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy3yFHZNvYRfhmCQQoO-26aFwlAhWtCg3p8LC7Cil96aHm16p1B5hyphenhyphen1Ps9Elcv_pCGqOWaGEVrxdGgFXCjZjJqozKx8gjbEcgWpRsqPV6SFnu-xeA_jCPtkjRYKIyEfqMCpW3necp3TTE/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>
Visualize e se estiver tudo bem, salve o template.
Veja como ficou em meu blog de provas
image
Você poderá substituir o balão por outro modelo. Observe no código o trecho em vermelho. É o endereço da imagem. Mas é IMPORTANTE que você também altere as medidas de acordo com o tamanho do ícone que escolher assim como o posicionamento do número. Observe os detalhes dentro do código
width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;
Vá ajustando  padding até que fique bem centralizado.
O tamanho do número, está determinado no seguinte trecho:
style='font-size:24px;
24px é o tamanho do número dentro do balão. Altere a seu gosto.
Dica: No site Find Icons você pode encontrar uma infinidade de modelos de balões. Com certeza algum vai se encaixar no desenho do seu template.
image

Fonte:  Vida México VID MRR (em espanhol)

38 comentários

@Vinnizinhow

opa! Eu queria saber como faz justamente o contrario, eu ja tentei colocar outros layouts no meu blog (com o estilo de comentario padrao) e ele nao muda, continua com os baloes, queria saber se existe uma maneira mais simples... No aguardo!

Anônimo

ler todo o blog, muito bom

Mr. Bonne

Vlw cara, salvou a pátria aki :-D
Muito bom o blog!
Abrass e sucesso

Bruno

Valeeeeeeeeeu!

Anônimo

nÃO CONSEGUI CENTRALIZAR O MEU, QUAL A PROPOSÇÃO QUE EU USO?

Anônimo

Olá !!!

Apliquei e ficou ótimo, peguei um balãozinho diferente e ajustei com facilidade, pois a sua explicação está ótima, bem objetiva e clara !!
E olha que eu não entendo nada disso e consegui fazer rapidinho !!
Gostaria só de saber se tem como mudar a cor dos números, estão azuis e eu queria pretos...
OBrigada !!! Um abraço e sucesso !!! :D

Anônimo

nkqzkuw cel msipt amateur xxx

dsicr!

rzzxt dwflyy mfe hot young

Grazi Lotti

Olá!! Eu tive que tirar o balão pq ficava um espaço meio grande entre as postagens! :/ Pq será que aconteceu isso?
Bjs

Sonia

Muito bom e fácil de fazer, obrigada! :)

TommyH

muito bom vou colocar no meu obrigado! :)

Samantha

Não consegui achar :(

Anônimo

Vaaleeeu! Taava procurando e nunca dava certo, agr deu!

WWW.BLOGNEWSFORGIRLS.BLOGSPOT.COM

Valdicéia Mendonça

Show de bola!!!

Grazi Lotti

Olá! Tem como fazer funcionar com o InteseDebate!?? Please!

Unknown

Ola!! É possível fazer com que número seja o link para os comentários?

E também é possível fazer com que apareça somente o balão?

Obrigado!!!

Juuh

Obrigada pela dica !

meu blog http://simplesassimrj.blogspot.com/

Bjinhos ju

http://odeclinardosonhos.blogspot.com

Maravilha já coloquei no meu e ficou muito bom!
Obrigada

Anônimo

Não funcionou no meu, pq? :(

VillarteDesign Artesanato

Olá. Seu blog é fantástico. Voltarei muitas vezes pois tenho utilizado várias de suas dicas. Muito úteis em tutoriais super didáticos. Parabéns!

Anônimo

O único que funcionou com minha configuração. Valeu! Parabéns!

Coelho Drogado

Funfou, mais num tem como almentar o tamanho do numero que aparece dentro do balão?

Bárbara Hora

Olá, tudo jóia?
Bom, o post é super válido mesmo. Seguinte, consegui incluir o código só que quando eu visualizo o blog, o balão aparece sozinho, sem o numero dentro dele. Sabe a causa disso ou qual código possivelmente está errado?
Obrigado

Marcio

Amigo, como coloco um link no número que tem no balão para ir direto nos comentários, a #comment-Form (http://urlDoblog.blogspot.com.br/2012/03/postagem-do-blog.html#comment-form)?

Email: meucanto11@gmail.com

Luiz

valeu cara você me ajudou muito!!

Fernando fj

Valeeeeu :)

António Je. Batalha

Amigo eu coloquei e ficou bonito, mas o link para comentários esta a funcionar no titulo da pastagem em vez de ser no balão, podia ajudar-me por favor?
Antonio Batalha.
osbatalhas@gmail.com
Obrigado.

Anônimo

I'm new to building internet sites and I was wanting to know if having your blog title related to your content really that crucial? I see your title, "Blogger: Dicas e Templates Mamanunes " does seem to be spot on with what your website is about yet, I prefer to keep my title less content descriptive and based more around site branding. Would you think this is a good idea or bad idea? Any kind of assistance would be greatly appreciated.

Also visit my web-site :: oprema
my site - pakovanje

Anônimo

First off I would like to say wonderful blog! I
had a quick question which I'd like to ask if you do not mind. I was curious to find out how you center yourself and clear your head prior to writing. I've had
a hard time clearing my mind in getting my thoughts
out there. I do take pleasure in writing but
it just seems like the first 10 to 15 minutes are usually wasted just trying to figure out how to begin.
Any suggestions or hints? Thank you!

Stop by my web blog news
my web site - news

Anônimo

obrigadãaaaaao, nenhum site da certo só este *-* valeu ajudou muito!

Anônimo

Thаnks for finally tаlkіng about > "Bal�o Com N�mero de Coment�rios ao Lado do T�tulo do Post" < Loved it!

Feel free to surf to my site :: ѕіmply
clісκ the following рost

Anônimo

my spouse and I luv these e cigs

Mу website - green Smoke discount

Anônimo

Нey! ӏ know this іs somewhat off topic but I wаs ωondering if you κnew where I could get
а captchа plugin for my сommеnt
form? I'm using the same blog platform as yours and I'm having
problems fіnding one? Thаnks a lot!

Lοok аt mу homеpage hand-dyedfibers.Com

Anônimo

Ahaa, itѕ fastidious discussion regarding thiѕ piecе of wrіting at this place аt this website, I have
read all that, so at this time me аlsо commenting at this plаce.


my blog poѕt :: lazer Hair removal

Anônimo

What i ԁo not understood is in truth how yοu are not reаlly much more smаrtly-favoreԁ than you may be now.
Yοu're so intelligent. You know therefore considerably in the case of this subject, made me in my view believe it from a lot of numerous angles. Its like women and men are not involved unless it's something to accomplіsh with Woman gаga!

Your own stuffs excellent. All thе time handlе it up!


Нave a look at mу ωeb-site - squeak.sakura.ne.jp

Anônimo

Hеy there! I јust wanted to ask if you ever have
anу issues with hасkers? Mу lаst blog (wordpress) was haсked and Ι еnded
up losing many months of harԁ woгκ duе to no backup.
Do you have аny methods to prevent hackers?

Mу web site - http://forum.medicalexams.com/index.php?P=/profile/4905/TeriLavig

Anônimo

I pay a quick visit еvery ԁay sοme ѕіteѕ аnd ωebsіtеs to reaԁ artіcleѕ, excеpt this blоg giνеs quality basеd writing.


Hеre iѕ my blog post - http://www.sfgate.com/business/prweb/article/V2-Cigs-Review-Authentic-Smoking-Experience-or-4075176.php

Anônimo

I love your blog.. very nice colors & theme.
Did you create this website yourself or did you hire someone to do it for you?

Plz answer back as I'm looking to design my own blog and would like to find out where u got this from. appreciate it

Take a look at my web page :: cheap

Postar um comentário

Caso queira informações mais detalhadas, ou encomendar um template personalizado, use o Formulário de Contato ou meu Email. Responderei o mais breve possível.
Obrigada.