10/11/2012

Tutorial: Blockquote em folha de caderno

||

Bi Bi!!!! Yo meus amados otakus, otomes, bakas, mostrinhos, aliens e smilesseja de qual planeta for eu dou um "Olá", trago um tutorial que achei bem bacana foi em pedido da leitora Jessy. Vim ensinar como fazer um bloquote com fundo folha de caderno, fica ótimo para blog jovens em estilo teens, ou para blog diário. Se quiser saber como se faz, basta continuar lendo essa postagem. 
Quando pronto ele ficara mais ou menos assim:

Para deixar o seu blockquote assim vá para seu HTML e lá procure por ]]></b:skin>
E acima dele você coloca isso:

.post blockquote {
background: url("http://2.bp.blogspot.com/-dLyG_Bp6Epg/UJ576SS0BfI/AAAAAAAAb9k/vpqDQhVXk0Y/s1600/blockquotepag.png");
padding: 14px;
padding-left: 70px;
font-size: 11px;
color: #696961;
text-align:justify;
box-shadow: 0px 1px 2px #edeeec;
}

Prontinho agora e só salvar!

4 comentários:

  1. Como eu faço para usa-lo na postagem?
    blogsuchan.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Usa-lo na postagem? Tipo repostar? É fácil basta fazer como fiz ali em cima e claro com suas palavras. Se quis dizer adiciona-lo em seu blog faça como mostrei ali em cima procure por ]]> e acima dele adicione o código citado.

      Excluir
  2. Anônimo7/9/13

    como adiciono o blaquot na postagem flor?
    digo no poster tá, no blog eu ja adicionei mais como ponho no poster como vc coloca ? ajuda ai

    ResponderExcluir
    Respostas
    1. Yo é um print uma imagem do blockquote só que muitas vezes deixo trasparente para parecer estar adicionado na postagem.

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram