10/11/2012

Modelo Blockquote em folha de caderno [002]


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:

Códigos
.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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345