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

5 FILMES CLÁSSICOS QUE VOCÊ PRECISA ASSISTIR!

Imagem
Ok, sei que tem muita gente ai que torce o nariz quando ouve a expressão "Filmes Clássicos". Mas acredite ou não, assistir a filmes clássicos é m ciclo vicioso! Quando você começar e se der conta, vai estar com uma lista imensa no Netflix com Títulos que você nem se quer sabia da existência! Quem me apresentou aos clássicos foi meu pai! Desde pequena eu sentava em frente a tv para assistir filmes com ele. Hoje, decidi selecionar 5 filmes que você precisa assistir! 1:  A TRILOGIA DE VOLTA ARA O FUTURO Essa é, sem duvidas, minha trilogia favorita em toda a historia! É muito surreal pensar como eles imaginavam o nosso tempo hoje la na década de 80! O Enredo do filme é extraordinário, conta a Historia de Marty, um adolescente que volta para 1955 através de uma maquina do tempo criada por um cientista! A maquina do tempo? Um  DeLorean !  Acho que até ai já é o suficiente para que você assista. Eu poderia sim, dar uma sinopse bem detalhada de filme por filme, mas as
Continue lendo

A PRIMEIRA CÂMERA DO MUNDO! SÉRIE: PHOTOGRAPHIA

Imagem
Eu lido com o mundo da fotografia todos os dias.Não de um modo profissional, mas do modo amador. Amo fotografar momentos, pessoas, objetos e historias. Nunca tinha parado para pensar em coisas como “Mas afinal, qual foi a primeira câmera fotográfica do mundo? Quem a inventou? Qual foi a primeira foto tirada da historia?”  Nós estamos acostumados a desde que nascemos termos contato com uma câmera. Afinal, quem não tem um álbum de fotos guardado na estante da sala com fotos de quando era bebe? Ou quem nunca ficou impacientes esperando as fotos do aniversario serem reveladas depois de uma semana?  Pensando nisso resolvi criar uma serie de posts dedicado a esse maravilhoso universo. Dos primórdios até a câmera que hoje é tão comum para nós, entre os grandes fotógrafos, dicas e livros, eu te convido a vir junto comigo e conhecer o mundo da fotografia de um jeitinho diferente. A primeira câmera fotográfica foi... A folha de uma arvore! Não exatamente, mas o conceito principal, s
Continue lendo

INSPIRAÇÃO: PROJETO NEON

Imagem
Hoje vim trazer aqui no blog um projeto que conheci a algumas horas atrás e fiquei completamente apaixonada! O PROJETO NEON é um projeto fotográfico realizado  pelo fotógrafo e publicitário capixaba, Hid Saib. cheio de cores neon, o artista transforma seus modelos em telas para dar vida a verdadeiras obras de artes. O projeto teve inicio em 2013, e desde então vem ganhando uma repercussão gigantesca tanto aqui no Brasil quanto lá fora. As fotos são tão extraordinárias  e que dá vontade de ter milhares de baldes de tinta e se aventurar a tirar algumas fotos assim ♥  Descobri o projeto através do clipe de Bang, cover da musica da Anitta que o MARAVILHOSO Tiago Iorc gravou em parceria com o Hid. Você pode conferir o clipe e o making of aqui em baixo     Tiago Iorc - BANG (Anitta Cover) from Rafael Kent on Vimeo . Para saber mais sobre o projeto e conferir fotos exclusivas, acesse projetoneon.com.br Todas as fot
Continue lendo