Como tirar barra de navegação de blogger

Agora que tem muita gente usando a nova ferramenta do blogger. Para quem não sabe de que eu estou falando é a ferramenta de fazer seu próprio template no blogger. :O Mais quando você salva esse template fica aquela barra de navegação do blogger lá encima.

Vomos ver como tirar essa barra!

É bem fácil, entre na sua conta vá até configurações, Modelo, Editar Html
procure pela linha
#header-wrapper
e cole o código logo acima


#navbar {
display:none;
margin:0;
padding:0;
}


salve o modelo e pronto, a mágica foi feita.

Colocar tradutor no blogger

Para colocar um tradutor no seu blog, como o que eu tenho aqui, copie o código abaixo, vá em Modelo->Inserir Elemento de Página-> e escolha HTML/JavaScript e cole o código, salvando.

<center><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/></center>
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="PT" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;" name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português - Francês
<option value="DE"/>Português - Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português - Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://ENDEREÇO DO SE BLOG.blogspot.com/" name="wl_url" type="hidden"/>
<input style="font-size: 70%; width: 50px;" value="Traduza" type="submit"/>
</form>

A imagem está hospedada no ImageShack, mas é recomendável criar sua própria hospedagem.

Seja avisado no twitter toda vez que seu Page Rank for aumentado

Pois é pessoal é possível ver quando seu page rank é atualizado pelo twitter.Essa ferramenta foi criada pelo site Portal WP

para você fazer um teste aqui esta o link da pagina http://www.portalwp.com.br/ferramentas/alerta-de-pagerank.

É só fazer seu “cadastro” é muito simples nao tem nem um segredo!

Nao esqueça de seguir helpblogs

Colocar estatísticas do blog em um gadget

Oi pessoal depois de um bom tempo sem postar aqui no blog resolvi voltar com um post bem simples mais nao inútil.

Para adiciona um gadget no blog você vai em Design--->Elementos de página--->Adicionar um gadget.

Depois disso vai abrir um caixa aqui você escolhe essa opção.

Menu animado para blogger

Como eu guardo todos os códigos que eu uso o já usei, estava passando pelo meu computador e vi esse menu bastante interessante  e resolvi colocar aqui para você também poder usar.

O código é bastante simples:)

<style>

#filmes {

width: 200px;


margin: 1px;


}

#filmes li a {

voice-family: "\"}\"";


voice-family: inherit;


height: 20px;


text-decoration: none;


}

#filmes li a:link, #filmes li a:visited {

color: #ffffff;
display: block;


background:  url(http://img512.imageshack.us/img512/6848/menujf.png);


padding: 3px 0 0 10px;


}

#filmes li a:hover {

color: #cccccc;
background: url(http://i35.tinypic.com/30ii461.gif); 0 -32px;


padding: 3px 0 0 10px;


}</style>

<div id="filmes">

  <ul>


   <li><a href="Seu link aqui" target="_self">Editar1</a> </li>

    <li><a href="Seu link aqui" target="_self">Editar2</a> </li>

    <li><a href="Seu link aqui" target="_self">Editar3</a> </li>
  </ul>


</div>

Agora é só explicar o código!

• Onde está em cinza é a cor da fonte o do menu.
• Onde está em vermelho é a imagem do menu
• E onde está em verde é o “conteúdo do menu” onde colocar editar1 você coloca oque você quiser, e onde está seu link você coloca o link da pagina.

Veja como vai ficar o menu.

• Editar1
• Editar2
• Editar3

Espero que tenham gostado!

Colocar postagem relaciona do blogger

Hoje vou passar uma maneira de que seus visitantes ficam mais tempo no seu site.Mais como faço isso?

Colocando mais postagens relacionas em baixa da post que o seu leitor esta lendo. Um exemplo é o Youtube (são os vídeos relacionados).

Então sem mais bla bla bla vamos ou tutorial!

Para essa ferramentas vamos usar o site LinkWithin,Quando você já estiver dentro do site você vai na caixa que está no meio só site e preenche o formulário.

Depois é só clicar em Get Widget!

Vai aparecer outra pagina com um código HTML, esse código você vai colocar em seu template.

Copie o código

 

Agora você vai fazer login no painel do Blogger--->Design--->Editar HTML e vai buscar por (Ctrl + F) <data:post.body/> (Expandir modelos de widgets)

Depois de encontrar essa linha é só colocar EMBAIXO DELE e já esta tudo certo.

NÃO ESQUEÇA DE COMENTAR!

Como colocar últimos comentários

Veja como ver que foi os últimos que comentou no seu blog.Mais porque eu quero ver isso? Por muitas razões,

por SEO, por tática e para ter mais comentários!  Veja +

Veja como encurta sua URL

Muita gente usa twitter nao usa? No twitter você só tem 140 caracteres, imagina se você tem um  link (URL) gigante exemplo: http://helpblogss.blogspot.com/2010/10/colocar-caixa-de-busca-no-blogger.html e você também tem um texto para acompanha-ló. Ai nao vai caber no twitter, ai que entra o encurtador de link (URL). Vou deixar algumas links para ajudar vocês.

• Bit.ly
• Migre.me
• TinyURL
• Notlong
• Is.gd
• http://tr.im

Como usar o Bit.ly? Aqui vai um tutorial.

Colocar caixa de busca no blogger

Vou mostrar como colocar uma caixa de busca no blogger. Oque é uma caixa de busca no blogger? É aquela coisa que você usa para buscar coisa no blogger  então vou mostrar como coloca ela!

