Photoshop: Códigos HTML essenciais para o blog



Na época de gloria da rede social, eu era super adepta a acompanhar as novidades de edições e HTML. Quem lembra dos banners postados no perfil? Ou das tão famosas e conhecidas doações de fotos? Pois é, eu era inclusa nesse mundo e tinha acesso a todas as novidades hahaha. Nessa época, ingressei em muitas comunidades excelentes que disponibilizavam actions e psds exclusivos e também códigos HTML para ajudar nas formatações.

A Aprenda HTML é uma das melhores comunidades que participo. Sempre que posto para o blog, entro lá para copiar o código de texto centralizado e imagem certinha, pois não consigo me lembrar de cabeça e gosto deixar os post's organizados. E assim como eu, muita gente também não é um super gênio dos códigos e precisa dessa mão na roda. Então decidi compartilhar com vocês, os códigos principais que sempre devem ser usados para organizar as postagens!

TEXTO CENTRALIZADO

<*div align="center"> SEU TEXTO AQUI <*/div>

Um dos codigos que eu mais uso aqui no blog, serve para deixar o texto posicionado no centro da caixa de textos.
TAMANHO

<*font size="TAMANHO"> SEU TEXTO AQUI <*/font>

RESULTADO

Para deixar o texto menor
Ou maior!

É só substituir onde está escrito TAMANHO por números de 1 a 7.
TEXTO A DIREITA

<*div align="right"> SEU TEXTO AQUI <*/div>

RESULTADO


Seu texto ficará poisiconado a direita

Esse código é super util para fazer citações em textos ou colocar créditos ao fim deles.
PALAVRA MÁGICA

<*span title="Blog"> PASSE O MOUSE E ESPERE <*/span>

RESULTADO

PASSE O MOUSE E ESPERE

Para usar esse código é só substituir onde esta escrito "Blog" pelo que voce quer que apareça, e "PASSE O MOUSE E ESPERE" pela frase principal.
IMAGEM COM LINK

<*a href="URL"><*img src="URL DA IMAGEM" />*

RESULTADO



Um dos melhores códigos ♥ É só substituir o "URL" pela pagina que voce queira (no caso a page do blog no Facebook) e o "URL DA IMAGEM" o endereço da imagem em questão
REDIMENSIONANDO A IMAGEM

<*img src="URL_DA_IMAGEM" height="ALTURA" width="LARGURA" /*>

RESULTADO



O melhor código de todos! Sabe aquele ditado "uma imagem vale mais que mil palavras"? Então! Um post fica mil vezes mais bonito quando a foto que o acompanha esta com as dimenções corretas!
IMAGEM A ESQUERDA DE UM TEXTO

<*img src="URL_DA_IMAGEM" align="left" /*><*div align="left"> SEU_TEXTO_AQUI <*/div>

RESULTADO

BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG


Esse código é ótimo para "sobre mim" ou coisas desse segmento



PS: Para utilizar os códigos, basta tirar os *** presentes


Muito útil, né? Espero que vocês tenham gostado. Lembrando que todos os códigos foram retirados da comunidade Aprenda HTML. Caso vocês precisem de outros códigos ou tenham duvidas sobre como utiliza-los é só deixar seu comentário aqui em baixo que eu ficarei muito feliz em ajudar! ♥

Comentários

  1. Mari10 de agosto de 2014 às 07:19

    Adorei o post, vai me ajudar muito!
    http://toobege.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Bia Boni10 de agosto de 2014 às 14:34

      Mariana, obrigada! Pela visita e pelo comentário ♥
      Beijos!

      Excluir
  2. Oito Tentáculos10 de agosto de 2014 às 07:35

    Sabes que alguns códigos podem não ser lidos em todo o lado. Mas basta só como tu dizes substituir os textos e tirar os ***.
    Bom post!

    Segui o teu blog *
    A.R.
    oitotentaculos.blogspot.com

    ResponderExcluir
  3. Unknown10 de agosto de 2014 às 08:12

    Super uteis.
    Vou tentar no meu, espero que de certo.

    Beijos
    http://taisannytoledo.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Bia Boni10 de agosto de 2014 às 14:35

      Fico feliz que tenham sido úteis, Taisanny! Obrigada <3

      Excluir
  4. Unknown11 de agosto de 2014 às 06:38

    Adorei os codigos,estão salvos nos favoritos,são realmente úteis.
    beijos,

    http://opslia.blogspot.com.br/

    ResponderExcluir
  5. Denise Crivelli12 de agosto de 2014 às 13:09

    Eu seu mexer no photoshop mais não consigo aprender a mexer no html.

    momentocrivelli.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Bia Boni1 de setembro de 2014 às 05:19

      é um pouquinho complicado mesmo, Denise :/ mas nada que dar uma boa fuçada em sites e foruns não quebre nosso galho <3
      Beijos!

      Excluir
  6. Unknown31 de agosto de 2014 às 21:08

    Gente amie este post, me ajudou muuuito!!! Obrigada
    Bisous ;*
    http://jessglossbeauty.blogspot.com.br/

    ResponderExcluir
  7. Arthur Claro26 de setembro de 2014 às 18:35

    Boas dicas.

    Arthur Claro
    http://www.arthur-claro.blogspot.com

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

