Este artigo vai para um colega que infelizmente nao se identificou. Ele deixou um recado em minha area "Tricotando" perguntando como faria para inserir um menu de A a Z acima da area de publicacao de seu blog. Nao e tarefa simples, mas vou dar os codigos iniciais e explicar onde modifica-los para que voce deixe seu menu com a aparencia de seu blog. O resultado final devera ficar semelhante ao da imagem abaixo:Para a customizacao de meu menu, eu utilizei como base o Template Minima e uma area de publicacao (main-wrapper) de 410px. Obvio que se sua area for menor ou maior a isso, vc tera que fazer algumas modificacoes que serao explicadas adiante. Vamos primeiramente ao codigo.Procure em seu template por outer-wrapper e acima dele insira o codigo abaixo: /*Alfamenu-------------------------------- */ #alfamenu{ height:20px; line-height:2.6em; margin:0px 0px 5px; margin-left: -40px; } #alfamenu li{ float: left; white-space:nowrap; list-style-type:none; background: #EEE9E9; border: 1px solid #CCCCCC; } #alfamenu li a{ display:block; padding: 3px 3px 4px 3px; font-size:0.8em; font-weight:normal; font: normal bold 90% Arial, sans-serif; text-transform:uppercase; text-decoration:none; color: #1C1C1C; }* html #alfamenu a {width:1%;}#alfamenu .selected, #alfamenu a:hover {color: #FF6347;text-decoration:none;}Salve o Modelo. Agora, procure pelo codigo: <div id='main-wrapper'>Imediatamente acima dele, insira o codigo a seguir: <div id='alfamenu'> <ul> <li><a href='link 1'>A</a></li> <li><a href='link 2'>B</a></li> <li><a href='link 3'>C</a></li> <li><a href='link 4'>D</a></li> <li><a href='link 5'>E</a></li> <li><a href='link 6'>F</a></li> <li><a href='link 7'>G</a></li> <li><a href='link 8'>H</a></li> <li><a href='link 9'>I</a></li> <li><a href='link 10'>J</a></li> <li><a href='link 11'>K</a></li> <li><a href='link 12'>L</a></li> <li><a href='link 13'>M</a></li> <li><a href='link 14'>N</a></li> <li><a href='link 15'>O</a></li> <li><a href='link 16'>P</a></li> <li><a href='link 17'>Q</a></li> <li><a href='link 18'>R</a></li> <li><a href='link 19'>S</a></li> <li><a href='link 20'>T</a></li> <li><a href='link 21'>U</a></li> <li><a href='link 22'>V</a></li> <li><a href='link 23'>W</a></li> <li><a href='link 24'>X</a></li> <li><a href='link 25'>Y</a></li> <li><a href='link 26'>Z</a></li> </ul> </div>Salve o Modelo e visualize. Ainda nao esta pronto, o que esta em verde e a letra correspondente a consulta de A a Z e e exatamente na parte vermelha, que voce ira inserir o link correspondente a seu Marcador. Como criar um Marcador? Quando voce escreve uma postagem, na caixinha do blogger, bem embaixo, aparece escrito "Marcadores para esta postagem". No retangulo em branco voce escrevera Letra A para todas as postagens que comecarem com a letra A; Letra B para todas as postagens que comecarem com a letra B e assim sucessivamente, formando os seus Marcadores. Para visualizar os Marcadores e so voce clicar no Layout de seu blog em inserir gadget e selecionar a opcao Marcadores. Visite seu blog e coloque a seta do Mouse sobre a Primeira letra do Marcador: "Letra A", selecione com o botao direito do mouse a opcao "Copiar link" ou "Copiar Atalho", volte ao HTML de seu blog e cole o link sobre o link 1 que designa a letra A do Menu Alfabetico. Assim: Antes: <li><a href='link 1'>A</a></li>Depois:<li><a href='http://menualfabetico.blogspot.com/search/label/Letra A'>A</a></li>Faca este mesmo procedimento ate chegar a Letra Z e salve o modelo. E trabalhoso, eu sei , mas voce so tera que fazer isso uma unica vez. Depois de concluido toda vez que um visitante clicar na letra A sera direcionado para as postagens que comecem com esta letra e