Você está em: Home » Tutoriais » Mudando o ícone do Blogger!
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
Assinar:
Postar comentários (Atom)
Um comentário:
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??
Postar um comentário