E você, o que tem para acrescentar no mundo?

Imagem
E ao olhar pela janela do teu quarto, penso que há muito mais lá fora do que aqui dentro. E por tanto andar por aí, percebi que há bem mais aqui dentro do que lá fora. Deixo-te um pouco do que há em mim e agarro-me no que transborda das bordas daquilo que te fez assim. Por vezes e vezes pensei no que as pessoas iriam acrescentar em mim, e o que eu iria acrescentar nas pessoas e nos lugares por aí. No 'começo' paramos para pensar e se perguntar "por que diabos estou aqui?", sabe? Isso te deixa meio paranóico. 'Começo' quando começamos a questionar tudo, geralmente é na adolescência. Talvez, eu acho. Bom, comigo foi assim. Sempre ficava desacreditada quando alguém mais "velho" reclamava da vida ou dos amores por aí. Aí meu querido, meu jovem amigo, comecei a sentir isso na pele, e ainda sinto! Cada passo para o novo é incrível, e destruidor também. Coração partido dói muito mais do que uma ralada no joelho porque caiu da bicicleta. Preocu...
Continue lendo

Inspiração: Tatuagens com contornos naturais (coloridos)

Imagem
Todo mundo aqui já percebeu o quanto eu sou fascinada pelo mundo das tatuagens. Se fosse fazer todas as tatuagens que eu já vi, achei linda e queria na mesma hora na minha pele, a essa altura já estaria como um gibizinho hahaha. Minha ultima tatuagem foi o meu gatinho no antebraço direito, como comentei nesse post. Mas como não sou de ferro já estou pensando em fazer outra (aiai me segura ;-;) a alguns meses venho reparando nas tatuagens com contornos naturais. Tatuagens com contornos naturais são aquelas onde não é usada a tinta preta na “estrutura da tatuagem” e sim as mesmas cores da tatuagem toda, fazendo os contornos ficarem limpos, delicados e totalmente artísticos, como uma verdadeira pintura na pele. ♥ A cada dia que passa fico mais apaixonada por essa técnica, e sem duvidas ela será a técnica usada na minha próxima tattoo. (ainda vou manter mistério sobre o desenho) E pesquisando mais, encontrei uma mais linda do que a outra e decidi selecionar minhas favoritas e m...
Continue lendo

As músicas que fazem parte da minha vida

Imagem
Acredito que assim como eu, todo mundo tem aquela música que quando ove fala "Meu Deus, essa é minha vida!" bem normal né? Eu sou movida por musica, mesmo não parecendo. É incrível o poder que a música tem de transformar nosso dia e fazer de alguns momentos únicos e que sem duvidas serão lembrados para sempre embalados por determinado som. Como muita gente comenta e me pergunta diariamente quais musicas eu gosto e de quem eu sou fã decidi compartilhar com vocês algumas músicas que marcaram muitos momentos meus, e quem sem duvidas me trazem boas lembranças. 1: Taylor Swift - Love Story Sabe quando você se descobre apaixonada por alguém? Foi exatamente vendo o clipe de Love Story que eu me descobri swifter (esse ano irá fazer 7 anos que eu sou fã da Taylor ♥) Assim como a maioria, eu esperava ansiosamente todos os dias pela seção de clipes na Multishow (ainda espero) e a primeira vez que eu vi Love Story foi aquele tipo de pergunta "QUEM É ESSA DEUSA?" e de...
Continue lendo