O primeiro passo é entrar na pagina editar html do seu blog, faça um backup (na pagina editar html clique em baixar modelo completo) do seu template antes de começar isso é recomendável assim caso tenha algum problema poderá voltar ao seu modelo original facilmente. Agora vamos colocar o código de formatação (aparência) do menu, isso pode ser em qualquer parte dos códigos CSS, sugerimos colocar no inicio assim fica mais fácil localizar então quando achar body{.........} pode colocar o código abaixo antes dessa linha ou se achar mais fácil procure por ]]>
e coloque o código antes dele. É para inserir o código uma vez só falamos as duas opções para você fazer o que achar mais fácil.
#NavbarMenu {
width: 100%;
height: 35px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
color: #FFF;
font-weight: bold;
margin: 0;
padding: 0;
background-color: #000033;
}
#NavbarMenuleft {
float: left;
margin: 0;
padding: 0;
}
#NavbarMenuright {
width: 270px;
font-size: 11px;
float: right;
margin: 0;
text-align: right;
padding-top: 6px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#pesquisa {
color: #FFFFFF;
background-color: #000066;
border: 1px solid #000000;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFF;
display: block;
font-size: 16px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
margin: 0;
padding: 9px 15px 8px;
}
#nav li a:hover, #nav li a:active {
color: #FFF;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
background-color: #000099;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
width: 150px;
color: #FFF;
font-size: 14px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
background-color: #000066;
}
#nav li li a:hover, #nav li li a:active {
color: #FFF;
padding: 7px 10px;
background-color: #0000CC;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
Clique para salvar as alterações, ainda não é possível ver nenhuma modificação no blog. Agora vamos começar a segunda parte da instalação da sua barra de menu, clique para expandir modelos de widgets, localize <body> e logo depois dessa linha coloque isso:
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Sample Page</a>
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
</li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div><div id='NavbarMenuright'>
<FORM method=GET action="http://www.google.com.br/search">
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Pesquisar">
<input type=hidden name=sitesearch value="endereço do seu blog">
</FORM>
</div>
</div>
<div style='clear:both;'/>
E já está quase pronto se clicar para visualizar o blog verá que apareceu uma barra de menu embaixo da barra padrão do blogspot, se quiser ocultar a barra padrão coloque junto com o código CSS que fizemos na primeira parte a linha:
#navbar-iframe { height:0px; visibility:hidden; display:none }
Isso ocultará a barra do blogger. Então terminamos a instalação da barra de menu no topo da pagina, mas ainda falta personalizar e fazer alguns ajustes veja que na parte <input name="sitesearch" value="endereço do seu blog" type="hidden"> precisa colocar o endereço do seu blog. Além disso, veja abaixo onde alterar a aparência da barra de menu (veja aqui como alterar cores de fonte, cor de fundo, tipo de letra dos botões), isso fazemos também no estilo CSS:
#NavbarMenu – esse é o modo normal da barra, ou seja, como ela é vista quando entramos no blog#nav li a:hover, #nav li a:active – quando passamos o mouse sobre o menu principal
#nav li li a, #nav li li a:link, #nav li li a:visited - aparência do submenu#nav li li a:hover, #nav li li a:active – sub menu quando o mouse está sobre ele
Os links dos menus e sub menus são fáceis de alterar: home e item que aparecem no menu são o que aparecerá quando alguém entrar no blog, os sub page é o submenu que aparece sobre o item 2 e os Sub Sub Page são os links do terceiro sub menu. Para retirar esse sub menu que aparece dentro do submenu do item 2 apague o trecho do código:
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
Veja aqui mais detalhes sobre como alterar e formatar um menu com submenu no blog. Existem outras variações que podemos fazer neste tipo de menu, mas falaremos sobre isso em outros tutoriais para não misturar demais os assuntos e também podermos falar com mais detalhes sobre as duvidas que surjam sobre esse tema.
Link para esta página
70 comentários:
Tambem adicionei no meu blog o mesmo hack "Poderá também gostar de:", e queria saber como você fez pra mudar o texto, pois no meu o mesmo vêm em inglês "You might also like:"....
show!!!!
Parabéns meu amigo, muito obrigado pelo email com as informações para adicionar a 3 coluna graças a você deu tudo certo.
se puder da uma conferida no resultado
http://guiamd.blogspot.com
abração
Na segunda parte >
Clique para salvar as alterações, ainda não é possível ver nenhuma modificação no blog. Agora vamos começar a segunda parte da instalação da sua barra de menu, clique para expandir modelos de widgets, localize e logo depois dessa linha coloque isso:
localizar o que???
Arthur V.A
houve uma falha e o blog está executando o código em vez de mostrar é depois de <body>
já fiz a correção na postagem, obrigado por avisar
Não deu certo ...
Acho que é porque meu template nao é adequado a essa barra ... :(
Imagem: http://img686.imageshack.us/img686/3188/newpicture5p.png
Parece que o blog esta lendo o Html e nao o interpretando ...
Herrera
pela imagem parece que houve problema somente na parte do CSS, tente retirar e colocar novamente.
primeiro coloque o menu do jeito que está neste tutorial depois faça as edições dos links por partes e visualizando sempre pois o erro pode estar em algum detalhe nas alterações feitas
Qui Massa Fabiano ! Vlw Aew Pela Dica !
Oi Fabiano...
Eu também fiz um blog com as minhas "sofridas" descobertas.
Foi um "parto" aprender a colocar o template no primeiro blog e quando resolví fazer o segundo blog, não lembrava mais como eu tinha feito,daí eu fiz o blog pra eu mesma consultar,quando precisasse....rsrsr e acabei publicando.
Não tive tempo de ler os posts do seu com calma, mas já deu pra perceber que vou aprender muito com voce.
Vou te seguir e colocar nos meus favoritos.
Opa certinho ? Comesei meu Blog/Site a um mes e tipo o seu tem cido um bom ponto de referencia,aprendi muito aqui
e tipo queria saber sua opinião sobre minha página .
Acha que estou no caminho certo ?
http://www.caiuagora.com/
Fabiano, adoro este teu blog, aliás, as dicas foram sempre daqui. Ótimas festas pra vc.
segui os passos todos mas os menus ficaram na vertical
Olá,Fabiano tenho uma pergunta e possivel alterar a largura de uma coluna sem modificar a imagem ?.
RJ
deve ter faltado alguma coisa na hora de copiar os códigos
se o seu template for daqueles que baixa da internet pode ser que tenha alguma tag que seja utilizada nele que está gerando conflito entre os códigos, então teria que achar esse tal código e trocar
muito bom funcionou no meu blog da uma olhada lá entra ai fmz?
noticiasmatheusdomundo.blogspot.com/
muito obrigado...
agora aumenta o tamanho da letra
eu queria saber como botar apenas a barra de pesquisa pop=ois tentei copiar apenas a parte da pesquisa mas dá erro
resposta pelo email=lucasl.j23@hotmail.com
tem que ter cuidado na hora de alterar o código para não apagar ou colocar caracteres além do que deveria
consegui colocar tudo mas esta a aumentar a letra pode ver aqui
http://soutrofenseteste.blogspot.com/
gostei ficou bom meu blog coloquei seu link na minha página ta bom olha la
Olá pela 1° vez estou visitando seu blog e amei vou visitar sempre e claro sempre vou te pedir para tirar algumas duvidas.........
Parabéns quero ser criativa e tão competente como vc.......
da uma olhada no meu blog, é do club que eu jogo, eu sou leigo, e o que eu vou fazendo é do jeito que eu consigo, da uma olhada no meu blog http://novaiguacuhandebolclube-ceas.blogspot.com/ e ve os links que eu coloquei, eu queria colocar abarra de links = esta a sua uma do lado da outra e quando passar o muse sobre mudar a cor, o meu eu só dei uma enganada, a barra que eu falo ñ sei o nome é onde esta escreito, inicio - historia - destaques -
tem como vc dar uma ajuda. me add no msn p vc ir me explicando
jorginho_jof@hotmail.com
Nova Iguaçu Handebol Clube / CEAS
veja aqui sobre menu horizontal, deve ser isso que está procurando
http://www.dicasparablogs.com.br/2009/05/links-lado-lado-menu-horizontal.html
Muito boa sua dica Fabiano !
mas uma coisa, voce poderia me ajudar?
em ves de colocar aquele menu, eu gostaria de colocar um player de rádio online, daqueles grandes que geralmente ficam la em cima onde era a barra do blogspot.
isso é possivel? voce poderia me ajudar?
muito obrigado!
Léééoo ;D
sei quais radios está falando eu já vi mas não lembro de qual é.
mas quando achar um site com uma dessas radios provavelmente se clicar em algum link da radio será fácil achar o código para colocar no seu blog também
AI QUE LEGALLLLLLLLLLLLLLLLLLLLLL
Gente eu procurei varios geradores de menu CSS nunca achei algum que pegasse agora achei outro geito
Vc e d + se você conseguir tenta fazer uma busca com autolimpante para eu colocar do lado a busca eu tirei o do google, quero colocar um melhor ok. VLW!
o Google é um dos melhores buscadores, nunca usei codigos de outro
Vou testar! achei bem legal
Boa tarde Fabiano.
Coloquei o menu em meu blog e mesmo sendo mto leiga em códigos, ficou bem legal, consegui mudar os nomes e tudo mais...
Entretanto agora não sei como associar o que escrevo aos menus criados. Pode me orientar?
{kailla} a kdella® de ÁTILA, veja a parte final da postagem lá é onde colocará os links no lugar onde está o sinal #
Desculpe... eu devia ter lhe avisado que nao sei muito sobre blogs e afins... apenas sei fazer seguindo as instruçoes.
Não sei que link diz e nem onde encontrar o que me disse: (veja a parte final da postagem lá é onde colocará os links no lugar onde está o sinal #).
Não existe nenhuma postagem sobre isso? devo configurar alguma coisa diferente pra associar as postagens e fotos ao menu q criei no lugar da NavBar?
obrigada.
é nesta parte
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
deu certo querido... mto obrigada mesmo... seu site é mto bom... parabéns.
Meu blog é de conteúdo adulto, por isso queria lhe perguntar se posso colocar o link do seu lá. tenho mtas amigas q sofrem como eu pra montar seus blogs e vao adorar seu site. Depois dos 40 aprender essas coisas nao é muito facil...
Por favor nao publique este comentario... sei q mtos menores visitam seu site entao acho que nao ficaria bem.
Se vc nao for menor de idade lhe envio o endereço do blog.
Se nao for possivel lista lo lá eu entenderei, ok?
Obrigada mesmo pela força.
{kailla} a kdella® de ÁTILA , pode colocar nosso link, sem problemas, alias agradecemos por divulgar nosso blog
bom ... eu acho que seria bem legal mudar a barra ... mas eu não entendi nada de CSS ... mas mt obrigada .
Seu site é D+ ;D
oi fabiano!!bom eu quase consigui os problemas são eu antigamente tinha um template do PYZam e ai com o tempo eu fui alterando ele, mas o meu blog continua com uma barrinah laranja do pyzam em baixo do menu :( como eu faço para tirara ela!!E mais uma coisa como eu faço para fazer o login no meu blog ? ai me responde por favor1e parabens amei o site!tud de bom !!bjs
Nathália e ana bia
para conseguir alterar o template do blog precisa aprender um pouco sobre CSS não tem jeito, pois existem muitos detalhes, talvez uma letra na hora de copiar ou alterar um código faz que ele não funcione.
não consegui estalar, achei meio complicado...
quando tentei não apareceu a navbar mas a lista das obsões fora de ordem.
gostaria que mandasse um email para ficolorado@terra.com.br explicando melhor...
vlw...
des de ja agradeço..
Blog do Filipe
é mesmo um pouco complicado fazer essa barra, tente novamente e cuidado com os detalhes na hora de copiar e modificar os códigos
Cara a barra apareceu embaixo do blog e não consigo tirar aquela padrão tipo Home, etc... o que faço? me ajuda por favor
dosalgadoaodoce , aquela barra deve ser um gadget, entre na pagina layout e exclua
Fabiano eu estou a fim de trocar minha template então estou editando ela num blog de testes na verdade o que eu quero é colocar NavBar inteira com sub menú em que parte modifico?
veja aqui Como Colocar Submenu no Blog
fabiano,
Eu coloquei esta barra mas ela ficou no final do blog, como alterar?
Este menu precisa de servidor?
Abs,
talvez tenha colocado o código em lugar errado, ou se usa os novos modelos do blogger in draft pode ser que o código não funcione bem nele, quando publicamos isso aqui ainda não tinha os novos modelos.
Olá, eu tenho um blog e tentei colocar esse menu, mas quando clico no link: "(veja aqui como alterar cores de fonte, cor de fundo, tipo de letra dos botões)" que esta na pagina, vai para um lugar que mostra como fazer botoes... mas eu nao vi nada de tinta la... queria um pouco de ajuda para mudar as cores...
Extrame Games Admin
mas é exatamente isso, as cores são códigos se mudar as letras e numeros troca a cor, veja aqui Código das Cores
vlw cara, ta ficando legal meu blog, eu to pegando uns codigos aqui do site, ja coloquei cores, continue assim seu site ta massa.
e eu tenho outra duvida...
Você falou dos menus e sub menus, e quando a gente copias os codigos e a gente coloca no blog ele ja vem com um Sub Menu pronto.
Minha duvida é, como colocar mais um sub menu?
depois se quizer pode entrar no meu blog, para ver como ta a barra:
extremexjogos.blogspot.com
para colocar mais um submenu apenas repita o trecho que mostramos no final separadamente
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
Muito obrigado cara, vlw mesmo, eu sei que eu ja to enchendo seu saco (deve ser uma xatisse ficar respondendo pergunta toda hora...), mas se não for atrapalhar, eu queria saber como colocar um sub sub link, pra fica mais legal(como é o codigo para SUb Sub menu?)
Muito obrigado, e desculpa por tantas perguntas chatas :P
essa primeira parte do código é com uma sub sub pagina
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
Brigadão mesmo cara, sem mais perguntas(não vou mais te encher o saco), agora vou te encher o saco com outros assuntos, outras dicas...
GOSTEI TANTO DO SEU BLOG QUE O ESTOU DIVULGANDO NO MEU!!!
MEUS VISITANTES ESTÃO ADORANDO, POI COMO EU SÃO PRINCIPIANTAS!!
Ola! gosto muito das dicas do seu blog, eu coloquei um NavBar (barra do blogspot) personalizada do jeito que você postou no blog, mas, preciso da sua ajuda.
os links a seguir não estão sendo aceitos, o que fazer? não entendo muito bem e gostaria que você me mandasse o código para resolver isso.Quero colocar mais dois botões com esses links e eles não estão entrando. os links são estes abaixo.
href="#">LIVROS<
href="http://books.google.com.br/books?id=5ZSOMkovVmoC&pg=PA64&lpg=PA64&dq=manual+pratico+do+mecanico+lauro+salles+cunha+download&source=bl&ots=0IpMogZjHu&sig=mcRfcYXHw858zf3ZWViMSavWl5M&hl=pt-BR&ei=jJ4vTMGsCoeQuAedl-nnAg&sa=X&oi=book_result&ct=result&resnum=8&ved=0CCkQ6AEwBzgK#v=onepage&q&f=false">Manual do Mecânico
href="#">VÍDEOS<
href="http://public.blu.livefilestore.com/y1pM7JFD3RK1dYrXNan7dln50HdEPjqHt-9DV_np7DEOpi7lT0nBq-znXTvyL5qPUQAG79s9-zGGNj6COQjZmaU7Q/Torno%20CNC.mp4?download&psid=1">Torno CNC
href="http://public.blu.livefilestore.com/y1pchqmg6bO6If_Yzz1ZFvPFKcBJ8xs4RJ5eQY_uuQr8uZuqBEYO4DAscJy4X0nJ7y_mTyKmA0lMX7O87NVijgLiQ/MONTAGEN%20MOTOR.mp4?download&psid=1">Montagem Motor
href="http://public.blu.livefilestore.com/y1pyQEG6jMBRJpCN6uH92odRhQzOgtMJi92bP0uvw3yt8crwfHbRmOsDScRPpydmCNCrq1qbJE15aJibhtBIQwZ4Q/Impressora%203D.mp4?download&psid=1">Impressora 3d
href="http://public.blu.livefilestore.com/y1p6D1jRiAnCrVWsvqdH5g_EfboAkpFHuFRES7m4hCI-7pAA2_CiXwmh_q0RlyhlWBkxI0wxsr5Az6LZdt_itMaTA/Centro%20de%20Usiganem%20CAM.mp4?download&psid=1">Centro de Usinagem
e o meu blog é esse "turma1692009.blogspot.com" para você dar uma olhada.Só não tem os outros dois botões que eu falei ao lado de "APOSTILAS" que seriam "LIVROS" e "VÍDEOS" com os links acima mencionados.
Se puder me ajudar fico muito agradecido, e se não for pedir muito mande para o meu email "turma169.2009@hotmail.com".
Favor não divulgue o email.
Obrigado desde já.
André Luiz.
talvez esteja gerando algum conflito esses links grandes demais com variaveis e tudo mais no meio da url.
vi o primeiro menu que colocou funcionando perfeitamente no seu blog, acho que tem que tentar fazer igual a ele, mas se não der certo, tente um site para encurtar a url(bit.ly), pode ser isso.
Poxa! Valeu pela dica, fico muito grato, o problema estava na url que era grande demais, encurtei no site "Snipurl" e já está funcionando. Muito obrigado.
fala ai cara.
eu queria saber se é possível colocar senha em um determinado link do meu blog, para que apenas algumas pessoas tivessem acesso.
não é possível colocar senha em um link, pelo menos não lembro de nenhum jeito de fazer isso no momento
OLHA EU AQUI DE NOVO
EU QUERIA SABER COMO COLOCAR BARRA DE ROLAGEM DENTRO DE CADA MENU DESSES, POIS VAI FICAR MUITO GRANDE CADA MENU, TENHO MUITA COISA PARA COLOCAR LÁ.
E OUTRA COISA, QUANDO EU ABRO UM DOS MENUS O VÍDEO QUE EU POSTEI NO MEU BLOG FICA POR CIMA DE ALGUNS ITENS DA LISTA E EU NÃO VEJO O RESTO DA LISTA, COMO RESOLVER ISTO?
EU TEMPORARIAMENTE DEI UM JEITO COLOCANDO UMA NOVA POSTAGEM DE TEXTO PARA EMPURRAR O VÍDEO PARA BAIXO. O MEU BLOG É TURMA1692009.BLOGSPOT.COM PARA VOCÊ VER. O VÍDEO QUE FICAVA POR CIMA QUANDO EU ABRIA O MENU DE VÍDEOS POR EXEMPLO ERA O "CENTRO DE USINAGEM CAM".
ME AJUDE SE POSSÍVEL.
VALEU.
alguns codigo geram problemas quando usados juntos, por isso as vezes fica por baixo do video, já fiz alguns testes mas não achei como resolver.
não tem como colocar barra de rolagem nos itens do menu
existe um jeito.
é só colocar este código depois da "ul". e as "li" no local determinado aqui.
div style='height:100px; width:200px; overflow:auto; background-color: #FFFFCC;'
div style='width:160px'
(colocar as "li" aqui)
div
div
não esqueça de colocar o sinal de maior e menor para abrir e fechar as tags em cada div que eu deixei separado por linha, pois não deu para colocar
Eu gostaria de passar o que eu mesmo perguntei e agora encontrei.
como fazer para proteger um link do blog com senha.
Simples
usando o site "http://snipurl.com/site/index", você digita o link que quer proteger e ao lado cria um usuário e senha(private key)e depois clica em snip it. ai copia a nova url e adiciona no lugar do link que você quer proteger no seu blog. você pode apenas criar a senha e deixar os outros campos vazios, fica a seu critério.
obs: não é preciso se cadastrar no site, mas aconselho a fazer para o caso de você ter mais de um link para proteger e depois quiser editar fica mais fácil.
André Luiz
achei interessante o site, vou olhar melhor e talvez escrever um tutorial sobre ele.
Fabiano Roberto, obrigado mas comigo não rolou a primira parte, não gerou a segunda Navbar... meu blog é deses novos, digo layout, tem a ver ou não?
colei antes da linha do body e nada amiga, vc pode me ajudar?
abcs
Douglas
veja se não usa os mesmos estilos CSS para outra coisa(#NavbarMenu ,#NavbarMenuleft,...)
infelizmente em alguns templates deu problemas e não tevê como corrigir
Fabiano, vc pode me acender uma luz? Preciso deslocar as páginas do blogger, criadas dentro do Painel, para o lugar da navbar. Na verdade ela foi escondida na página,mas continua aparecendo no layout. Tiro esse elemento de lá e o coloco em outro lugar e tento colocar no vazio deixado pela navbar o menu com as páginas que criei. Mas não fica lá em cima, bem no topo, fica sobrando um espaço bem grande que empurra meu banner para baixo. Quero encostar meu menu bem no alto. Como resolvo isso, mestre?
fabiano keria saber como ocultar a barra navbar do blogspot? me responda por favor↓↓↓
veja aqui Retirar a barra do blogspot
Postar um comentário