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.
.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;




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!

comments powered by Disqus

 

Copyright @ 2011-2015 Fique Sabendo!.