Blog Verde » tutoriais http://blogverde.com Sun, 20 Nov 2011 23:52:26 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Como adicionar um tradutor no seu blog http://blogverde.com/como-adicionar-um-tradutor-no-seu-blog.html http://blogverde.com/como-adicionar-um-tradutor-no-seu-blog.html#comments Tue, 20 Sep 2011 17:46:40 +0000 rslonik http://blogverde.com/?p=635 O Google Translator tem um botão próprio que pode ser usado para traduzir o conteúdo de um site. Além de prático, fica bonito quando usado inline > dropdown only.

Usuários de WordPress podem colocar o código como um simples widget de texto.

Para usuários de Blogger é ainda mais fácil, é só adicionar como widget dos muitos disponíveis.

Para quem faz temas de WordPress ou mesmo sites de empresas, é uma boa pedida colocar este recurso para seus usuários.

]]> http://blogverde.com/como-adicionar-um-tradutor-no-seu-blog.html/feed 0 WP Related Posts com Imagens http://blogverde.com/wp-related-posts-com-imagens.html http://blogverde.com/wp-related-posts-com-imagens.html#comments Thu, 27 Nov 2008 12:31:12 +0000 rslonik http://blogverde.com/?p=315

Quer diminuir a taxa de rejeição do seu blog? Uma das maneiras é chamar a atenção do leitor para o segundo clique após a leitura do artigo. O Related Posts já faz um bom trabalho, mas pode ser melhorado se imagens forem colocadas junto aos links.

Plugin: WordPress RelatedPosts with Thumb ZeoGeek Mambro version

(qualquer problema para descompactar é só renomear para .rar)

Instale no blog e ative. Vá nas configurações do plugin e coloque como quiser.

Atention Please

  • Só funciona com PHP5 (=>).
  • Formato para preencher o tamanho nas opções: 100×80.
  • CHMOD 777 na pasta /picscache/ que fica dentro da pasta do plugin.
  • Marque Auto Insert Related Posts ou use <?php wp_related_posts ();?> no layout.

Vantagens deste plugin

  • Faz tudo automágico;
  • Aceita imagens hosteadas em photobucket e semelhantes;
  • E algumas outras vantagens que esqueci;

Créditos ao cara do blog Mambro que fez possível o funcionamento!

__

PS: Alguém faz um CSS para deste plugin para o Blog Verde?

]]> http://blogverde.com/wp-related-posts-com-imagens.html/feed 3 Como adicionar 3 colunas no footer do seu tema wordpress. http://blogverde.com/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress.html http://blogverde.com/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress.html#comments Fri, 04 Jul 2008 03:53:05 +0000 Daniel http://blogverde.com/2008/07/04/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress/ Este post tem como objetivo explicar, dentre várias maneiras, uma bem simples de adicionar colunas igualmente espaçadas em seu footer.

Você terá a liberdade de acrescentar o que quiser às colunas, leia este excelente post e descubra como é possível melhorar a navegabilidade do seu blog utilizando o footer. Repare que grandes blogs, ao quais posso citar o John e o Darren, utilizam esta parte com informações adicionais aos leitores.

No Brasil, até pouco tempo atrás poucos utilizavam o footer para algo útil, quase sempre apareciam só as considerações finais de tema e copyright. O nM por exemplo passou a utilizar o footer para algo interessante somente com o novo layout, antes aquele espaço era pouco aproveitado…

Vamos lá, primeiro adicione as linhas seguintes ao seu stylesheet:


!--adicionando colunas footer--!
#footercolumns {padding:2em 0 0 10%; }
#footercolumns .block {float:left; width:30%; margin:0 0 0 2.5%; text-align:left;}
#footercolumns .first, * html #footercolumns .first{clear:both; margin:0; text-align:justify;}

Agora copie e cole as linhas seguintes ao seu footer (antes da tag </body>):

<div id="footercolumns">
<div class="inside">
<div class="block first">
<h3>Primeira coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
<div class="block">
<h3>Segunda coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
<div class="block">
<h3>terceira coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
</div>
</div>
<br clear="all" />

