Aconselho sempre, antes de qualquer mudanca no seu template, que voce salve uma copia do mesmo antes de tudo. E mais, nunca salve antes de visualizar o resultado, por que se nao estiver bom, basta clicar em Limpar Edicoes.1o Parte:Coloque antes de ]]></b:skin>#navigation{height:30px;width: 800px;line-height:2.9em;margin:0px auto 0px;background: url(link da sua imagem) repeat-x;}#navigation ul{margin: 0 0 0;padding: 0 0 0;}#navigation li{float:left;list-style-type:none;border-right:1px solid #787878;white-space:nowrap;}#navigation li a{display:block;padding:0 10px;font-size:0.8em;font-weight:normal;text-transform:uppercase;text-decoration:none;background-color:inherit;color: #000000;}#navigation .selected,#navigation a:hover{background:#808080;color:#000000;text-decoration:none;}Todos os valores que ai estao (width, margin, color, etc) podem e devem ser modificados conforme o layout do seu template.Antes de passar a segunda parte do codigo, vou explicar algumas coisas que podem ser modificadas:#navigation{height:40px;width: 890px;line-height:2.9em;margin:0 auto 0;background: url(ENDERECO DA IMAGEM) repeat-x;}Height e a altura que tera o menuWidth e a larguraline-height e a altura da linha (nao confundir com o tamanho da fonte)Margin: do modo que aqui se apresenta, centraliza o menu na pagina (0 auto 0)Background e o plano de fundo, que pode ser uma cor ou uma imagem. Repeat-x garante que uma imagem se repeti horizontalmente.#navigation li{float:left;list-style-type:none;border-right:1px solid #787878;white-space:nowrap;}border: aqui voce define se tera borda em toda a volta de cada item do menu (para isso deixe so Border: 1px solid...), se so a direita (right), esquerda (left), topo (top), ou base (bottom). Basta determinar antes dos valores:border-bottom: 1px solid etc etc...border-top: 1 px solid etc etc....#navigation li a{display:block;padding:0 10px;font-size:0.8em;font-weight:normal;text-transform:uppercase;text-decoration:none;background-color:inherit;color: #000000;}Color: determinara a cor que dos links antes que se passe o cursor sobre eles.#navigation .selected,#navigation a:hover{background:#808080;color:#000000;text-decoration:none;}Aqui se determina cor dos links e background quando se passa o cursor por cima do link.2o Parte:Para deixar o menu sob o cabecalho, coloque abaixo de (HTML):<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='false' title='Templates Novo Blogger (Header)' type='Header'/></b:section></div>Este codigo:<div id='navigation'><b:section class='navigation' id='navigation' showaddelement='yes'></b:section></div>Salve as modificacoes. Va ao painel do Blogger (Modelo/Layout) e veja um novo espaco, sob o cabecalho, onde e possivel adicionar elementos de pagina. Crie uma lista de links e arraste para este novo espaco. Salve e visualize. Acessar o Blogger, Clique em "Layout" e depois "HTML".(Lembre-se de baixar e salvar seu modelo atual para o caso de ter algum problema)1. Dentro do documento HTML procure pelo trecho /head e cole o codigo (script) logo abaixo dele. <script type='text/javascript'>summary_noimg = 330;summary_img = 300;img_thumb_height = 125;img_thumb_width = 125;</script><script src='http://vietwebguide2.googlepages.com/summary-post-v20-test.js' type='text/javascript'/>Salve . Depois clic em "Expandir modelos de widgets"Procure pelo trecho (Use Ctrl+F)< data:post.body/ >2. Substitua todo o codigo por este novo (abaixo) <p><b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:right'><a expr:href='data:post.url'>--> Leia mais...</a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p> 3.Visualize. Se estiver tudo bem, Salve!Configure o script (opcional): summary_noimg = numero de caracteres caso nao haja imagenssummary_img = umero de caracteres a mostrar no caso de post com imagensimg_thumb_height = Altura da imagem (thumbnail)img_thumb_width = Largura da imagem (thumbnail) Os valores utilizados parecem apropriados para template com 480px de largura do main-wrapper (coluna dos posts), e a maioria dos thumbnails sao de 125125 pixels.Voce pode alterar a seu criterio. vamos inserir no seu blog. Para isso, faca o login no blogger.com, va em Design - Elementos da pagina Adicionar um gadget, escolha a opcao HTML/Javascript e cole o seguinte codigo:<style type="text/css"> #menuadmin { padding-left: