Para evitar problemas caso ocorra algum erro durante este procedimento sugiro que faca um back up do seu templates clique aki caso nao saiba como Clique aqui. Prontos pra comecar entao vamos la. Va para a pagina Editar Html do seu blog, localize o trecho ]]></b:skin> . Encima desse trecho cole o codigo 1. Codigo 1 /*Inicio Menu Horizontal---*/ #menuhorizontal{ /* nao altere */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 10; font-weight: bold; margin: 1; padding: 5px 0 4px 0; background-color: #00008B; border-top: 2px groove #cccccc; border-bottom: 1px groove #ffffff; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #ffffff; border-right: 2px groove #cccccc; text-decoration: none; } ul#navlist li#active { color: #000000; background-color: #cccccc; } #navlist a:hover { color: #ffffff; background-color: #000000; } /*---fim do Menu Horizontal---*/ Vamos pra ultima parte: Clique na imagem para ampliar Feito isso procure agora por <div id='header-wrapper'> um pouco abaixo desse trecho cole o codigo 2 entre as tags: </b:section> </div> Amplie a figura acima para localizar o local exato onde deve inserir o codigo 2 Codigo 2 <div id="menuhorizontal"> <li id="active"><a href="AQUI O ENDERECO DO SEU LINK" id="current">LINK 1</a></li> <li><a href="ENDERECO DO SEU LINK">LINK 2</a></li> <li><a href="ENDERECO DO SEU LINK">LINK 3</a></li> <li><a href="ENDERECO DO SEU LINK">LINK 4</a></li> <li><a href="ENDERECO DO SEU LINK">LINK 5</a></li> <li><a href="ENDERECO DO SEU LINK">LINK 6</a></li> <li><a href="ENDERECO DO SEU LINK">LINK 7</a></li> <li><a href="ENDERECO DO SEU LINK">LINK8/a></li> </ul> </div> Agora e so clicar emem salvar modelo e vizualizar como ficou. Posteriormente irei mostrar como alterar a cor dos botoes e do texto dos botoes. Espero que tenha ajudado e que todos consigam. Uma forma de manter o usuario navegando pelo seu site o maiortempo possivel e mostrando no fim da postagem que ele esta lendo opcoes de postagens que poderiam interessa-lo e assim quando o mesmo terminar de ler aquela postagem podera se interessar por uma das sugeridas e assim continuar navegando no seu site melhorando assimo trafico e a posicao de seu blog nos mecanismos de busca. Chega de papo e mao a obra. Entre no site LinkWithin preecha o campo email,com seu email, coloque o endereco (url) do seu blog. No campo plataforma, selecione Other (e no blogger) assim voce copiara o codigo colocara manualmente. Evitando possiveis problemas. Em Width escolha o numero de links que deseja mostrar. OBS: Supondo que seu blog tenha letras claras e o fundo seja escuro, marque a caixa My blog has light text on a dark background em seguida click no botao Get Widget e copia o copiao codigo parainserir em seu blog. Dirija-se ao seu blog navegue ate a pagina Editar HTML click em expandir o modelo e procure poelo trecho: <data:post.body/> Cole o codigo que voce copiou no site logo abaixo desse trecho, clique em vizualizar, e se tudo tiver certo clique em salvar modelo. Prontinho, agora logo abaixo de cada postagem sera mostrado miniaturas de outras postagens do seu blog.O numero de miniatura vai depender do numero que voce selecionou