quinta-feira, 8 de novembro de 2012

Personalizando seu blockquote

Olá! Imagino que várias blogueiras com blogs com os mais variados assuntos, como por exemplo goodies, gostariam de ter um blockquote personalizado. O meu blockquote eu peguei na marra, eu não achava tutorial para fazer ele, sendo que ele era simples. Só quando eu fiz eu achei um tutorial e ainda sim não era o que eu queria! Voltando ao assunto. 
»» Abra seu blog vá em Design e Editar HTML.
»»Aperte Ctrl+F e pesquise por: [[></b:skin> 
»»ACIMA do código cole: 
.post blockquote {
background: #ffffff;
border-top:5px solid #ff0098
border-radius:0 0 10px 10px; 
color: #0000000
font-family:century gothic
font-size: 13px; 
text-align: center;
padding: 5px;
Vamos conhecer os códigos? 
»Altere a cor do background como preferir, se quiser uma imagem no lugar da cor troque #ffffff por: url ( LINK DA SUA IMAGEM );
»Border-top, altere a altura da linha colorida e a cor dela como quiser;
»Border-radius, borda arredonda retire se não quiser;
»Padding é um espaço entre o blockquote e o texto, recomendo que continue em 5px;
»O que estiver em azul pode ser modificado como preferir;
»Depois de pronto, visualize e se estiver tudo bem, salve ^^

Resultado será semelhante a este.
Quando quiser utilizar seu blockquote, selecione o texto e clique nas aspas. 
Beijos! 

2 comentários:

  1. Yoo! Já segui aqui como você me pediu, boa sorte com o blog. Só peço que na próxima você leia e comente realmente sobre o post, aí sim eu sigo com vontade. É uma dica de blogueira, faça isso com os blogs que você for pedir pra seguir. Se não você só consegue seguidores, e não leitores. :)
    Beijos, Garota do Olhar Sincero

    ResponderExcluir
    Respostas
    1. Sim, muito obrigada mesmo! Eu gosto mesmo do blog e estava muito ansiosa pela volta! Parabéns pelo blog! Beijinhos !!

      Excluir