O resultado será um footer como este:
footer

]]> http://blogverde.com/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress.html/feed 5 Como criar um "Recomenda este blog/site" http://blogverde.com/como-criar-um-recomenda-este-blogsite.html http://blogverde.com/como-criar-um-recomenda-este-blogsite.html#comments Sun, 01 Jul 2007 12:21:00 +0000 Andersson http://blogverde.com/2007/07/01/como-criar-um-recomenda-este-blogsite/ Para aumentar o tráfego do seu blog é interessantes que os visitantes passem seu link para amigos. Então aí vai um código para criar um banner de indicação, o visitante clica,digita o email do amigo que quer mostrar o blog e pronto.

O código é

Só não esqueça de trocar o “nomedoseublog” pelo nome do seu blog :)

]]> http://blogverde.com/como-criar-um-recomenda-este-blogsite.html/feed 1 Menu dinâmico para o seu blog – Pronto! http://blogverde.com/menu-dinamico-para-o-seu-blog-pronto.html http://blogverde.com/menu-dinamico-para-o-seu-blog-pronto.html#comments Fri, 29 Jun 2007 11:49:00 +0000 Andersson http://blogverde.com/2007/06/29/menu-dinamico-para-o-seu-blog-pronto/ Criei este modelo pronto de menu interativo, é só copiar o código fazer pequenas alterações e usar :)

O menu fica assim:


Quer usar?Então pegue o código abaixo

Então, vamos as alterações.

Procure no código e substitua:

url do seu blog pelo endereço do seu blog

nome do seu blog pelo nome do teu blog

eumail@seuprovedor.com pelo endereço do teu email

C O LO QUE AQUI O ENDE REÇO DO S EU FE ED pelo endereço do teu feed

Pronto, qualquer dúvida avise.

Sugestão de Lucas Machado e Games Mundiais.

]]> http://blogverde.com/menu-dinamico-para-o-seu-blog-pronto.html/feed 0 Novidade no Blogger: Agora enquete é facil de fazer! http://blogverde.com/novidade-no-blogger-agora-enquete-e-facil-de-fazer.html http://blogverde.com/novidade-no-blogger-agora-enquete-e-facil-de-fazer.html#comments Thu, 28 Jun 2007 13:15:00 +0000 Andersson http://blogverde.com/2007/06/28/novidade-no-blogger-agora-enquete-e-facil-de-fazer/ O Blogger In Draft divulgou que agora temos a opção de colocar enquetes no blog com muita facilidade!

Então, quer aprender como colocar enquete no blog?

1º Passo é entrar em https://draft.blogger.com/draft e fazer o login com sua conta blogger.

2º Passo é selecionar Layout do blog que você quer adicionar a enquete.


3º Passo é clicar em Adicionar um elemento de página.

4º Passo é clicar em Adicionar ao Blog, que se encontra logo abaixo de ENQUETE.

5º Passo é configurar tua enquete, na imagem abaixo a pergunta é “Qual é o teu nome?” as alternativas são: “João”,”Maria”,”Pedro”,”Paulo”, abaixo você determina até quando poderão votar na tua enquete.


6º Passo é clicar em SALVAR e ver como ficou a enquete :)

]]> http://blogverde.com/novidade-no-blogger-agora-enquete-e-facil-de-fazer.html/feed 1 Click Comments – A salvação ! Como usar o Click Comments http://blogverde.com/click-comments-a-salvacao-como-usar-o-click-comments.html http://blogverde.com/click-comments-a-salvacao-como-usar-o-click-comments.html#comments Sat, 23 Jun 2007 19:13:00 +0000 Andersson http://blogverde.com/2007/06/23/click-comments-a-salvacao-como-usar-o-click-comments/ Para quem recebe bastante comentário como “Legal”, “Gostei do blog”,”que post ruim” e não gosta desses comentários existe um serviço que disponibiliza alguns icones abaixo de cada post para o leitor dar sua opinião, é só ele clicar. Tem opções como “Legal”, “Brilhante”. É bom também para os comentaristas sem criatividades.

Primeiro passo, entre no site http://www.postreach.com/static/clickcomments

