Como colocar bordas em postagens do blog

em 10 de junho de 2014

Com brindes para enfeitar seus post ao final do tutorial

Quando fazemos um post em nosso blog por vezes desejamos ou precisamos destacar alguma parte dele, diferenciar algum trecho dos demais.
Um bom jeito de fazer isso é colocar bordas no trecho que desejamos destacar.
Vou ensinar algo que uso faz tempo e que pode ajudar.

Para isso veja aqui os estilos de borda:

Exemplo de borda dotted (pontilhada).

Exemplo de borda dashed (tracejada).

Exemplo de borda double (duplicada).

Exemplo de borda solid (sólida).

Agora veja o código de cada uma delas:

 <div style="border: #F52EC7  2px dotted;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
background: # FEF1FB;
padding-top: 5px;">
Aqui o texto que desejar.
</div>

Para alterar o estilo basta substituir onde marquei em azul; No meu exemplo o estilo escolhido é dotted. Altere por dashed, solid, double, como desejar.
Para trocar a cor altere onde marquei em vermelho;
Onde marquei em pink é o texto que você colocará.
Onde marquei em verde é a cor de fundo. Se não quiser cor troque # FEF1FB por transparent;
Veja como fica meu exemplo:

Aqui um exemplo de como fica com texto de destaque.

Para colocar em suas postagens faça assim:
Escreva sua postagem, e quando chegar na parte que deseja destacar copie o código:


Copiar o código


A seguir volte à sua postagem, e no alto do editor de texto clique em HTML.
Essa ação reverterá a sua postagem para o modo HTML.
Cole o código e a seguir clique em Escrever, de novo no alto do editor de texto.
Você verá a caixa com a borda que colocou; escreva ou cole dentro dela o texto que deseja destacar e depois de pronto publique seu post como sempre fez.

Uma dica: evite abusar. Use somente para destaque senão perde o sentido e pode ficar exagerado.

E como bônus extra separei uma coleção de mini gifs que você pode usar para enfeitar e destacar seus posts.
Use à vontade, mas #ficaadica: sem excesso pra não ficar over, ok?

Mini gifs

(podem ser usados como favicon)

                                                                                                                                                                                                        
                  Data e HoraTempo vestindo calçando Coemendo Bebendo Assisitindo Navegando Ouvindo Sentindo MSN Data e Hora Tempo vestindo Assisitindo Navegando Ouvindo Pensando Sentindo MSN Data e Hora vestindo calçando Bebendo Assisitindo Ouvindo Pensando                                                                                                                                      


Enfeites variados














Para colocar em seu blog salve as imagens em seu computador e divirta-se!

aqui
Diz oi…
E clique em Curtir ao final do post!

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

