Sites encontrados
http://www.w3schools.com/

Testando o Cabeçalho do Blog

Header é o cabeçalho do blog, 

/* -----header ----  */
#header-wrapper {
background: url(http://static.tumblr.com/npzw6bx/4DOn49kky/banner_4_c__pia_c__pia.png);
width: 498px; /* Determina a largura */

height: 300px;  /* Determina a altura */

margin: 0 auto 10px;  /* determina a distância */

margin-top: 30px } 

# HEADER-WRAPPER = É área total do cabeçalho

Imagens que poderei usar

Testando a Data dos Post

A data das postagens vem representada por .date-heade, mas em alguns modelos é h2.date-header


.date-header {background: url(); color: #D8CF97; font-family:  'Baumans', cursive; font-size:10px;  line-height: normal; text-align: center; padding:3px;  float: left; position: absolute; text-transform: uppercase; width:auto; text-shadow: 1px 1px 1px #FFFFFF; margin: -17px 0 0 10px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.05);}


http://static.tumblr.com/npzw6bx/8OTn97xuk/tumblr_inline_mkjlcqzobm1qz4rgp.png background

hospedar imagem https://www.tumblr.com/themes/upload_static_file


http://static.tumblr.com/npzw6bx/tUfn9hj4b/fundo-coracao_large.jpg

http://static.tumblr.com/npzw6bx/tyfn9hjm9/sf_baby_background_03.jpg

Testando o Rodapé das Postagens

Esse teste é para arrumar ou alterar o rodapé, ele é chamado de . post-footer

.post-footer {
background: #f1f1f1 ;
margin: .1px;
color: #bdab57;
letter-spacing:.1px;
font: calibri;
line-height: 1.4em;
padding: 5px;
text-align: left;
margin-left: 3px;
font-size: 10px;
text-transform:uppercase;
margin-bottom: 2px ;
font-family: calibri, arial;
font-size:10px; }


background: #ffffff url(URL DA IMAGEM) caso tiver alguma imagem

Lembreteee: Estou arrumando primeiro as partes pequenas do blog e depois vou para os destaques. 

http://www.mundoblogger.com.br/2009/07/personalizando-area-do-post-parte2.html

Esse site explica com dar os créditos e modificar algumas coisas do rodapé

http://nataliamedice.blogspot.com.br/2013/03/rodape-do-blog-personalizado.html

http://nataliamedice.blogspot.com.br/2013/06/icones-de-redes-sociais-na-sidebar.html (tutorial um pouco mais para frente

http://www.colourlovers.com/palette/411632/Candy_Almond_Rainbow

http://www.colourlovers.com/palette/97523/SunnyMorning

http://www.colourlovers.com/palette/379653/Fairy_Floss

Mais uma postagem de testes: CITAÇÕES BLOCKQUOTE

testando citações

A causa do sofrimento humano encontra-se, sem dúvida, nos desejos do corpo físico e nas ilusões das paixões mundanas.

Citações no html são:

.post-body blockquote {
 background:#f5f5f5;  /*Altera a cor do fundo como preferir*/
 font-size: 13px; /*Altera o tamanho da fonte*/
 line-height:20px;/*Altera o tamanho da faixa ao lado da frase*/
 margin: 8px 4px;  /*Altera a altura ou distância do texto*/
 padding: 4px 12px; /*Altera o tamanho do espaço dentro do texto*/
 font-family: ;;
 color: #616161; /*Altera a cor das letras*/
 text-transform:;
 border-left: 6px solid #ffe4e1; /*Altera a grossura e a cor da faixa*/
 border-left: 6px solid #ffe4e1}

http://www.mundoblogger.com.br/2009/11/personalizar-blockquote-no-blogger.html

http://candiedream.blogspot.com.br/2013/04/ribbons-no-titulo-dos-gadgets.html


Cores para http://cores.gratuita.com.br/