Hello amorecos,estou aqui de volta a ativa e muito feliz com mais um pedido de tutorial. Bem esse foi pedido pela Estarmari que e uma grande amiga do blog,sempre nos faz visitas Continuem pedindo !Eu sei que muitas blogueiras sabem como manter o blog mais na hora do layout, xii... da aquele problemao,e por isso eu vim propor alguns passos para a personalizacao do templante pelo Html. 1. Cabecalho: Muita gente acha que nao,mais e a primeira coisa que os leitores vao olhar no design, nao adianta arrasar nos gadgets e ter um cabecalho desorganizado e sem graca. Por isso temos que ter bons editores como:Photoshop (www): Ele e o melhor,voce pode fazer infinitas edicoes e ele com certeza vai dar um aspecto profissional. O unico problema e que ele e um pouco dificil para quem nao sabe.Photofiltre (www): Parece com o photoshop, so nao tem alguns recursos.PhotoScape (www): Apezar de ter poucas coisas para se fazer um cabecalho,ele e bem util para varias outras coisas.Outra coisa sao as fontes que vao usar,nao da para colocar letras super chamativas e com cara de Paint,isso vai acabar com teu trabalho,tenha certeza. Ha algum tempo eu disponibilizei um pacote de 600 fontes,podem baixa-lo (www) e abaixo tem mais algumas. (Clique nos para ir ao Link)Nao se esquecam que as cores do blog tem que combinar,entao fiquem de olho na hora de produzir. 2. PostagensNao a muito o que falar da ''Personalizacao'' dessa area nao e? O importante e o bom conteudo e fim, mas para os vaidosos de plantao eu trouxe alguns modelos.- Primeiro remova a borda serrilhada doodelo Travel,assim: Va em Modelo - Personalizar - Avancado - Deixe os planos de fundo transparentes (Plano de Fundo Principal, da Postagem e da Barra Lateral)...-Personalizando: Va em Modelo - Personalizar - Avancado, novamente e clique em Adicionar CSS e cole este codigo. Eu sei, ele e bem grande mesmo./* Modelo de Postagens by Hearts Naive World---------------------------------------------------- *//**titulos**/.post h3 a, .post h3 a:visited, .post h3, .comments h4 {background: #fff;color:#fcc;font-size:22px;font-family: 'Milonga', cursive;text-shadow: 1px 2px 3px #fcc;border-bottom: 2px dashed #eee;text-align: right;}.post h3 a:hover {color: #eee;text-align: right;-webkit-transition-duration: .30s;}/**area da postagem**/.post{background: #ffffff;width: 600px;color: #a1a1a1;font-family: 'Milonga' cursive;font-size: 12px;text-shadow: 1px 2px 3px #eee;text-align: justify;border: 6px dashed #fee;padding-right:10px;padding-left: 10px;box-shadow: 3px 4px 5px #bbb;margin:10px 0;}/**rodape do post**/.post-footer {margin: .5em 0;line-height: 1.6;background: none;color: #fcc;width: 500px;font-family: 'Milonga', cursive;font-size: 12px;}.post-footer a{color:#fcc;}.post-footer a:hover{color:#fcc;}/**estilos das listas**/.post ul li {list-style: none;margin: 0;padding: 0;padding: 0 0 4px 12px;background: url("http://1.bp.blogspot.com/-DQi7e950hE4/TnO4APlAzAI/AAAAAAAABus/eky4n83jrKQ/s1600/favlaco.gif") no-repeat 0 2px;}/**selecao colorida para o blog todo**/*::-moz-selection {background: #fff !important;color: #fcc !important;}*::selection {background: #fff !important;color: #fcc !important;}/**estilo do leia mais**/.jump-link {float: center;font-weight: bold;font-size: 26px;font-family: 'Milonga' cursive;text-align:right;padding: 1px 2px;margin-left:20px;}.jump-link a {color: #fcc; /* Cor do texto */text-decoration: none;font-weight: bold;}.jump-link:hover {color: #fee; /* Cor do texto */text-decoration:none;}/**efeito nas imagens**/.post-body img:hover {-moz-opacity:0.30; opacity:0.30;-khtml-opacity:0.50;-webkit-transition: 0.4s; -moz-transition: 0.4s;transition: 0.4s;}/**tamanho padrao para imagem**/.post a img, .post img {max-width: 530px;margin: 0 auto;padding: 5px;}/**formatacao de texto**/u {/* Sublinhado */text-decoration:none;color:#61D2D6;border-bottom: 1px solid #9BF0E9;-webkit-transition: 0.4s;}u:hover {/* Sublinhado hover */border-bottom: 1px solid #EDDE45;-webkit-transition: 0.4s;}b, strong { /* Negrito */color: #ED146F;font-weight: bold;}i,em { /* Italico */color: #EA3556;text-decoration: none;}strike { /* Riscado */text-decoration: strike;color:#EB9F9F;}strike:hover { /* Riscado hover */text-decoration: none;color:#EB9F9F;}/**background e borda dos comentarios**/.comments