46 comentários , comente também!

  1. Nem li, amiga, me desanimei porque achei bem difícil!

    Sore o gadget do twitter é bacana, mas tirei do meu blog essas coisas para ficar mais leve e abrir mais rapidinho

    Bjs

    ResponderExcluir
  2. Confesso que fico meio confusa...não sou muito boa nessas coisas! srsrsr
    Bjsss

    ResponderExcluir
  3. @Fernanda Reali
    Não é complicado não, é uma delícia e bem facinho!
    Para resolver o problema do carregamento basta colocar o gadgets mais pesados sempre na coluna à direita.
    Isso se explica pelo fato do template ser lido sempre de baixo para cima; assim, a coluna do post sempre vai carregar antes, e enquanto o leitor lê a sidebar carrega. E se achar o gadget pesado coloque mais no final da sidebar.
    Mas esse do tuí não trava e não pesa tanto não.
    Beijo

    ResponderExcluir
  4. @Trocando ideias - Espaço Mulher
    Comece devagar, com as coisas mais simples.
    Depois você vai ganhando confiança.
    Confia em mim rsrsrs

    ResponderExcluir
  5. @La Sorcière
    Hihihi, sou mesmo!
    Mas tenho tesão em aprender e dominar o que antes parecia um bicho de 700 cabeças rsrs
    E não tenha medo; o pior que pode acontecer é seu blog sumir em 3, 2, 1... brincadeirinha rsrsrs

    ResponderExcluir
  6. Adorei a dica, estava mesmo querendo colocar um submenu... amanhã vou brincar de webdesigner e tentar fazer...rss

    beijos,
    Dé...

    ResponderExcluir
  7. Elaine não precisa agradecer,
    eu te adicionei aos favoritos por ter gostado do seu blog
    Sempre faço isso quando gosto do blog ou quando fazem o mesmo comigo.
    :)
    Obrigada pela sua visita
    Q vc tenha uma boa noite!

    ResponderExcluir
  8. OI Elaine, admiro sua coragem em mexer e mais ainda sua generosidade em compartilhar.

    Sobre o twitter, mais do que aprender como colocar o gadget com atualizações eu queria mesmo era aprender a USAR o Twitter. De tudo que eu tenho não há nada que eu domine menos. Toda vez que entro me sinto visitando um hospício!!!!
    Beijos.

    ResponderExcluir
  9. Elaine,

    Ainda não é para mim, quem sabe um dia desses tomo coragem. É claro que todas às vezes que quero mudar alguma coisa no meu blog corro aqui para reler as dicas e conseguir me guiar. Muito legal essas dicas que você disponibiliza.
    Depois você diz que as pessoas se aproveitam de você, também você fica nos acostumando mal, kkk.
    Beijos

    ResponderExcluir
  10. Elaine,

    Show a dica do menu com submenu, fica muito mais fácil para o leitor localizar aquilo que quer. Quando tiver um tempinho vou implementar.

    Grande abraço.

    ResponderExcluir
  11. Laine, já falei que você é um gênio ? Você é um gênio...rs. Estou querendo tirar um dia para visitar todas as suas dicas e dar um up no meu blog!
    Adoro suas dicas, obrigada!
    Beijocas

    ResponderExcluir
  12. Bom dia elaine!! Que bom ter uma amiga para tirar dúvidas e que ensina como incrementar nosso blog. Amei!!!
    Bjs,
    Carla Fernanda

    ResponderExcluir
  13. Elaine, muito bom seu post, bem explicadinho. O problema é o fator preguiça. Meu negócio é escrever, por isso meu blog é basiquinho . :-) Um dia eu chego lá, um dia eu vou até conseguir mudar pro wordpress :-P. Ou isso ou quem sabe me transformo numa escritora famosa, autora de best sellers e contrato alguém para arrumar o blog pra mim. hehehe

    beijo

    ResponderExcluir
  14. Amiga, vou tentar e te falo!!

    Bom, mas o principal motivo da minha visita, é que vim te convidar a participar da 1º promoção do Meu Cantinho!!

    Espero você!!

    beijos

    ResponderExcluir
  15. Tava mesmo querendo acrescentar o twitter no meu blog, consegui...valeu!

    ResponderExcluir
  16. elaine querida...
    passando pra agradecer as dicas..
    e deixar um enorme bjuivo no seu coração com votos de uma semana muito feliz e produtiva.
    loba.

    ResponderExcluir
  17. Boa dica, esse seu jeito de explicar facilita muito.

    ResponderExcluir
  18. Boa dica, esse seu jeito de explicar facilita muito.

    ResponderExcluir
  19. Boa dica, esse seu jeito de explicar facilita muito.

    ResponderExcluir
  20. São tantas dicas.
    Como não sei muito bem lidar com isso, vou ficar com o que tenho. muito obrigada.
    Aqui se aprendei muito. Um grande abraço,
    sandra

    ResponderExcluir
  21. Oi, Elaine

    Tudo que consegui acrescentar e mudar no meu blog foi através das suas dicas.
    Até tentei hj, mas acho que ando meio desanimada e não consegui nada.
    Outra coisa que não consigo é postar video do youtube. Já procurei aqui e não achei.
    Obrigada pelas suas dicas e pela maneira gostosa e fácil de explicar.

    Bjs no coração!

    Nilce

    ResponderExcluir
  22. @Nilce
    Para inserir vídeos do youtube veja este post aqui!
    Beijo

    ResponderExcluir
  23. Pra mim que estou engatinhando no mundo dos internautas, acho muito cedo, para tentar me aventurar pelos programas. Mas, acho valido pra quem já tá caminhando!

    ResponderExcluir
  24. Pra mim que estou engatinhando no mundo dos internautas, acho muito cedo, para tentar me aventurar pelos programas. Mas, acho valido pra quem já tá caminhando!

    ResponderExcluir
  25. Oi tô passando pra desejar uma boa Quinta
    Que seja abençoada e feliz
    Beijos na alma!

    ResponderExcluir
  26. Gdes dicas Elaine, vou tentar fazer, achei um pouco difícil.

    beijooo.

    ResponderExcluir
  27. Ui, eu não consigo colocar nem o meu link normal do meu twitter o que dirá isso tudo aí, mamma mia, que difícil! (rsrs)
    Beijo, beijo!
    She

    ResponderExcluir
  28. O post foi excelente, muito bem explicado, mas eu fiquei com um probleminha pra fazer...como era muito grande pra explicar aqui eu te mandei um e-mail tá..
    bj

    ResponderExcluir
  29. Consegui instalar o menu, mas o submenu não expande. Será que você poderia me passar o link do tutorial original, de onde você pegou o código? POR FAVOR!!! Procurei no Dicas para blogs mas não achei snif... Quero estudar isso, pois gostei muito do efeito.
    Desde já obrigada!
    Beijos na alma!

    ResponderExcluir
  30. Elaine, testei no mínima e funcionou. Aff... mas meu template é do novo designe e nele não tá funcionando. SNIFiiiiiiiii.........

    ResponderExcluir
  31. CONSEGUI!!!!
    Tive que fazer umas mudanças no template que tenho, complicado, mas deu.
    Obrigada!

    ResponderExcluir
  32. Olá.
    Ótimas dicas, acho que fica mais fácil se agente for testando no fornt-page.
    Adorei, só queria saber como posso por uma orelinha do twitter igual a sua.
    Obrigada por compartilhar seus conhecimentos.
    Bjoks

    ResponderExcluir
  33. Oi elaine, segui as suas dicas mas o submenu não abre.
    vejo que a Meri Pellens consegui pode me ajudar a conseguir. Valeu!!! aguardo resposta o meu email: marceloborgges@gmail.com

    ResponderExcluir
  34. Elaine,tudo bem?
    Passei aqui para te ver e as novidades também.
    Ainda não decidi sobre os menus...rsrs...
    Acabei de ver seus novos trabalhos,ficaram lindos.
    Parabéns!!!
    Sucesso para vc,sempre gentil e talentosa.
    Lindo domingo para vcs,bjs

    ResponderExcluir
  35. como é que usa esses favicons? não dá pra copiar, como faz Elaine?

    ResponderExcluir
  36. Oi Elaine que lindo blog você tem parabéns, quanta informação e dicas importantes encontrei aqui :)
    Já inclui meu blog na galeria e já estou levando seu link comigo vou deixar numa página especial que tenho lá no meu cantinho.Obrigada por essa oportunidade de divulgação.

    Um Super Beijo!

    ResponderExcluir
  37. Parece fácil, vou ver depois se consigo.
    Ando mexendo numas coisinhas no meu blog, tem vezes que consigo, outras não ....
    Eu queria saber porque quando escrevo um post, ao publicar aparece uma fonte que uso e em outras outra fonte que escolhi e alterei no blog? Cada hora aparece uma .....
    E é possível colocar definitivamente a fonte e a cor que eu escolher? Sem precisar ficar colocando depois que acabar de escrever o post.?
    Obrigada.
    joturquezzamundial
    Beijos.

    ResponderExcluir
  38. Parabéns!!!Amei !!
    Ola minha flor, eu sei que eu sumi, mas é pq minha mãe operou e agora esta se recuperando, estou voltando aos poucos, saudades de ti, bjks no seu coração e apareça , ficarei muito feliz!!
    http://fofocasdebeleza.blogspot.com.br/

    ResponderExcluir
  39. Gostei da nova cara do blog. Ficou clean!!!
    Olha que tenho uma preguiçaaaaaa desse negócio de códigos, sempre acho que vou fazer M... kkkkkkkkk
    Bjs e obrigada pelos brindes!! RSrsrsrs

    ResponderExcluir
  40. salvei duas imagens!!! eu gostei mto amiga!!!
    bjos no core!

    ResponderExcluir
  41. Oi Elaine, quero agradecer todas as dicas que você posta aqui, isso ajudou muito a criar meu blog... E eu aproveito muito das suas dicas, amo seu blog. Muito sucesso pra você.

    http://anotandonocaderno.blogspot.com.br/

    ResponderExcluir
  42. Oi Elaine, é a Vi, amei, as vezes quero fazer algo diferente, vou guardar esse post para consulta-lo sempre que precisar, como fiz com o post do backup.
    Beijos,Vi

    ResponderExcluir
  43. Elaine,

    Quase morei no seu blog ontem e hoje, mas consegui. kkkkk
    Só não consegui mudar a cor. Um dia eu aprendo. rs
    Muito obrigada!
    Estava um pouco afastada por falta de tempo. Feliz por estar de volta.
    Abraços.

    ResponderExcluir
  44. Bom dia Elaine, há anos iniciava um blog e abandonava. Agora estou conseguindo administrar e criar um com a minha cara. E fico muito grata por suas publicações que muito me ajudam, principalmente por eu ser leiga muita coisa ainda nem fazia idéia. Lógico que ainda tenho muito que aprender, mas é sempre bom saber que temos um lugarzinho pra procurar o socorro!!!

    Mônica Reis – http://topdapromocao.blogspot.com.br

    ResponderExcluir
  45. Bom dia, Elaine acho que esse é o blog mais completo que ja li !!!
    parabens, tenho aprendido muito com vc nas últimas semanas, obg flor.

    passe no meu blog pra ver como esta ficando, o foco lá é moda, e make.
    http://luzcameraemakeupp1.blogspot.com.br/

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…