E ai docinhos de cereja! Como vao voces? Hoje eu trouxe um tutorial que e bem antigo, mas que deixa o layout do blog muito bonito e eu uso aqui no Sweet que e Como colocar um cabecalho na sidebar.Quando eu estava criando esse layout eu logo pensei no cabecalho, pois eu queria algo diferente, o cabecalho fica sempre no topo do blog e por que nao de posicao? E ai me lembrei desse tutorial e resolvi trazer hoje para voces.A primeira coisa que vamos fazer e tirar o fundo do primeiro gadget, vamos deixa-lo transparente e existe algumas formas de fazer isso, mas vou mostrar esse.Va em Modelo>>Editar HTML>>Clique dentro da caixa de codigos e aperte Ctrl+F e procure por:.sidebar .widget:first-child {Voce vai encontrar algo mais ou menos assim:.sidebar .widget:first-child { margin-top: 0;}Entao substitua isso por:.sidebar .widget:first-child {background: transparent;border-top: 0px solid #cccccc;border-bottom: 0px solid #cccccc;border-right: 0px solid #cccccc;border-left: 0px solid #cccccc;outline-offset: 0px;outline: 0px solid #cccccc;box-shadow: inset 0px 0px 0px #cccccc, 0px 0px 0px #cccccc;border-radius: 0px 0px 0px 0px;}.sidebar .widget:first-child:hover {background: transparent;border-top: 0px solid #cccccc;border-bottom: 0px solid #cccccc;border-right: 0px solid #cccccc;border-left: 0px solid #cccccc;outline-offset: 0px;outline: 0px solid #cccccc;box-shadow: inset 0px 0px 0px #cccccc, 0px 0px 0px #cccccc;border-radius: 0px 0px 0px 0px;}Visualize se deu certo, se caso der, entao Salve.Agora vamos para parte onde colocamos o cabecalho no blog.Va em Layout>>Adicionar um Gadget>> HTMLJava/Script e cole esse codigo:<div style="margin-top: 0px; margin-left: -10px;margin-right: -15px; margin-bottom: -5px;"><a href="LINK-DO-SEU-BLOG"><img src="URL-DO-CABECALHO"/></a></div>No lugar de LINK-DO-SEU-BLOG coloque a URLdo seu blog, para que se caso a pessoa clicar sobre o cabecalho ela continue noseu blog e seja redirecionada para a pagina inicial.E ja no lugar de URL-DO-CABECALHO coloque aURL da imagem que voce quer como cabecalho.Os numeros que se encontram no inicio do codigo sao para quea imagem nao fique cortada. Se caso isso acontecer e so mudar o numeros.margin-top: e a margem do topo, se caso quiser que ela fique mais para cima e so colocar um numero (-) negativo, mas se quiser que a imagem fique mais para baixo e so colocar o numero positivo.margin-left: e em relacao ao lado esquerdo. E o mesmo esquema se quiser mais para esquerda numero (-) negativo, mas se quiser para o lado oposto numero positivo.margin-right: ja e o lado direito. Para a imagem ir para o lado direito o numero negativo e se quiser para a esquerda numero positivo.margin-bottom: se caso quiser que a imagem fique mais para baixo e so deixar negativo e mais para cima positivo.Recomendo que voce veja o tamanho certo para o cabecalhopara nao ter muitos problemas.Depois das modificacoes salve, mas deixe o gadget semtitulo. E claro o gadget deve ficar em primeiro.Esse tutorial serve para qualquer imagem que voce queiracolocar no blog, nao so o cabecalho.Bem pessoal espero que tenham gostado e ate o proximo post.Creditos ao Chuva de HTMLSe caso quiser pedir algum tutorial, utilitarios, etc. Pecaai nos comentarios ou na pagina de Contato. Ola pessoal! Bem eu queria uma ajuda de voces, pois eu estou pensando em criar um novo blog, onde eu possa postar outras coisas que nao seja com HTML ou