2 Funções Básicas que mantem o blog Bonito

Yoo gente. Hoje vou explicar como usar o Blockquote e Como fazer aparecer o "Leia Mais/ Continue Lendo" no blog. Para vocês que são já blogueiras há um tempo já podem conhecer as funções, mas novatas podem ficar na duvida de como utilizar esses elementos.

Para ver as imagens maiores, clique nelas.

Continue Lendo/ Leia Mais

Como colocar

Clique no ai quando quiser que as coisas após a linha pontilhada só apareçam ao clicar no continue lendo.

Escreva o que quiser

Tem como você mudar o que estará escrito (No caso do nosso blog está o "Continue Lendo")

1º

2º

Personalizando.

Dois sites que podem te ajudar a personalizar o botão

Modelos "Continue Lendo/ Leia Mais"

Como substitui-lo por uma imagem

Blockquote

É essa caixinha aqui. É boa para destacar o texto ou deixar sua postagem mais bonita

Como coloca-la:

Personalize seu Blockquote:

Imagens e Tutorial, créditos, site: Mundo Teens

TABELA DE CORES

cole antes de  ]]></b:skin> o código que mais te agradar e personalize.

/* Blockquote By Go-Html*/

.post blockquote {

background:  #F5F5F5; /* Cor do fundo */

border-left: 7px solid  #00BFFF; /* Cor , estilo e espessura da borda */

color:  #000000; /* Cor do texto */

font-family: century gothic; /* Fonte do texto */

font-size: 12px; /* Tamanho da fonte */

text-align: center; /* Centralização do texto */

-webkit-border-bottom-left-radius: 30px;

-moz-border-radius-bottomleft: 30px;

border-bottom-left-radius: 30px;

/* Fim do Blockquote By Go-Html */

}

/* Blockquote By Go-Html*/ .post blockquote { background: #F5F5F5; /* Cor do fundo */ border: 1px solid #00BFFF; /* Cor , estilo e espessura da borda */ color: #000000; /* Cor do texto */ font-family: century gothic; /* Fonte do texto */ font-size: 12px; /* Tamanho da fonte */ text-align: center; /* Centralização do texto */ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; /* Fim do Blockquote By Go-Html */ }

/* Blockquote By Go-Html*/ .post blockquote { background: #F5F5F5; /* Cor do fundo */ border: 2px solid #8A2BE2; /* Cor , estilo e espessura da borda */ color: #000000; /* Cor do texto */ font-family: century gothic; /* Fonte do texto */ font-size: 12px; /* Tamanho da fonte */ text-align: center; /* Centralização do texto */ -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; /* Fim do Blockquote By Go-Html */ }