Gostou do estilo de menu fixado no topo do meu blog? Voce podera colocar um parecido ou do jeito que quiser, apenas modificando alguns codigos a seguir.Atencao! O modelo utilizado abaixo e um padrao da plataforma do blogger, e por isso, se estiver usando um modelo personalizado, e possivel que nao funciona da forma correta, ou ate mesmo nao encontre o trecho de codigo em questao. E nestas circunstancias, sera necessario que tente inserir o codigo do menu em outro ponto do seu blog.INSTALANDO EM SEU BLOG/WebsiteA instalacao e feita diretamente no codigo HTML do seu blog, e por isso, aconselho que antes de qualquer modificacao, faca Backup do seu template.1. Acesse o painel do blogger, e clique no blog desejado, e selecione Modelo e em seguida Editar HTML.2. No editor de codigos, clique dentro da caixa de codigos e pressione as teclas Ctrl + F.3. Procure por </header> e abaixo da tag cole o Codigo HTML.4. Em seguida, procure por ]]></b:skin> e acima dela cole o Codigo CSS.5. E por fim, bastara colarmos o Codigo JavaScript, procurando pela tag </head> e colando o codigo acima dela.6. Salve o Modelo e visualize seu blog.Pronto! Seguindo esses passos, voce esta inserindo um belo menu fixo em seu blog. Sendo possivel que adicione sessoes e novos links a ele, ou o personalizado da maneira que achar melhor. Em caso de alguma duvida ou questao referente a postagem deixe seu comentario, que responderei o mais breve possivel! Esse botao e um recurso bem util para queles blogueiros que utilizam Bate-papo Xat no blog, pois o botao deixara o Xat acessivel e visivel para o visitante acessa-lo, e a vantagem tambem e, que, o xat nao ficara ocupando um grande espaco no seu blog...Veja uma DEMONSTRACAO.Sobre o Botao abrir Xat, ele ficara posicionado na parte inferior direita da tela, e quando o botao e clicado o Xat e executado automaticamente e exibido sobre a pagina do seu blog, ainda contando com a opcao Fechar Xat.Como Colocar o Botao Abrir e Fechar Chat no BlogPara colocar no blog e bastante facil galera, entao vamos la.1o Passo: Copie o codigo mostrado logo abaixo:Selecione a area de transferencia, depois pressione Ctrl+C Testar HTMLTestar CSS<div id="botao_xat" style="position:fixed;right:5px;bottom:0;text-align:right; z-Index:9999; background-color:transparent;"><img onclick="abrir_xat()" style="cursor:pointer;" src="http://2.bp.blogspot.com/-bGdROfYZ78I/Uss6xH76VjI/AAAAAAAAEks/32e00pd_Edk/s1600/abrir+xat.png" /></div><script type="text/javascript">function abrir_xat(){document.getElementById("botao_xat").innerHTML = '<img src="http://3.bp.blogspot.com/-IygNCfUjy3k/Uss6xDrxRKI/AAAAAAAAEko/mxzZDsKecEk/s1600/xat.png" alt="Fechar Xat" title="Fechar Xat" onclick="fechar_xat()" style="cursor:pointer;" /><br>';document.getElementById("botao_xat").innerHTML = '<img src="http://3.bp.blogspot.com/-IygNCfUjy3k/Uss6xDrxRKI/AAAAAAAAEko/mxzZDsKecEk/s1600/xat.png" alt="Fechar Xat" title="Fechar Xat" onclick="fechar_xat()" style="cursor:pointer;" /><br><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="550" height="405" name="chat" FlashVars="id=000000000" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.php" />';}function fechar_xat(){ document.getElementById("botao_xat").innerHTML = '<img onclick="abrir_xat()" style="cursor:pointer;" src="http://2.bp.blogspot.com/-bGdROfYZ78I/Uss6xH76VjI/AAAAAAAAEks/32e00pd_Edk/s1600/abrir+xat.png" />';}</script>2o Passo: Em seguida, va no painel de Edicao do seu blog, clique na opcao "layout" >> clique em "Adicionar um Gadget" >> adicione a opcao "HTML/JavaScripts".3o Passo: Agora vamos editar o codigo. Veja que no codigo, eu destaquei uma pequena parte em corVermelhar: "000000000" essa parte significa o "Numero ID" do Xat, sendo assim, voce tera que substituir essa parte do codigo pelo o "ID" do seu Xat.Obs.: Pra encontrar o Numero ID do Xat e facil. Esse fica presento no codigo do seu Chat:4o Passo: Depois de editar o codigo, Salve o novo Gadget e