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!
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.
03 Dezembro 2010
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.
24 Novembro 2010
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
21 Novembro 2010
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.
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.10 Novembro 2010
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.
Espero que tenham gostado!
08 Novembro 2010
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
NÃO ESQUEÇA DE COMENTAR!
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ódigoAgora 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!
05 Novembro 2010
Como colocar últimos comentários
02 Novembro 2010
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.
Como usar o Bit.ly? Aqui vai um tutorial.
31 Outubro 2010
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.
30 Outubro 2010
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. 26 Outubro 2010
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!
Download20 Outubro 2010
[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!
19 Outubro 2010
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.
17 Outubro 2010
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).
13 Outubro 2010
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
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.
12 Outubro 2010
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.
10 Outubro 2010
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)
03 Outubro 2010
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:
14 Setembro 2010
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;)
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!
<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.
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 ;)
Mais informações »
Para colocar um botão de retweet no blog é mais fácil que você pensa!
Primeiro de tudo você tem que ter um twitter claro.
Antes de começar salva o seu template no seu computador. Para se acontece algo de errado você posa ta voltando com ele ao normal.
Chega de conversa e vamos começa!
Vai ate;
Design---> Editar HTML--->Expandir modelos de widgets---> Busca por esse trecho: <data:post.body/>
E coloca esse códigos depois:)
<div style='float:right;margin-right:10px'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'> </script>
</div>
A linha <div style=”float:right;margin-right:10px”> faz que o botão fique no canto direito se quiser do lado esquerdo é só trocar duas palavras right por left.
/ B --
/ C --
/ D --
/ E --
/ F - adicionar um amigo à sua lista de contactos para ID (1)
/ G - o escalão mais baixo em todo o convidado do chat (requer GUESTSELF)
/ H - mudo o bate-papo (requer HUSH)
/ I informações - sobre o seu bate-papo
/ J --
/ K --
/ L --
/ H, a bordo de um mod por um tempo limitado (requer TEMPMOD) (1)
/ N - punir um mod (requer SINBIN)
- ou alterar a cor padrão e estilo de smilies amarelo
/ P - para proteger o chat (1)
/ Q --
/ R --
/ S - alterar a mensagem de rolagem de bate-papo (1)
/ T - ignorá-la com um beijo livre (requer TTTH).
/ U --
/ V --
/ W --
/ X --
/ Y --
/ Z --
Colocar botão retweet no blog modo facil
Primeiro de tudo você tem que ter um twitter claro.
Antes de começar salva o seu template no seu computador. Para se acontece algo de errado você posa ta voltando com ele ao normal.
Chega de conversa e vamos começa!
Vai ate;
Design---> Editar HTML--->Expandir modelos de widgets---> Busca por esse trecho: <data:post.body/>
E coloca esse códigos depois:)
<div style='float:right;margin-right:10px'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'> </script>
</div>
A linha <div style=”float:right;margin-right:10px”> faz que o botão fique no canto direito se quiser do lado esquerdo é só trocar duas palavras right por left.
01 Setembro 2010
Personalizar gadgets do Blog
Esse tutorial vai mostrar como é simples formatar o texto dos links dos marcadores do blog e isso pode ser utilizado para formatar qualquer gadget do seu blogger, pois o modo de fazer é o mesmo e funcionará bem em qualquer texto que esteja dentro de um gadget.
Primeiro vamos entrar na pagina editar HTML e procurar pelos marcadores do blog, aperte ctrl+F no seu teclado que aparecerá uma caixa para procurar texto na pagina, então digite o título dos seus marcadores em nosso caso utilizamos o título guia rápido.
Então encontramos a linha:
<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'/>
O que procuramos aqui é a id do gadget, no caso é label1 que está logo no começo widget id='Label1', então deve ver e usar como está nos marcadores do seu blog.
Depois role o código html até o começo de antes de body{....} coloque esse código:
#Label1 a{text-indent:15px;letter-spacing: 1px;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left;padding-left:15px}
#Label1 a:hover{letter-spacing: normal; font-weight: bold;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left}
Aqui você poderá escolher qualquer formatação de texto, imagem de fundo(veja que no código tem endereço da imagem, então coloque uma ou apague aquele trecho), além disso podemos colocar bordas, ou seja, poderá deixar com a aparência que desejar (veja nossa postagem sobre fazer botões). Novamente vamos repetir que neste estilo que acabamos de criar usamos label1 no inicio dele porque é a id dos marcadores de nosso blog, então você usará igual está no seu blog senão não funcionará.
Esse mesmo procedimento serve para formatar o texto de qualquer gadget, basta entrar a id e criar um estilo utilizando o mesmo nome. Mantenha as letras maiúsculas e minúsculas como estão no código do gadget para evitar erros.
Esse tutorial foi feito atendendo alguns pedidos e duvidas sobre como fizemos o nosso menu guia rápido mudando o estilo dos links dos marcadores do blog.
Primeiro vamos entrar na pagina editar HTML e procurar pelos marcadores do blog, aperte ctrl+F no seu teclado que aparecerá uma caixa para procurar texto na pagina, então digite o título dos seus marcadores em nosso caso utilizamos o título guia rápido.
Então encontramos a linha:
<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'/>
O que procuramos aqui é a id do gadget, no caso é label1 que está logo no começo widget id='Label1', então deve ver e usar como está nos marcadores do seu blog.
Depois role o código html até o começo de antes de body{....} coloque esse código:
#Label1 a{text-indent:15px;letter-spacing: 1px;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left;padding-left:15px}
#Label1 a:hover{letter-spacing: normal; font-weight: bold;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left}
Aqui você poderá escolher qualquer formatação de texto, imagem de fundo(veja que no código tem endereço da imagem, então coloque uma ou apague aquele trecho), além disso podemos colocar bordas, ou seja, poderá deixar com a aparência que desejar (veja nossa postagem sobre fazer botões). Novamente vamos repetir que neste estilo que acabamos de criar usamos label1 no inicio dele porque é a id dos marcadores de nosso blog, então você usará igual está no seu blog senão não funcionará.
Esse mesmo procedimento serve para formatar o texto de qualquer gadget, basta entrar a id e criar um estilo utilizando o mesmo nome. Mantenha as letras maiúsculas e minúsculas como estão no código do gadget para evitar erros.
Esse tutorial foi feito atendendo alguns pedidos e duvidas sobre como fizemos o nosso menu guia rápido mudando o estilo dos links dos marcadores do blog.
Codigos XAT
/ A --/ B --
/ C --
/ D --
/ E --
/ F - adicionar um amigo à sua lista de contactos para ID (1)
/ G - o escalão mais baixo em todo o convidado do chat (requer GUESTSELF)
/ H - mudo o bate-papo (requer HUSH)
/ I informações - sobre o seu bate-papo
/ J --
/ K --
/ L --
/ H, a bordo de um mod por um tempo limitado (requer TEMPMOD) (1)
/ N - punir um mod (requer SINBIN)
- ou alterar a cor padrão e estilo de smilies amarelo
/ P - para proteger o chat (1)
/ Q --
/ R --
/ S - alterar a mensagem de rolagem de bate-papo (1)
/ T - ignorá-la com um beijo livre (requer TTTH).
/ U --
/ V --
/ W --
/ X --
/ Y --
/ Z --
Comentários