Tutorial | Blockquote personalizado


Olá 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 Resultado de imagem para tardis png
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*/ 
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-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 ^.^

CONFIRA TAMBÉM ⬇

3 comentários

  1. É muito bom esse tutorial, porque todo sempre quer destacar alguma coisa no post e o teu é bem objetivo.
    Beijos
    Mundo de Nati

    ResponderExcluir
    Respostas
    1. Que bom que gostou Nati,é exatamente isso,vai destacar bastante e é bem simples de fazer <3
      Beijos ^.^

      Excluir
  2. Obrigada,que bom que gostou :)
    Beijos ^.^

    ResponderExcluir

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