Para começar tem 2 jeitos de como colocar pelo forma que nos da o painel do blogger e por um código, eu vou mostra do jeito mais fácil pelo painel do blogger.

Colocar botão personalizado para seguir no blog

 

Vamos fazer um botão personalizado para ser um seguido do blogger (google friend connect). Nesse botão pode ser um link ou uma imagem, mais eu não vou entrar em detalhes de como fazer sua imagem. Para fazer esse botão são duas partes fazer a imagem e o link da imagem. Como eu já disse nao vou mostrar como fazer a imagem.

Template editável 001

Termos do template: CONDIÇÕES LEGAIS DE USO.
Modelo do autor: DézinhoH
Formato do arquivo: .XML
Tamanho do arquivo: 39 KB
Ultima Atualização: 16/09/2010
Descrição: Template preto de 3 colunas e um topo e um roda pé com menu horizontal e uma caixa de bus bem embaixo!

     Download

[Vídeo] Coloca Feed flutuante no blog

Oi vou passar uma vídeo aula de como colocar um Feed flutuante no blogger.

Veja como nessa vídeo aula!

Como colocar contador de usuários online no blog

Estava passando por um blog na internet e vi um contador que conta os usuários online eu ate já conheço mais queria passar para o para você como colocar ele no seu blog!

Primero passo é entrar no site que é esse aqui http://whos.amung.us/

Quando você entrar lá você vai ver lá no topo esse menu   você vai clicar em lhe original porque aqui vou mostrar como colocar o contador original.Depois de clicar lá você vai no final da pagina e clica em    linea de widgets. Depois disso você vai escolher o primeiro (você pode escolher qualquer um mais o objetivo desse tutorial é colocar o original). .Depois de clicar nele vai aparecer um código mais em baixo.  Voce deve copiar esse codigo e colocar no seu blog.Veja as imagens a seguir para ver como colocar ele.(recomendado para os iniciantes)

Design--->elementos de pagina—> 

Espero ter ajudado.

Colocar top comentários no blog

Estava buscando na internet hoje um jeito de como colocar as 10 pessoas que mais comentaram no seu blog. Depois de muito tempo buscando encontrei! E vou passar o resultado aqui para você.

É só colocar esse código onde você quiser no seu blog (em um gadget).

Como colocar 'leia mais' no blog?

Vou mostrar como colocar aquele trecho lei mais no blog e se você clique nele aparece toda a postagem.

Faça login no blogger e faça sua postagem depois que você tiver feito sua postagem escolha a parte que você quer que seja alterada.
O código é muito simples veja

<!---more--->

Mais se você nao quiser memorizar  <!---more--->  no próprio blogger tem a opção leia mais.

Como colocar avatar nos comentários do blog

Avatar é a imagem que fica do lado dos comentários.Todos que comentar no seu blog vai aparecer seu avatar.

Então vamos ver como se fás isso.

• Primeiro de tudo você tem que ver se a opção  Mostrar imagens de perfil nos comentários? esta ativada
• Se esta opção esta ativada e nao apareceu a imagem você  tem que trocar o código do template.

Vá em "Design" - "Editar HTML" , marque a opção "Expandir modelos de widgets"e  procure por esse trecho:

Template super rápido

Oi depois de um tempão sem postar aqui no blog voltei com uma grande novidade TEMPLATES.Agora vou postar também um pouco de template mais nao vai ser todo o dia uma vês por semana ou ate menos.

Esse template eu encontrei ele ele no Códigos Blog.

O que ele tem?
- Retirada da navbar
- Formulário de comentários embutido
- Corrigido Bug "1 ComentárioS", "2 comentários"...
- Menu Horizontal com edição de links via elementos da página
- Citações com destaque (blockquote)
- Título do blog com opção para o tipo texto ou imagem
- Local para avatar nos comentários
- Área dos comentários personalizado

A instalação e modificação é bastante simples! Basta abrir o arquivo TXT que está inclusa no arquivo para download.

 

---DEMO

-----DOWNLOAD(.rar)

Como colocar emoticons nos comentários do blogger

Vamos mostrar como colocar emoticons nos comentários do blogger. Mais para os emoticons aparecer os comentários devem estar incorporados na postagem.

Para ativar isso entre em configurações > comentários, procure por Posição do formulário de comentários e escolha a opção: Postagem abaixo incorporada.
Agora de que já esta tudo certo vamos em Design--->Editar HTML--->Expandir modelos de widgets.
Você tem que procurar por: data:blogCommentMessage
E logo embaixo cole esse código:

Como colocar favicon no seu blog

Muita gente sabe colocar no seu blog e também muita gente não sabe como colocar no seu blog.Então hoje vou mostrar um gente muito fácil de como colocar um favicon no seu blog.Veja o código;)

<link rel="icon" href="/favicon.gif" type="image/gif" />

Vou esplicar o códigos. Onde ta /favicon.gif   você pode colocar sua imagem lembrando que a imagem de um favicon é de 16x16 px.
Vai ate Design--->editar html---> CTRL + F---> busca por:::  ]]></b:skin> ---> em baixo voce coloca o codigo.
Favicon de outros sites.

Clik na imagen para aumentar!










Não esqueça de comentar!

Mostrar links de todas as postagens no blogger

Veja como mostrar o titulo e link de todas as pastagens do seu blog  é muito fácil.Mais porque eu vou fazer isso? Para que seu visitante possa ver mais pastagens sua e se ele gostar de alguns post ele pode ate voltar no seu blog!
Veja como fazer ;)