4.Como criar um blockquote?

Oi de novo rç
Eu aqui pela segunda vez hoje, uhul \o/ Enfim, estou muito feliz porque o blog bateu a meta de 70 SEGUIDORES, muito obrigada minha gente, estou muito feliz ♥ Agora a meta atual é de 100 seguidores, acho que vai demorar um pouquinho, mais tudo bem, oque vale é que eu estou me esforçando o máximo pra dar o meu melhor... :) Mudando de assunto, o blog tem o primeiro blog irmão que é o Sugary Nyah, um blog super divoso :3 Mais meu gadget de afiliados está bugado e não quer editar nada nem salvar, então o blog divo da Bloob vai estar aqui quando desbugar :'c Só os meus gadgets estão assim? Esse blogger fica bugando do nada, af, não estava assim ontem... Espero que eu consiga resolver isso logo, porque do jeito que está, não da. Eu não consigo editar absolutamente nada nos gadgets...

Bom, nossa segunda postagem de hoje, traz um tutorial bem simples de como fazer um blockquote. Eu garanto que não é esse ''bicho de sete cabeças'' que as pessoas pensam, muito pelo contrário, é rápido e não leva nem cinco minutos... Espero que gostem minha gente, e se usarem o tutorial, créditos aos blog Amizade de menina e Loucas por HTML. Agora eu tenho que conseguir encher as nove linhas de baboseiras, até agora eu me pergunto porque eu quis deixar as postagens tão grandes? Acho que é cansativo demais né? Juro que no próximo layout vou deixar menor as linhas das postagens, acho que ficará mais fácil até pra mim mesma na hora de escrever, metade das coisas que eu escrevo aqui é bobagem, meu Deus do céu '-'


exemplo de blockquote
Primeiro vão em Modelo >> Editar HTML>> aperte em Ctrl+F e procure por:
]]></b:skin>
 Cole acima dessa tag o seguinte código:
blockquote {
}
Agora, entre o { e o } cole esse código:
padding: 6px;
margin:10px;
color: #333;
background: #fff;
Agora, vamos Personalizar pra ficar mais bonito:
border: borda em todos os lados. (para usar: 1px solid #333; )
border-bottom: borda em baixo. (para usar: 1px solid #333; )
border-top: borda em cima. (para usar: 1px solid #333; )
border-left: borda na esquerda. (para usar: 1px solid #333; )
border-right: borda na direita. (para usar: 1px solid #333; )
Exemplo:
border: 1px solid #333;
Para arredondá-las:
webkit-border-radius: 10px; - bordas arredondadas (mude o 10 para maior ou menor)
-moz-border-radius: 10px; - bordas arredondadas (mude o 10 para maior ou menor)
border-radius: 10px; - bordas arredondadas (mude o 10 para maior ou menor)
(NOTA: Para deixar bordas arredondas você tem que colocar os 3 códigos acima.)
Exemplo:
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Cada um está com seu significado, é só usar a criatividade e fazer seu próprio Blockquote.
Créditos ; Louca por HTML e Amizade de Menina.

12 comentários:

  1. Ótimo tutorial >3<
    Acho bem legal dar as bases das coisas, sabe? É mais produtivo >3<

    Kiss, kaorii.com ~ ♥

    ResponderExcluir
    Respostas
    1. KAORII? KAORII? K A O R I I? TIA CAORE? KAORII? É ISSO MESMO? PERE AE ESTOU MORRENDO AQUI '-' COMO ASSIM, CAORE EM MEU BLOG? /SOFRI/

      Excluir
  2. oiii lindo seu blog,amei estou seguindo poderia seguir de volta? e também gostaria de estar na sua listinha de irmãos *-*,espero sua visita linda!
    http://larissapradodesousa.blogspot.com

    ResponderExcluir
  3. Adorei o tutorial *-* Eu quero começar a postar goodies e utilitários no meu blog então foi bem útil, obg :3

    breathingnewthings.blogspot.com

    ResponderExcluir
  4. Ameii o Tutorial ^^'

    bjoos | http://dar-king.blogspot.com.br/

    ResponderExcluir
  5. Seguindoo , pode seguir de volta ? só se gostar do blog e se quiser :)

    ResponderExcluir

~ Antes de comentar, por favor leia pequenas regrinhas:
- Se for criticar, venha logado e deixe a url do seu blog.
- É proibido reblogar qualquer coisa daqui.
- Não precisa pedir pra eu seguir de volta, é só deixar o url do seu blog.
- Eu sempre retribuo os comentários, não peçam.
- Eu ignoro comentários do tipo: ''seguindo, segue de volta?''
- Obrigada por ler.
- Agora pode deixar um comentário bem divo UAHSA q