Agora preencha o quadro ao lado assim:

  • BLOG URL: Endereço do teu blog
  • Category: Categoria do teu blog
  • Language: Idioma do seu blog
  • Email Adress: seu email (não é nescessário preencher isso)

    • Agora clique em Get Click Coments.

    Na próxima tela você deverá clicar em ADD TO YOUR Blogger.com BLOG.


    Agora a próxima tela poderá ser o login do blogger, faça o login e clique em ADICIONAR WIDGET

    Pronto, olha teu blog que deverá estar com o Click comments instalado.

    ]]>     http://blogverde.com/click-comments-a-salvacao-como-usar-o-click-comments.html/feed 3     Como criar seu podcast? – Crie seu podcast em 5 passos. http://blogverde.com/como-criar-seu-podcast-crie-seu-podcast-em-5-passos.html http://blogverde.com/como-criar-seu-podcast-crie-seu-podcast-em-5-passos.html#comments Wed, 20 Jun 2007 11:51:00 +0000 Andersson http://blogverde.com/2007/06/20/como-criar-seu-podcast-crie-seu-podcast-em-5-passos/

    Primeiro- Não sabe o que é podcast?Então clica aqui.

    Segundo- Em qual programa criar seu podcast? Aqui tem uma série de opções.

    Terceiro – Agora seu podcast está gravado mas ficou muito sem graça, então veja aqui alguns efeitos sonoros e vinhetas para o seu podcast.

    Quarto – O que eu vou fazer com os efeitos e vinhetas? Ah! Você pode escolher algum programa aqui para editar o seu podcast inserindo os efeitos.

    Quinto – Onde eu hospedo meu podcast? Pode ser aqui, aqui ou aqui.

    =Boa sorte!=

    ]]>     http://blogverde.com/como-criar-seu-podcast-crie-seu-podcast-em-5-passos.html/feed 1     Como coloco colocar favicon no meu blog http://blogverde.com/como-coloco-colocar-favicon-no-meu-blog.html http://blogverde.com/como-coloco-colocar-favicon-no-meu-blog.html#comments Thu, 14 Jun 2007 22:15:00 +0000 Andersson http://blogverde.com/2007/06/14/como-coloco-colocar-favicon-no-meu-blog/ Favicon é um ícone que aparece ao lado do endereço de um site ou blog na barra de navegação . Se você não entendeu, aí vai o exemplo do orkut, que possui favicon:

    “Como faço para colocar um favicon no meu blog?”

    Bem, você precisa de “upar” um arquivo de imagem em .PNG, para fazer a conversão automática para .ICO, que é o arquivo de ícone.

    http://www.convertico.com/

    Clique no link do convertico, selecione a opção “Upload a PNG or ICO file”, após o envio da imagem ao servidor, clique com o botão direito do mouse na opção “
    Click here to Download”, e copie o endereço do link (que é o arquivo .ico hospedado)

    Após fazer a conversão da imagem, você deve colocar o código abaixo entre as tags “head” e “/head” do seu blog.


    Pronto! Seu blog possui favicon!

    ]]>
     http://blogverde.com/como-coloco-colocar-favicon-no-meu-blog.html/feed 18     Como inserir colocar um formulário de contato no meu blog http://blogverde.com/como-inserir-colocar-um-formulario-de-contato-no-meu-blog.html http://blogverde.com/como-inserir-colocar-um-formulario-de-contato-no-meu-blog.html#comments Mon, 11 Jun 2007 23:46:00 +0000 Andersson http://blogverde.com/2007/06/11/como-inserir-colocar-um-formulario-de-contato-no-meu-blog/ Você, que quer interagir com os leitores do seu blog, nada mais original que ter um formulário de contato no seu blog!
    Se você não sabe o que é isso, são campos de preenchimento para envio de qualquer mensagem para o e-mail do administrador(es) de algum site ou blog. É mais ou menos aqueles formulários de papel.
    Desde que eu usava o blogger, sempre queria uma ferramenta dessas, mas nunca encontrei, há pouco tempo, quando fazia um blog, encontrei o código, fiz umas mudanças e vou postar o link de download para vocês aproveitarem. Nesse arquivo, o formulário pode ser em estilo normal ou em janela pop up!

    Tamanho: Míseros 4,429KB!
    ]]>     http://blogverde.com/como-inserir-colocar-um-formulario-de-contato-no-meu-blog.html/feed 8