Mudando o ícone do Blogger!

8 de set. de 2009



       Provavelmente, caso você tenha um blog hospedado/feito no Blogger.com, já deve ter visto que, ao entrar no seu blog, na barra do navegador, há o ícone de propraganda do Blogger. O maldito "B" horrível.
       Como você já deve ter percebido, nós, da SLP, não queremos que nosso blog pareça amador, ou seja, não queríamos nada que tivesse haver com o Blogger no nosso blog, exceto o discreto banner existente ao final do SCL, já que nós temos que agradecer à Blogger.com pelos seus trabalhos maravilhosos etc. Enfim, nós queríamos mudar o ícone do blogger na barra de navegação. Como conseguimos isso (sim, nós conseguimos, se não reparou na barrinha)? Usando a internet, meu caro.
       Agora nós da SLP queremos presenteár-los com um tuto bem simples de como modificar o ícone da barra de navegação! Aí vai o tutorial:

       Ingredientes:
       - Photoshop ou Paint (photoshop, de preferência, né)
       - Habilidades mínimas em criar ícones.
       - Um site de hospedagem de imagens.
       - Saber ler um pouquinho de programação, ou ao menos saber ultilizar a ferramenta de procura do Firefox ou de outros navegadores.
       Modo de preparo:
       1. Faça seu ícone para seu blog com um programa de edição de imagem. Mas lembre-se, o ícone só pode ter dois tamanhos: 16X16 ou 32X32. Pela lógica, 32X32 é melhor, mas tem louco pra tudo nesse mundo... eis aqui o nósso ícone:


    
       2. Depois, hospede seu ícone em um site de hospedagem de imagens. Nós usamos o Imagehost para hospedarmos o nosso. O Imagehost é um dos melhores e mais fáceis hospedadores de imagens existentes. Basta ir ao site, clicar em "escolher arquivo...", escolher a imagem e depois clicar em "upload". Após fazer tudo isso, na página que aparece após o upload da imagem, copie o campo "hotlink". Cole-o num documento de texto ou em algum outro lugar qualquer, só para lembrar.
       3. Agora, entre no Blogger.com, entre na sua conta, e vá no campo de edição do blog. Vá então em "Layout" e depois em "Editar HTML". No HTML do seu site, procure um lugar do extenso código onde estará escrito:




       Se você ultiliza um modelo padrão do Blogger, não um padrão personalizado, como o nosso, deve estar bem assim:









       (Só que sem esses espaços no meio. Os espaços só foram colocados por que são imagens, não letras.) Então, entre os dois, escreva isso:




       Trocando o SEU ÍCONE AQUI pelo link da sua imagem (o "hotlink" copiado do Imagehost), mas sem tirar os apóstrofos!
       Se não está achando o

, então (no Firefox), aperte ctrl+f para procurar palavras e escreva o mesmo para achá-lo.

       No final, irá ficar tudo assim:





       Agora, é só alegria! Obrigado por nos visitar!

Postado ao som de: Baby Don't Hurt Me - Bee Gees

Um comentário:

Anônimo disse...

Llg a postagem... mas... e se eu tiver um blog feito por mim mesmo, com toda a codificaçao html feita por mim? Onde eu coloco??

 
Scroll Lockers Plus | by TNB ©2010
Web Analytics