sábado, 19 de março de 2016

Personalize o Blockquote de seu blog

Quando escrevemos para nossos blogs ou sites, queremos expor nosso ponto de vista sobre algo. Fazer uma citação, é deixar algo em evidência com tom mais destacado, a fim de mostrar para  os outros usuários, o que achamos mais relevante e diante disso, separamos os tópicos mais importantes de uma leitura. Você pode estar se perguntando: "Como posso fazer uma citação bacana, com um blockquote que destaque ainda mais o que estou propondo?".


Bem, é isso que você vai ver agora! Neste post, ensinarei como colocar um blockquote profissional para seu blog do Blogger.

Vá em Blogger → Modelo → Editar HTML. Em seguida procure pela linha ]]></b:skin>. Coloque ACIMA dela, o seguinte código:
.post-body blockquote {overflow: hidden;background: #E8ECE5;padding: 15px 13px 0px;border-radius: 2px;quotes: "\201C""\201D""\2018""\2019";
}
.post-body blockquote:before {  color: #000000;  content: open-quote;  font-size: 4em;  line-height: 0.1em;  margin-right: 0.25em;  vertical-align: -0.4em;}
Ficará deste jeito. Depois, clique em Salvar modelo.

Este é o resultado do efeito, após seguir todos os passos:
Siga todos os passos da postagem, e seu blog contará com um blockquote simples e organizado. Edite-o como desejar!

Bruno Bezerra

Bruno Bezerra é blogueiro e estudante. Mantém como foco principal a plataforma Blogger, no qual começou a realizar seus projetos. Gosta de mexer com HTML e CSS.
comments powered by Disqus

 

Copyright @ 2011-2015 Fique Sabendo!.