Colocar favicon no blogger

Pra quem não sabe,  Favicon é aquele pequeno ícone que aparece na barra de endereços do navegador quando você acessa um site..

Exemplo:

Antes:antes (sem favicon)

 

Clique na imagem para ampliar

Depois:depois (com favicon)

 

  Clique na imagem para ampliar

Quem ainda não tem um favicon, é só criá-lo no editor de imagens de sua preferência, no tamanho de 16 x 16 px (é só criar uma imagem no tamanho mencionado) e hospedar na web (PhotoBucket, ImageShack, ou qualquer outro). Ou você pode ainda usar sites especializados na criação e distribuição de favicons. (Como por exemplo: html-kit.com)

Agora, vamos entrar no html do template e procurar por :

]]></b:skin>

Logo após, iremos colar o seguinte código:

<link href='http://sua_imagem.png' rel='icon' type='image/x-icon'/>
<link href='http://sua_imagem.png' rel='shortcut icon' type='image/x-icon'/>

Substituimos http://sua_imagem.png pela url do favicon (imagem).

Agora é só visualizar o template e, se  estiver tudo correto, salvá-lo.

0 comentários

Pra quem não sabe,  Favicon é aquele pequeno ícone que aparece na barra de endereços do navegador quando você acessa um site..

Exemplo:

Antes:antes (sem favicon)

 

Clique na imagem para ampliar

Depois:depois (com favicon)

 

  Clique na imagem para ampliar

Quem ainda não tem um favicon, é só criá-lo no editor de imagens de sua preferência, no tamanho de 16 x 16 px (é só criar uma imagem no tamanho mencionado) e hospedar na web (PhotoBucket, ImageShack, ou qualquer outro). Ou você pode ainda usar sites especializados na criação e distribuição de favicons. (Como por exemplo: html-kit.com)

Agora, vamos entrar no html do template e procurar por :

]]></b:skin>

Logo após, iremos colar o seguinte código:

<link href='http://sua_imagem.png' rel='icon' type='image/x-icon'/>
<link href='http://sua_imagem.png' rel='shortcut icon' type='image/x-icon'/>

Substituimos http://sua_imagem.png pela url do favicon (imagem).

Agora é só visualizar o template e, se  estiver tudo correto, salvá-lo.

0 comentários

Remover mensagem “Mostrando postagens com marcador”

Sempre que um visitante clica em um marcador, ou mesmo faz uma pesquisa em seu blog, no topo da pagina aparece a seguinte mensagem:marca
Essa mensagem é chata e desnecessaria, e alem de tudo ocupa espaço e só polui a tela.
Vou explicar como remover essa mensagem de duas formas. Caso a primeira não funcione corretamente no seu modelo de blog,  provavelmente o segundo modo funcionara.
Antes de editar o codigo HTML do seu blog aconselho sempre a salvar uma copia de backup do modelo.
Primeiro Modo
Acesse o painel de controle do seu blogger. Pode acessa-lo cricando aqui.
No painel de controle, clique em Design. Em seguida selecione a guia “Editar HTML”.
Localize o seguinte trecho no codgo html do seu blog 
]]></b:skin>
Você pode precionar Ctrl + F para localizar esse trecho mais facilmente no codigo.
Cole imediatamente acima desse trecho que você localizou o seguinte codigo:
.status-msg-wrap, .status-msg-body, .status-msg-border, .status-msg-bg, .status-msg-hidden {
display: none;
}
Feito isso, salve o modelo, e teste para ver se funcionou corretamente e se não há erros. Caso esse metodo não funcione tente o segundo.
Segundo modo:
Acesse o painel de controle do seu blogger. Pode acessa-lo cricando aqui.
No painel de controle, clique em Design. Em seguida selecione a guia “Editar HTML”.
Localize o seguinte trecho no codgo html do seu blog 
<head>
E logo abaixo disso cole o seguinte codigo:
<style type='text/css'>
.status-msg-wrap{
display:none;
}
.status-msg-body{
display:none;
}
.status-msg-border{
display:none;
}
.status-msg-bg{
display:none;
}
.status-msg-hidden{
display:none;
}
</style>
Salve o modelo e teste para ver se funcione a se não há erros




1 comentários

Como fazer um backup do modelo do blog (copia de segurança)

Muita gente, blogueiros iniciantes e até mesmo veteranos, perdem muito tempo, e até mesmo todo seu trabalho, por não tomar um cuidado muito simples: Salvar um arquivo de backup do estado atual do seu blog.

Sempre que você for efetuar uma mudança no layout do seu blogger (editar o html), é recomentavel que se faça um backup do seu blog. Assim se algo der errado durante as mudanças você pode facilmente voltar o seu blog ao estado anterior a essa mudança, e assim não perder todo o trabalho que você empenhou para deixar seu blog no estado atual.

Veja como é simples evitar esse problema:

Fazendo backup do estado atual do seu modelo:

Acesse o painel de controle do seu blogger. Pode acessa-lo cricando aqui.

No painel de controle, clique em Design. Em seguida selecione a guia “Editar HTML”.

Logo abaixo de: “Fazer backup / Restaurar modelo” basta que você clique no link “Baixar modelo completo”.

 modelo

 

Basta então escolher o local onde deseja salvar o arquivo, (da mesma forma que você faz quando vai baixar qualquer arquivo ou musica da internet).

Após feito o download (que não demora nada mais que alguns seguindos), você pode mudar o nome do arquivo para facilitar sua localização quando precisar.

Pronto, feito isso, você pode fazer as alterações que bem entender no modelo do seu blog, com a garantia de que se algo não sair como você esperava, você pode voltar o modelo ao estado que estava antes das mudanças, sem perda nenhuma.

0 comentários

Como remover a barra do Blogger no topo da página (Navbar)

Quando alguem cria um blog no Blogger/Blogspopt, provavelmente todos devem observar a Navbar, (barra no topo da página)nav

Praticamente todo os criadores de blog prefere removê-la, para dar ao seu blog um ar mais profissional. Remover essa barra é muito simples, basta seguir os passos abaixo:

Acesse o painel de controle do seu blogger. Pode acessa-lo cricando aqui.

No painel de controle, clique em Design. Em seguida selecione a guia “Editar HTML”.

Localize o seguinte trecho no codgo html do seu blog 

]]></b:skin>

Você pode precionar Ctrl + F para localizar esse trecho mais facilmente no codigo.

Cole imediatamente acima desse trecho que você localizou o seguinte codigo:

.navbar {display:none}

Feito isso, clique em “visualizar”, se tudo estiver certo, é só clicar em  “Salvar modelo” e pronto. A barra ja não aparece mais.

Existe outro codigo para fazer isso, porem esse é o unico que não deixa um espaço vazio no lugar da barra no topo da pagina

0 comentários
Assinar: Postagens (Atom)