Um post bem rápido. Ambos são detalhes bem interessantes que não acrescentam nenhum beneficio real para seu blog, mas certamente da um gostinho especial ter esses detalhes a mais (ou a menos) na sua pagina.
Como remover a navbar?
Navbar é o nome dessas barras do blogger que ficam no topo. Remove-las é permitido, o único prejuízo é que seu blog será excluído da navegação entre blogs (quando você clica no “próximo”). Na prática isso não significa nada, pois o numero de redirecionamentos para sua página durante o mês pode ser zero.
Para removê-la basta entrar em Design, e escolher a opção “Editar HTML”. Procure pelo seguinte:
<body
Detalhe que dependendo do seu template pode ou não ter alguma coisa escrita na frente ainda após esse termo. Imediatamente antes de <body adicione o seguinte código:
<!-- Navbar-->
<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>
<!-- Navbar-->
Clique em salvar, e quando pedir para remover o widget navbar, confirme e salve. Pronto, seu blog já está sem a navbar.
Como adicionar um favicon?
Favicon são aqueles ícones que aparecem no navegador junto ao endereço do site. Você pode criar o seu ou procurar um modelo que lhe agrade no Google (basta pesquisar, geralmente há milhares de sites para download).
Após conseguir o seu favicon, será preciso hospeda-lo em algum local na web. Há vários sites que aceitam o arquivo, recomendo fortemente o SkyDrive, da Microsoft. Para acessar basta se locar na sua conta Hotmail e clicar no link para SkyDrive no topo. Caso o link não esteja presente, procure por Documentos. Basta fazer upload da imagem para Documentos e compartilhar o arquivo como publico. Para saber o link da imagem clique com o direito sobre ela e vá na opção “copiar url/endereço da imagem”.
Agora com nossa imagem em mãos, acesse novamente o “Editar HTML” no Blogger e procure pela tag:
</b:skin>
Imediatamente após ela, adicione o seguinte código:
<link href='URL_DA_IMAGEM_ICO' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='apple-touch-icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon' type='image/x-icon'/>
Substituindo a URL_DA_IMAGEM pelo link que você pegou no SkyDrive (ou outro serviço de hospedagem). Como exemplo ficará assim:
<link href='http://rafaelg.com/imagem.ico' rel='shortcut icon'/>
Basta salvar e pronto. Nesse blog, no template atual, é possível visualizar um megafone. Faça sua personalização. É importante adicionar todas as quatro linhas de endereços, já que dependendo do navegador, uma configuração diferente é exigida (Internet Exeplorer 6, 7, 8, Firefox, Opera, Chrome e Safari).
São dicas bem simples, mas que dão seu toque pessoal ao blog.
Muito obrigada mesmo pelo tuturial de retirar a navbar! aqui foi o unico lugar que teve assim uma explicação perfeita de como retirar a navbar os outros sites com tutoriais só ensina deixar a navbar invisivel ficando tipo uma margem orrivel em cima do blog! Miuto obrigada pelo tutorial!
ResponderExcluir