Tambor Xamanico Wakan Wood - modelo PUEBLO 30 x 30 cm com pintura e bolsa com imagem impressa Tambor Xamanico Wakan Wood modelo LAKOTA com a energia do Mestre Pena Branca, do Falcao e da Pantera, criado para nossa querida irma Claudia Lontra. Tambor Xamanico Wakan Wood modelo PUEBLO 40 x 40 cm Cliente: Daniel Almeida Tambores Xamanicos Wakan Wood - modelos PUEBLO 30 x 30 cm e CHEROKEE 40 x 8 cm Cliente: Darlene Pachamama Cliente: Joao Henrique BiancoCliente: Joao Henrique Bianco Cliente: Esther Felicidade Cliente: Ana Maria Fraga "botao para responder comentarios do Blogger" Primeiramente meus agradecimentos ao grande Paulo Estevao!Depois de muito pesquisar, encontrei sobre o tema em epigrafe,no codigosbloga saber:fonte e creditos:codigosblogQue tal colocar um menu em forma de barra no topo do blog? E uma forma interessante para divulgar suas redes sociais e links principais do seu blog, como por exemplo, a pagina de inicio e a pagina de contato.Foi pensando nisso que desenvolvi um codigo que faz esse papel, tudo muito simples de configurar e personalizar.Veja o exemplo do menu funcionando nessa pagina aqui ou na imagem abaixo:Com um unico codigo vou ensinar a mudar a cor de fundo, inserir novos links, inserir novos icones e como fixar o menu no topo quando rolarem a pagina para baixo. Abaixo teremos um tutorial para Blogger e WordPress, mas isso nao impede voce de usar em outras plataformas ou sites.Blogger1) Faca login no Blogger, entre em Modelo -> Editar HTML -> Proseguir.2) Procure por <body> e cole logo em seguida o codigo:<div class="bar_top"><div class="bar_topd"> <ul class="menu_barrax"> <li><a href="/" title="Inicio">Inicio</a></li> <li><a href="http://LINK_AQUI" title="Sobre">Sobre</a></li> </ul> <div class="transit"> <a href="http://LINK_AQUI" target="_blank"><img src="http://4.bp.blogspot.com/-espzqjF5p38/T9ieDflylZI/AAAAAAAAD4Q/rGSC3YoAGxg/s1600/rss.png" title="Feed RSS"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://4.bp.blogspot.com/-4di8wyO8reU/T9ieCNjxkrI/AAAAAAAAD34/n9mdGQl36go/s1600/facebook.png" title="Facebook"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://1.bp.blogspot.com/-V6AUHhYK_tw/T9ieDhXQM3I/AAAAAAAAD4Y/2SX5sC04x2c/s1600/twitter.png" title="Twitter"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://3.bp.blogspot.com/-inXXbVbM-pQ/T9ieDGHlKLI/AAAAAAAAD4I/jnthUijJjmo/s1600/google+.png" title="Google Plus"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://3.bp.blogspot.com/-IKeAb8OgXfU/T9ieEKLi8JI/AAAAAAAAD4g/8FnePnFsnwk/s1600/youtube.png" title="YouTube"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://3.bp.blogspot.com/-reMynxRhgfw/T9ieClin7NI/AAAAAAAAD4A/1JXcZtwjPMk/s1600/flickr.png" title="Flickr"/></a> </div></div></div>3) Procure por ]]></b:skin> e cole o seguinte codigo ANTES do codigo encontrado:.bar_top {width: 100%;height: 32px;background: #000;}.bar_top img {height: 22px;float: right;margin: 5px 7px 0 0;opacity:0.8;filter:alpha(opacity=80);}.bar_top img:hover {opacity:1.0;filter:alpha(opacity=100);}.menu_barrax {float: left;margin: 0;padding: 0;}.menu_barrax li {float: left;list-style: none;font-size: 10px;font-weight: bold;font-family: Verdana, Arial;text-transform: uppercase;margin: 0 0 0 10px;padding: 10px 0 0 0;}.menu_barrax li a{color: #dfdfdf;text-decoration: none;}.menu_barrax li a:hover {text-decoration: none;color: #fff;}.transit {-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}.bar_topd {width: 900px;margin: 0 auto;}4) Teste e salve, caso tenha duvidas de como personalizar a barra, alterar cores, inserir links, etc., siga os passos no topico logo depois da instalacao para WordPress (final do post).WordPress1) Faca login, entre em Aparencia -> Editor;2) Procure a pagina que contenha a tag <body>, geralmente e a pagina Cabecalho (header.php). Insira o codigo abaixo logo apos a tag encontrada:<div class="bar_top"><div class="bar_topd"> <ul class="menu_barrax"> <li><a href="/" title="Inicio">Inicio</a></li> <li><a href="http://LINK_AQUI" title="Sobre">Sobre</a></li> </ul> <div class="transit"> <a href="http://LINK_AQUI" target="_blank"><img src="http://4.bp.blogspot.com/-espzqjF5p38/T9ieDflylZI/AAAAAAAAD4Q/rGSC3YoAGxg/s1600/rss.png" title="Feed RSS"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://4.bp.blogspot.com/-4di8wyO8reU/T9ieCNjxkrI/AAAAAAAAD34/n9mdGQl36go/s1600/facebook.png" title="Facebook"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://1.bp.blogspot.com/-V6AUHhYK_tw/T9ieDhXQM3I/AAAAAAAAD4Y/2SX5sC04x2c/s1600/twitter.png" title="Twitter"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://3.bp.blogspot.com/-inXXbVbM-pQ/T9ieDGHlKLI/AAAAAAAAD4I/jnthUijJjmo/s1600/google+.png" title="Google Plus"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://3.bp.blogspot.com/-IKeAb8OgXfU/T9ieEKLi8JI/AAAAAAAAD4g/8FnePnFsnwk/s1600/youtube.png" title="YouTube"/></a> <a href="http://LINK_AQUI" target="_blank"><img src="http://3.bp.blogspot.com/-reMynxRhgfw/T9ieClin7NI/AAAAAAAAD4A/1JXcZtwjPMk/s1600/flickr.png" title="Flickr"/></a> </div></div></div>3) Procure a Folha de estilos (style.css) e insira no final de tudo o codigo abaixo:.bar_top {width: 100%;height: 32px;background: #000;}.bar_top img {height: 22px;float: right;margin: 5px 7px 0 0;opacity:0.8;filter:alpha(opacity=80);}.bar_top img:hover {opacity:1.0;filter:alpha(opacity=100);}.menu_barrax {float: left;margin: 0;padding: 0;}.menu_barrax li {float: