Hooy Gente
Eu ando um pouco ausente eu sei, mais como deu para perceber no post anterior estou com dificuldades na escola! Mais mais estou compensando essa ausência com um tutu super legal, que é colocar um balão personalizado com o número dos comentários. É uma forma de conseguir mais comentários no seu blog já que incentiva os leitores a comentar e é bem bonitinho
também huahauahauh. Ficará mais ou menos assim:
Eu ando um pouco ausente eu sei, mais como deu para perceber no post anterior estou com dificuldades na escola! Mais mais estou compensando essa ausência com um tutu super legal, que é colocar um balão personalizado com o número dos comentários. É uma forma de conseguir mais comentários no seu blog já que incentiva os leitores a comentar e é bem bonitinho também huahauahauh. Ficará mais ou menos assim:
espero que gostem! Para conferi o tutorial é só 
clicar em leia mais>
clicar em leia mais>
vá no seu HTML marque a opção expandir modelos de widgets pressione as teclas CTRL F e pesquise por: <class='post-title entry-title'>
Se não encontrar pesquise por: <b:includable id='post' var='post'>
Então coloque esse código logo abaixo, do código destacado (de laranja)
<span class='post-comment-link-arriba' style='background: url(http://i.imgur.com/lfGb2.jpg) no-repeat top right; width:90px; height:80px; text-align:center; float:right;padding-top:19px'>
<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>
Ficando assim:
Alguns trechos editaveis e como trocar a imagem do balão
Trocar a imagem do balão no trecho: (http://i.imgur.com/lfGb2.jpg) apague e coloque a URL da imagem desejada (só apague onde está grifado de azul)
Algumas imagens que eu fiz:
''Para pegar a URL de uma imagem é só clicar com o botão direito do mouse sobre ela e selecionar a opção COPIAR URL DA IMAGEM''
Jackie eu quero fazer o meu próprio balão pode? Claro mais não se esqueça de ajustar o código para o mesmo tamanho da sua imagem ta! por exemplo as imagens que eu fiz tem a resolução 90x80
- no trecho: width:90px corresponde a largura
- no trecho: height:80px corresponde a altura
- no trecho: padding-top:19px Corresponde ao numero que fica dentro do balão portanto altere esse valor até o numero de comentários ficarem na posição correta, lembre-se esse código muda a posição no sentido vertical (para cima e para baixo)
![..::|| ◊.*.◊ [ ♡ - ( 631 ) - ♡ ] ◊.*.◊ ||::..](http://e1.img.v4.skyrock.net/e1e/x-cupcake-pixx-x/pics/2829110032_1.gif)
É isso pessoas! dúvidas comente
135 Recados :
AMEI!E agora Jackie,tem tempo pra fazer o concurso?
Adorei o tutorial, vou fazer lá no blog. Beeijos
Ai que lindoooooo, amei o de bala! Bjo Bjo
Não consegui ai que dó :( :i:
Amigaaa amei seus Balõezinhos personalizados =D
Principalmente o primeiro e o ultimo rsrs
Bjs :h:
PS: nem preciso de dizer que AMEI seu GIF do final ! rsrs Bjs
amei fiz isso no meu blog fico bem legal!
FATO. Meu template não deixa eu usar esses balões personalizados t.t
que legal já usei lá no meu blog!
vou dar creditos na pagina de creditos ok?
beijos
manahatori-teengirls.blogspot.com
*--* eu ia postar esse tutu hoje ' aksoaksp
muuito bom ele :D
:d você é uma gêênia
:h: adoro tudo oq vc faz e obrigada por facilitar tanto nossas vidas hehehe bjs guriaaaa!
oi amei o tutorial,muito fofo!!amei as imagens tentei colocar mas ñ consegui!
http://spaceteen-chris.blogspot.com/
Oi Jackie *-*
FAZ MÓ CARA QUE EU QUERO FAZER ISSO NO MEU BLOG KKKKKKKKKKKKKKKKKK Breve vou fazer e te creditar *-*
Opa eu ahazo o Thomas Müller me diz isso todo dia brimks 182
Bjonas (:
Fique com Deus ♥
Eu fiz, e ficou muito kawaii..
Bjok´s, Guriia
ai que lindinhos! amei o passo a passo.
beijos linda.
Olá Jackiee, o resultado do concurso já saiu ó:http://garota-fashiion.blogspot.com/2011/10/resultado-do-concurso.html#more tem um selinho lá pra você!
Beijoos.. adorei o tutu!
É muito bonitinho mesmo! :h:
Mas nem morto eu edito meu tema deu tanto trabalho pra ficar daquele jeito...
http://nossa-caixa.blogspot.com/
ai amei eu tava procurando esse tuto faz um bom tempo obrigada
beijosssssss
http://meumundopiink.blogspot.com
Nossa que legal o tutorial :l
Tava procurando um desses pra colocar no meu blog :d
Amei o tutorial :h
bj
fiztudoporvc.blogspot.com/
Mais nao pega no google chrome.
:k:
Perfeito demais, vou usar esse tutorial hoje a tarde, mas vou fazer meu próprio balão ><
Seu blog é fofo demais! Beeijos!
recantodalara.blogspot.com
Oii Jackie Lembra de miim? Eu sou a dona do Blog Tweet the Girl ! Presciso muiito de um conselho seu ! O google excluiiu a minha antiga conta e o blog tbm fooi excluiido agora to em duvida sera que criio outro blog mas com o mesmo nome ou desisto de ser blogueira? Boom como não tenho mas blog vc poderia me add no meu msn para me falar sobre a resposta? é vivi-vitoria-vivi@hotmail.com mas não manda e-mail pq eu esqueci a minha senha kk sorte que tinha salvo para entrar automaticamente kk Espero o resposta e desde já agradeço !
Realmente muito fofo esses balõezinhos de comentários! adorei dica!
beeijos
http://garota-absoluta.zip.net/
Oii Jackie como vc faz akela Listinha do Menu?? Plis me ensina? :j:
Bjus
Oi, adorei o seu blog. Muito fofo... Dá uma passadinha: http://miss-scd.blogspot.com/ Beijos flor♥ :k:
Eu adoro esse balaozinho, fica super fofo jackie.
ótimo tutorial :)
Beijos,
http://bnascimentooo.blogspot.com
'Lu Ayub' é a primeira vez que alguém me diz isso hauhauahauh :f: adoreeei hahaha :h:
''Anônimo'' claro que pega, pois foi justo no Google C. que eu testei!
:b:
aah claro ''Viih Bottcher'' mais que menu?
nossa Guria que ruim hein? =/ já te add no msn viu, ai agente conversa melhor!
Beeeeijos Flor
Adoreei o tutu Jackie,eu queria saber como vc conseguiu personalizar a caixa de comentários vc pode me dizer?? :l:
Ahh, eu não sabia como fazer esses balõezinhos. Ainda não tentei, mas quando quiser, já sei onde procurar :D
Beeijo, Jackie!
Que fofura estes balões! :) Beijinhos :*
Acho isso suuper divo! Principalmente os q vc fez *-* mas se eu quiser deixar os comentários em janela pop up não dá :/
Awwn obrigada! Claro que ficou lindo, a (graaaande) maioria vem de vc :3
Beijôôncios!
Ual, amei a post.
O meu blog já tem esse balãozinho.
www.gpurple.blogspot.com
passa lá
tem coisinhas novas : :l:
Oooi , amo teu blog , e ele já me ajudou a decorar todo meu blog ,* kkkkk .* Bem , pode seguir meu blog amor ? world-of-girls2.blogspot.com
Amei,adorei o do coração e das balinhas :)
http://magicmih.blogspot.com
Oi Jackie *-*
Tudo bem?
Não tenho nada pra comentar... bom dia pra você.
Bjonas (:
Fique com Deus ♥
JAckie, me ajudaa! :k:
Vai no meu blog: www.fashiondudaah.blogspot.com
No meu bloguito não deu certooo :i:
Só aparece o n°
ME AJUDAAA
Beijo
Duda
Consegui \o/
Muito legal adoro seu blog!Ele é muito fofo!! :h
Nossa, eu procurava isso à anos ! Muito Obrigada, seu blog é mt fofo tbm!
Não consegui achar os atalhos :i:
Jackie,faz mais balões?
http://www.diariodeumameninanerd.blogspot.com/
bjs
Eu amei os balõezinhos, mas o meu ficou no canto das postagens e não no titulo, atrapalhou um pouco então tirei :i: mesmo assim eu amei!
http://lollipopazul.blogspot.com/
usei o primeiro ok?
amo aqi amo demais
bezosssssssssssssss
Hoyyy Jackie! Amando cada vez mais
Amei o blog de vcs e ja estou seguindo, eu procurei no google como se colocava o balão e apareceu o blog de vcs, eu entrei e consegui com a ajuda de vcs e do blog Teen Dream,obrigado, quando puder da uma passadinha no meu blog também e se gostar siga! Aceita parceria?? Bjs de May
http://mayenath.blogspot.com/
Ameei o tutorial, muito legal e util! :))
OMG Deu certo !
Ficou lindo ! muito obrigado Jackie !
Amei, amei, amei o tutorial !
Oi Jackie to triste pq vc não fes com fundo transparente ai ficou meio feinho :i:
Fiz como você explicou mais não aparece o balão,o que eu faço?
@Stefanny Tente outros códigos linda, que estão disponíveis em outros blogs ;D
ameii parabens deu super certooo
oi adorei seu blog entra no meu, eu sou yasmin jah tenho um blog faz tempo se chama garota fashion star e agora cliei um c/ minha amiga sabrina entra nos dois?
Amei seu blog bjokas!!!!!
Só meu:
http://garotafashionstar.blogspot.com/
Meu e dah minha amiga:
http://sweetfordolls.blogspot.com/
CONSEGUI :K: ATÉ QUE ENFIM ACHEI UM TUTO QUE ENSINOU DIREITO AMEII AQUI :C:
TUDO MUITO LINDOOOO :C:
BJS
http://priscilarocha31.blogspot.com/
Não estou consseguindo pegar o códico da imagem...
Pode ir no meu blog e colocar o códico da 1ª imagem 2ª e última??
MUIIIITO obrigda viu??
www.befys.blogspot.com
Linda-Já estou seguindo!!
Ameii,obg ajudou muiito.
Awwwn,não deu!
:i:
ótima dica :)
tecnicotubar.blogspot.com.br
:d: eu usei fiz la no meu blog, mas personalizei o meu balaozinho.
suas dicas sao bem legais.
Jackie!!!!Que Lindooooos!!!!!!!Amei,segue lá o novo blog?
http://fashiongirloficial01.blogspot.com.br/
:h:
Please
Bye:l:
Maravilhoso e muito fofo essa tutorial fica lindo no blog. http//roupinhadeblog.blogspot.com.br
Peguei um, o de coração, ja tem os créditos, na página ''Créditos''. Obrigada, era exatamente disso que precisava, parabéns flor, seu blog me ajuda muito, assim como ajuda também, outros blogueiros! Beijos linda, pode seguir meu blog? Criei a pouco tempo, e estou precisando muito de sua ajuda!
sonhos-de-um-adolescente.blogspot.com
Nossa, em um piscar de olhos eu conseguir fazer fácil fácil ^^' mais uma perguntinha Jackie como eu posso mudar a cor do numero? porque eu escolhi o de coraçãozinho mais ai o coração e rosa e a letra e um clarinho nem da para ver direito :S' e possivel :g: ?
jackie gostaria de fazer o meu mais percisa ter photo shop?
@♥Gege♥Photoscape resolve (:
:i: Não consegui.
Não deu certo!!!!!!! Não aparece nenhum dos códigos! Inheeeee! Me pode ajudar??
www.sweetdreams-carol.blogspot.pt
Já deu... Brigada na mesma pelo tutu, seu blog é maravilhoso! Beijos
Nossa!! Muito bom ! Eu fiz no meu blog! ^^ Ficou ótimo ..
http://missglamur.blogspot.com.br
Consegui!ótimo tutorial! :h: eusimplesmenteloucaoficial.blogspot.com
Valeu!! Em breve meu blog vai abrir as portas pra vcs! ^^
Err nenum dos dois codigos vai no meu blog
TE AMOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO MAIOR FÃ !
http://vaidoosas.blogspot.com.br/#
:h: Obg,consegui colocar.
Beijos.
"Olha Só Amiga"
Jackie, queria colocar no meu, mas nao encontrei nenhuma das duas opções no meu html, voce poderia me ajudar?
lasmasbellaspatynat.blogspot.com.br
natacharlvechia@gmail.com
@Natacha Vechia Nenhuma das opções? O.o
bom nesse caso vc terá que tentar outros tutoriais com efeito semelhante :(
Obrigada mesmo:) Estou usando o do coração, que é muito fofo! Os créditos estão em uma das páginas do menu.
beijos:* malú
valeu, deu certinho e eu usei uma imagem sua, pode ver como ficou www.cositasfemininas.blogspot.com.br adorei o blog, estava procurando por este tuto e cai aqui...bjs
Bah Jackie, tô cheia de dúvidas hoje KK. Não consigo acertar nas medidas ._. Help!?
Ranwr -> dreams-in-vain.blogspot.com
@-.Princess.-
Nem eu :'(
:h: NÃO CONSEGUI ENCONTRAR A HTML CORRESPONDENDENTE
Que legal, pus o balãozinho no meu blog, ficou lindo, obrigada por ensinar, beijos ...
http://www.aprendizdecabeleireira.com/
Adorei o tutu :h:
pooo valew ajudoou muitoo deu certinho brigadão
:h Ameei os desenhinhos só que não deu :i
dozeemeio.blogspot.com.br Djackie da uma passadinha no Meu blog para você vê os Créditos Que te dei na coluna acima depois do meu Layout está Escrito Créditos são todos os créditos que dou a todos os Blogs que pego as coisas e os únicos créditos que tem lá por enqunato é só para você! entra lá e vê se gostar do meu lindo Bloguinho Continua e ver algumas coisinhas e comenta ta eu ainda sou iniciante um Bjiinho
Eu usei um dos seus baloes okk??Se tiver qualquer problema eu tiro é só avisar!
luizajusto@gmail.com
@Luizatd bem linda! euu fiz pra vcs usarem mesmo (:
Nossa obrigada mesmo! Me ajudou muito!
Se não se importar estou usando um balão seu ok?>.<
Brigada mesmo! Adoro seu Blog!
Bjs,
http://sweet-dreams3.blogspot.com.br/
@Bruna Barbosa:d:
Amei o tuto, à tempos eu o procurava, já vou por no meu novo layout.Como sempre brigada Jackie ^3^
#May-Sun
layrakauana.blogspot.com
Nenhum eu encontrei =/
Jackie, como eu mudo o tamanho do número que fica dentro do balãozinho ?
(me responde por aqui mesmo, pois estou sempre visitando seu cantinho)
Beijos ;*
Nesse código não tem opção para aumentar o número :(
Tente incluir isso no código
font-size: 26px;
''TALVEZ'' de certo (:
beijus mh linda!
Fiiicouu muuito fofoh <3
(Joventeens.com)
Muito lindo, e muito útil,usei e amei,beijão!
http://shblahblahblah.blogspot.com.br/
http://modamassan.blogspot.com.br/
Jackie, eu adorei o tutorial, mas quando você não quer colocar comentários em uma página do blog, o balãozinho aparece, e não fica bom. :/ você sabe como resolver?
talvez esse tutorial te ajude>>http://www.mundoblogger.com.br/2009/11/ocultar-elementos-em-pagina-especifica.html
beijus *--*
Te amooo Jackie vc é demais da conta obrigada por ajudar meu BLOG a ficar cada dia melhor valeu mesmo!!!!
Brigadinha MA *--------*
oie eu amei o tutorial, mais estou com duvidas, como eu ponho o coração, no lugar da bala?
é só trocar a url da imagem
Jackie você sabe algum site que tenha outros tipos de balões?
Não conheço guria :c
Muito obrigada consegui colocar ;D
lindamenteloirah.blogspot.com.br
oi peguei a imagem e tuto muito util
adoreiiiiiiiiiii ! tanto que coloquei lá no meu blog ficou super fofinho *-* da uma passadinha lá e ver como ficou ! http://sabedorianaoseiescrever.blogspot.com.br/aproveita e segui ainda preciso de muita ajuda por lá rsrsrs bjinhos
esse balao n tem link? tem algum qvc ensina a ter link? o blogger mudou os codigos e agora ele n permite mais certos codigos....
Não tem :x
Em breve eu faço um post (:
No meu nao apareceu nenhum dos dois ><
Beeijos,
Gabi
http://girlswithstyles.blogspot.com.br/
ameiii Jackie , ficou muito foofo no meu blog !
bjss
http://lovedreamsonhodeamor.blogspot.com.br/
Amei , quando eu chegar em casa vou tentar fazer beijos .
Quando puder dá uma passada lá no meu blog .
pequenagiih@blogspot.com
Oi Jackie! Amei o tuto. Muito obrigada! Procurava há séculos!
Mas tem algo dando errado no meu HTML, pois sempre que coloco esse código, aparece dando erro e a seguinte mensagem:
"O widget com id "blog1" não pode conter elementos: "span". Um widget pode conter apenas elementos b: includable."
Vou tentar de novo!
Beijos!
www.blog-dreamsofagirl.blogspot.com
Poxa no meu ñ ta dando certo já tentei vários codigos e neum dar certo...me ajuda por favor...
http://malukinhasfashion.blogspot.com.br/
Ameii e já fiz no meu ! ? Ficou muito fofo !!
Visita ? http://cat-girl-love.blogspot.com.br/
Fiz um meu próprio e ficou muito legal!
Confere lá?
http://mundofashionvih.blogspot.com.br/
ficou lindo Vitória (:
fás séculos que estou procurando por isso,mais não está dando certo,pode me ajudar??(responda lá no meu blog,por favor)
http://animedoqem.blogspot.com.br/
qual sua duvida?
Adorei
Jackie, como o blogger atualizou, não consegui fazer! Me ajuda por favor
qual é a sua duvida?
Quando clico ctrl f e pesquiso o código, ele não é encontrado :/
Tenta esse aqui Gabi > http://www.elainegaspareto.com/2013/07/comentarios-dentro-de-um-balao.html
Sempre nos ajudando em ? <3
é lindo! tem alguma maneira de fazer com que só apareça nos posts.. e não nas páginas estáticas?
nesse tutorial não :c
Oi Jackie, adorei o tuto, mas no meu só consta com 0 comentários, ele não está mostrando o número certo, o que eu faço? :(
Sempre salvando a minha vida hahahaha
Obrigadaaa!
http://natalibispo.blogspot.com.br/#
Tem certeza que fez tudo certinho?
ensina a fazer um cabeçalho" igual" o seu? digo como colocar varias imagens assim em volta.
convido vocês a dar uma passadinha no meu blog é novo mais ja tem post la http://crysmaier.blogspot.com.br/
Não tem segredo Crys.
Faço no photoscape (nao manjo no photoshop), os pngs pego na internet (:
Jackie, eu fi em outros templates e ficou legal, mas no meu blog de testes, o número de comentários não fica "linkado", o que posso fazer para aparecer o link? Obrigada!
Finalmente um post que ensina certinho! Obrigada!
NO meu fica aparecendo lá em cima, antes do título da postagem.
Fiquei frustada. tentei de tudo mas não deu e para piorar no meu layout a imagem de número de comentários só aparece um pedaço.
Postar um comentário