Tutorial | Blockquote personalizado
10:00Olá galerinha,hoje eu trouxe um tutorial super fácil e simples,de como mudar o blockquote padrão do blogger.
Heyy,isso aqui é um blockquote
Para começar você vai precisar definir qual cor você quer usar,então pode usar essa tabela de cores se quiser.
Vá em Modelo>Editar HTML
Clique na caixinha de códigos e aperte Ctrl F,procure por </b:skin> e dê enter
Acima dele cole o seguinte código
.post blockquote {
background:#C6E2FF; /*Altere o fundo como preferir*/
margin:10px 20px 10px 20px;
}
Depois salve e está pronto.
Vá em Modelo>Editar HTML
Clique na caixinha de códigos e aperte Ctrl F,procure por </b:skin> e dê enter
Acima dele cole o seguinte código
.post blockquote {
background:#C6E2FF; /*Altere o fundo como preferir*/
font-family: 'Arial',black;
font-size: 20px; /*Tamanho da fonte*/
border-right: 1px dashed #63B8FF; /* cor da borda */
border-left: 1px dashed #63B8FF; /* cor da borda */
border-left: 1px dashed #63B8FF; /* cor da borda */
border-bottom: 1px dashed #63B8FF;/* cor da borda */
border-top: 1px dashed #63B8FF;/* cor da borda */
padding: 5px; margin:10px 20px 10px 20px;
}
Depois salve e está pronto.
E seu blockquote funcionará normalmente,mas para que você possa utilizá-lo,você precisa escrever o que deseja e apertar o botão de para ativar.
Espero que tenham gostado,qualquer problema no tutorial,se ele não funcionar ou algo do gênero é só comentar aqui embaixo.E não deixem de dar sugestões do que vocês gostariam de aprender a fazer no blog ok.
Beijos ^.^
3 comentários
É muito bom esse tutorial, porque todo sempre quer destacar alguma coisa no post e o teu é bem objetivo.
ResponderExcluirBeijos
Mundo de Nati
Que bom que gostou Nati,é exatamente isso,vai destacar bastante e é bem simples de fazer <3
ExcluirBeijos ^.^
Obrigada,que bom que gostou :)
ResponderExcluirBeijos ^.^
Obrigada por ter lido a postagem
Conte-me o que achou *--*
Deixe seu link nos comentários para que eu possa retribuir a visita <3
Se preferir para deixar seu link use
Esse código para comentar