Uma coisa fácil de fazer e que melhora muito a aparência do blog é colocar uma separação bem defina entre as postagens. Você já reparou que alguns blogs fica difícil ver claramente onde é o inicio e o final de cada postagem? Então vamos dar um espaço entre as postagens e colocar uma linha para separá-las melhor.Entre na pagina editar html e procure por .post{....} se não encontrar coloque:
.post{padding-bottom:5px; border-bottom: 2px dashed #990000; margin-bottom:30px}
Mas se encontrar apague ou altere os valores, veja o que faz cada parte desse código:
padding-bottom:5px
margem entre a linha tracejada (borda) e o final da postagem ou comentários
border-bottom: 2px dashed #990000
estilo, cor e espessura da borda, vejam aqui como alterar as bordas
margin-bottom:30px
margem depois da borda, esse é o espaço que ficará vazio entre uma postagem e outra.
Porém se já tiver algo no seu html igual a isso ou seja .post{...} veja se dentro dele já tem alguns desses valores definidos border, margin e padding, se tiver pode só alterar ou inserir os valores que mostramos acima separadamente. Depois clique para visualizar o blog e se ficou do jeito que você queria clique para salvar as alterações.
Agora já está tudo pronto o seu blog tem uma melhor separação entre as postagens, assim ninguém ficará perdido procurando onde começa ou termina cada um dos textos do seu blog.
Veja também:
Código das Cores
Deixar o visitante escolher a cor de fundo do blog
Anúncios no blog
O que não fazer ou colocar no seu blog
Acesso negado ao perfil blogger
Imagem na barra de endereços
Botões fixos no canto da pagina
Link para esta página
37 comentários:
Dica muito útil. Pode parecer simples, mas tem blogs que fica muito "confuso" quando termina e quando começa uma postagem. Já coloquei no meu Blogger. Um abraço. Drauzio Milagres.
OI FABIANO, COMO EU COLOCO UMA FIGURA OU IMAGEM ANTES DAS PALAVRAS, OU SEJA TIPO ESSE, A ESTRELA DOS TOP PARCEIRO, GOSTARIA DE COLOCAR NOS MEUS MARCADORES E EM OUTROS CANTINHO. amigadaeducacao.couto8@gmail.com, ESPERO SUAS INSTRUÇÕES. GRATA, JOELMA COUTO
sobre colocar a estrela ao lado dos links veja aqui
http://www.dicasparablogs.com.br/2008/07/imagem-ao-lado-do-texto-ou-link.html
Amigo, queria fazer um pedido, queria que posatasse, um tuto como esconder codigo de fonte do template do blog, (blogger)!!
Flw!!
Super Exdowns™
tem varios códigos para bloquear o botão direito do mouse, teclado... mas todos deixam alguma falha, eles só conseguem impedir os modos mais simples de copiar um código de fonte. Mas se quiser usar use nossa pesquisa no inicio da pagina e encontrará vários códigos desse tipo, mas infelizmente por enquanto ainda não vi nenhum que fosse 100% seguro.
Fabiano Roberto" Existe um negocio pra esconder o codigo de fonte do template, pra ninguem copiar o codigo de fonte, eu ja pesquisei na net e não ensina, conheço blog que os codigo de fonte do template ta escondido, so aparece alguns codigos!
Boa postagen estou sempre aki aprendendo novas coisas . Esta postagen foi um peqeno detalhe mas q fas uma grande diferença . Vlw
Que barato seu blog. Dicas muito uteis. parabéns pela ideia.
Visite meu blog.
http://caminho-das-linhas.arteblog.com.br/
Muito bom, como colocar uma imagem na postagem?
Sou iniciante em blogs. Antes de começar meu blog fiz uma pesquisa de onde poderia ter suporte. Dicas para blog foi o que achei de melhor. Parabéns.
Rodolfo Espinosa Bueno
na pagina de postagem tem um icone de uma paisagem é só clicar nele
Muito bom o teu post, tenho uma pergunta eu queria separar o rodape do meu feed ele fica tao enconstado no post que parece que faz parte, o postar rodape do feed eu escreve; "esse artigo pertence ao blog Aprenda PC LTDA" eu queria saber alguma forma de colocar uma linha separando o post do rodape que eu criei para ninguem copiar meu post. VALEW.
aprenda-pc-ltda.blogspot.com
Henrique
na pagina onde escreveu esse texto para aparecer no final do feed tente clicar enter para pular uma linha antes do inicio, se não der certo coloque isso
<p> </p>
é um parágrafo em branco
Muito obrigado mais uma vez.FALOW continue assim.
Blz sobre separação de postagem tenho uma pergunta, como faço para o titulo das postagens ficar no centro, existe algum codigo que faça isso?
Henrique centralizar o titulo varia um pouco, mas na pagina editar hmtl procure por h2{.. ou h3{....
e coloque text-align:center; faça o teste para saber em qual deles é o correto. se já tiver text-align:... apague e coloque esse que falei no lugar.
Obrigado, eu vi esse comentarios e eu consegui fazer o que você falou nesse ultimo, sempre vejo o seu blog para ver se tem novidades eu aprendi muito continue assim.
Ótima dica, acabei de colocar no meu blog e ficou muito bom a separação das postagens, vale a pena. Um grande abraço.
Caro Fabiano,
Vc está sempre me ajudando desde o início (2008). Assino sua newsletter e recebo todas as novidades por e-mail.
Seguindo sua dica, separei as postagens com linha sólida e ficou excelente. Obrigadíssima!
Sonia Boni
n consegui eu vou onde ? novo post ?
Nicoly Gonçalves Crispi
pode usar em novas postagens ou editar as anteriores
gostaria de criar um rodapé para meu blog, você tem alguma sujestão.
gostaria de saber como eu faço para meu menu fica parecido com o seu, quando alguem colocar o mause em cima mudar de cor..
Olá, gostaria de saber como faço para minhas postagens ficarem com uma margem maior a direita, elas tem subido em cima do rodapé lateral, ultrapassando um pouco a área de postagem.
Obrigada
para colocar margens a direita você pode colocar margin-right:5px, claro que com o valor que achar melhor para o seu modelo
olá queria saber como faço para postar mensagens e foto ok,, obrigado trabalho fantastico parabens,,
para postar foto é só clicar no icone de imagem na barra de ferramentas na pagina de postagem
Oi...
Gostei da dica, foi muito útil para o meu blog. Todavia, essa linha que ajuda a organizar os posts traça todo o texto em baixo, ou seja, fica do tamanho que o texto ocupa, então, eu queria diminuir ela, tipo, que ela ficasse só a metade do seu tamanho, mais ou menos pareceido com a linha que separa as referêcias que tem no fim das páginas de alguns livros.
Se puder ajudar agradeço.
é possivel usar uma imagem para a separação das postagens, em vez de fazer a borda coloque isso no código
background-image: url(endereço da imagem);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 50px;
apenas precisa ajustar o padding para a imagem não ficar por baixo do texto, vou fazer um tutorial sobre isso mais detalhadamente
Eu testei o código que tu me mandou. A imagem que inseri no endereço url não aparece embaixo de todos os textos, só de alguns, e ainda, fica aparecendo e desaparecendo, muito estranho. Mas de qualquer modo, obrigado.
Olá Fabiano,eu gostei muito da sua dica sobre separar as postagens,mas no caso no meu blog só aparece embaixo da postagem por quem foi feito e quantos comentários eu ja coloquei mais e não aparece nada,então queria sua a ajuda para tirtar essa borda ou para conseguir fazer com que eu consiga botar outras coisas além de quem a postou e quantos comentários!Abraços
Ícaro Nunes
aqui mostra como enviar para Redes Sociais
mas você pode usar isso para colocar qualquer outra coisa
Não adiantou nada!Você poderia me dizer então como tirar essas separações?
Estava precisando disso no meu blog
vlw mesmo!
Adorei o blog, dicas muito úteis, mas com esse post eu só consegui colocar as linhas no final da postagem( entre as postagens) mas queria saber como colocar linhas de separação entre o título e post, no final do post e entre as colunas da barra lateral, como nesses blogs: http://bonequinhadeseda.blogspot.com/
http://comcheirodeestrelas.blogspot.com/
Desde já, obrigada! :D
do mesmo jeito que criamos uma borda usando border-bottom: 2px dashed #990000; podemos criar outra com border-top:2px dashed #990000; isso fará uma borda acima, ou simplesmente
border: 2px dashed #990000; que faz uma borda em todos os lados(caixa) da postagem
Olá, Fabiano!
Valeu pelo tutorial! Achei um pouco confuso, mas apliquei num blog de testes e deu tudo certo.
Abraço!
mexer com html, css sempre é um pouco confuso no inicio, mas você se acostuma
Postar um comentário