Codigos

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.

28 Novembro 2010

Colocar banner de baixo de todas as postagens

Olá a todos, hoje vou passar um tutorial de como colocar um  banner de baixo de todas as postagens ou qualquer coisa que você quiser que seja em HTML. Vamos para o tutorial.
Faça o login no blogger.
Entra em --->design--->Editar HTMl--->Expandir modelos de widgets--->Busca por(para buscar ‘Ctrl + F’) data:post.body---->Veja a imagem







Comente!

27 Novembro 2010

Colocar efeito neve no blogger

Estamos chegando al final do ano perto do natal e resolvi fazer este post de como colocar um efeito que parece que esta nevando no seu blog. O código é muito simples veja aqui.

<!-- inicio do codigo de neve blogandinho --> 
<script src='http://sites.google.com/site/blogandinho/Home/Codesnowblogandinho.blogspot.com.txt?attredirects=0' type='text/javascript'/> 
<!-- fim do codigo de neve blogandinho –>

Esse código é muito fácil de instalar no blogger veja aqui:
Design--->Editar HTML---> Procura por </body> (Ctrl + F)---> Antes dessa tag você tem que colocar o código.
Não retire os créditos que é do Ferramentas Blog! Agora é só salvar e visualizar para ver se estar como você queria.
Veja aqui o resultado!

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.

• Editar1
• Editar2
• Editar3

Espero que tenham gostado!

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.

Mais informações »

23 Outubro 2010

10 Códigos para a criação de um template para o blogger

Olá a todos estou aqui para passar para você 10 códigos indispensáveis para criar seu template.
Estes 10 códigos aqui são bem básicos mais
muito útil para o seu template.

Mais informações »

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).

Mais informações »

15 Outubro 2010

Colocar contador de seguidores no twitter

Como o twitter agora é tão popular na internet todo mundo que mostrar quantos seguidores ele tem no twitter é claro. Pra isso vamos utilizar o site twitterCounter. 

Mais informações »

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

<!---more--->

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

Mais informações »

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.

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

Mais informações »

05 Outubro 2010

Fazer menu horizontal

Vamos ver como colocar um menu horizontal no seu blog.Então vamos lá.
Entra em Design--->editar HTMl
Procure por:

<div id='header-wrapper'>
</div>

Mais informações »

04 Outubro 2010

Como criar página no blog?

Oi vou mostrar aqui como criar uma página no blog (blogspot) então vamos lá.
Você vai em--->postagens--->editar páginas--->nova página

Mais informações »

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:

Mais informações »

21 Setembro 2010

Alterar cores dos links do blogger

Alterar as cores ou formatar do blogger é bem fácil mais nem tudo mundo sabe. Por isso estou fazendo este tutorial, para muda as cores basta edita o estilo CSS do blogger e pronto todos só links já estarão mudados,mas uma coisa que atrapalha muita gente é o estilo a:visited, isso é o estilo(formatação de texto) dos links já visitados, mas podemos alterar ou mesmo remover isso do blog e assim deixando todos os links iguais.
A formatação dos links funciona da seguinte maneira:

Mais informações »

Como ocultar a NavBar do blogger

Para esconder a barra de navegação do blogger também conhecida como NavBar é muito simples vai ate --->editar HTML  e busca por <head> e cole o código embaixo da tag   <head>  para encontra pressiona Ctrl + F  e vai aparecer um caixa de busca e você só deve colocar oque você quer encontrar nela (<head>)

<!-- Hide Navbar --> <style type='text/css'> #navbar-iframe { height: 0px; visibility: hidden; display: none; } </style> <!-- Hide Navbar --> Leia mais: http://www.compulsivo.com.br/2007/01/esconder-barra-de-navegao-do-blogger.html#ixzz0zsr5ztmz Under Creative Commons License: Attribution Non-Commercial No Derivatives

Código retira do Compulsivo

14 Setembro 2010

Como mudar de template [vídeo aula]

Veja como mudar de template no blogger em vídeo aula modo fácil espero que gostem.
Aqui vou deixar o site para baixar o teplate http://btemplates.com/.

Help Blog Marcas: mudar template, facil, blogger inciante

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!

13 Setembro 2010

Como arredondar bordas via CSS

A melhor forma de arredondar as bordas de qualquer parte do template é fazendo imagens com cantos arredondados, pois fazer isso via código CSS pode dar incompatibilidade em navegadores antigos que não dão suporte a versão 3.0 do CSS.

"Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento [...]"

Texto: Wikipédia

Continue lendo...

Mais informações »