Arquivo | Dicas e Códigos RSS feed for this section

Tradutores

17 jun

Tradutores Conveythis


O site Conveythis, disponibliza execlentes tradutores e você pode escolher e customiza-los nos idiomas que quiser. O melhor é que ele é leve, e eficiente. Quando passamos o mouse em cima da caixinha, abre uma janelinha para escolher o idioma a ser traduzido.
Se quiser instalar um desses em seu blog,vá até a página de Customização do Tradutor.

Google Translate

Copie o código abaixo:

function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: ‘pt’ }, ‘google_translate_element’); }

Tradução do idioma Português para outros idiomas

Português – Inglês
Português –
Francês
Português –
Alemão
Português – Italiano
Português –
Português
Português – Russo
Português – Espanhol

Tradutor 2

.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; }

English
French
German
Spain
Italian
Dutch

Russian
Portuguese
Japanese
Korean
Arabic
Chinese Simplified

By Ferramentas Blog

Para instalar qualquer um destes Tradutores, vá até ‘design’ → Clique em ‘Adicionar gadget’→ Escolha tipo ‘HTML/Javascript’ e cole o código do tradutor que você escolheu.

Fonte:mundo blogger

Aprenda a criar temas personalizados no Gmail

5 maio
Nível: Básico
Recursos Necessários: Conta no Gmail
Número de Passos: 7
Se você já está cansado do plano de fundo de sua caixa de entrada do Gmail e não quer mais utilizar os temas disponíveis, saiba que é possível criar o seu próprio tema e incluir imagens das coisas que você mais gosta. Além de personalizar o plano de fundo da tela inicial do e-mail, você também pode definir as cores de todos os links e textos. Veja como fazer isso nos passos a seguir.
Passo 1. Acesse sua conta do Gmail normalmente e clique na opção “Configurações”, localizada logo ao lado do seu login, à direita na parte superior da página.
Passo 2. O Gmail abrirá uma página com diversas opções de configuração. Escolha a aba Temas, a penúltima disponível.
Passo 3. Ao fazer isso serão mostrados todos os temas disponibilizados pelo Google. Na última delas está escrito “Criar Seu Tema”. É ali que você deve clicar.
Criando temas no Gmail (Foto: Reprodução)Criando temas no Gmail (Foto: Reprodução)
Passo 4. Será mostrada uma tela a ser personalizada com as cores que você deseja. Estão destacadas nesta tela diversas palavras indicando “Texto” e “Links” para exemplificar os endereços de e-mails recebidos, mensagens enviadas, o título, além de links diversos, como caixa de entrada e bate papo.
Para mudar a cor de cada um desses espaços, basta clicar duas vezes sobre a palavra e selecionar entre as cores mostradas na tela. Caso nenhuma delas lhe agrade, clique em +, abaixo da paleta de cores, e encontre uma nova tonalidade. Em seguida é só clicar em “Aplicar”.
Passo 5. Depois de definir todas as cores, passe o mouse sobre o canto esquerdo da tela até que apareça uma pequena seta. Clique sobre ela para escolher a foto que ilustrará o plano de fundo e também para fazer os ajustes necessários.
Passo 6. Clique em “Selecionar” e escolha uma foto do seu álbum do Picasa, imagens da internet ou fotos que você guarde no seu computador. Se este for o caso, basta clicar em “Upload Photos” para escolher. Depois de selecionada, clique em “Select”.
Passo 7. Alinhe a imagem na tela e defina onde ela será dividida para sua exibição. Faça esses ajustes e clique em “Salvar”, no canto inferior direito da página.
Pronto! Agora você pode sair da tela de configurações e conferir como ficou o seu tema personalizado. Mas se depois de criar um tema totalmente novo você descobriu que não é exatamente isso o que você tinha em mente, fique de olho nos novos temas que o Gmail lança de tempos em tempos. Sempre há uma novidade que pode lhe agradar. Nesse caso, basta selecionar o escolhido.

Fonte: Tech Tudo

Formulário para blog

20 mar

este site voce pode criar seu formulario do jeitinho que quiser para instalar em seu blog.

Não é dificil, basta entrar no site (a imagem abaixo é do site):

CRIAR UM LOGIN E SENHA, ELES VÃO MANDAR UM EMAIL DE CONFIRMAÇÃO, VOCE PRECISA IR AO SEU EMAIL CLICAR NO LINK QUE DIRECIONARÁ AO SITE NOVAMENTE CONFIRMADO SEU CADASTRO.

DEPOIS É SÓ CRIAR SEU FORMULARIO DO JEITO QUE QUISER.

QQ DÚVIDA É SÓ ME FALAR.

Botões AddThis

14 mar

Você também pode personalizar os ícones, criando a sua própria caixa de ícones personalizados.


1º passo: Você deve escolher a opção de local mais adequado para instalar o código.
Eu recomendo que você instale na linha do Rodapé do post.

Após escolher o local para instalação, cole este código:

Lembre-se que no código acima, onde está “SEU-USERNAME” é o seu nome de usuário, aquele que você cadastrou no site, e você deve incluí-lo no código.
Caso você não tenha configurado a opção para receber as estatísticas de compartilhamento por email, basta apagar o trecho que está destacado na cor azul.

Fonte: http://www.mundoblogger.blogspot.com

Balão com número de comentários

22 jan

– Entrar em Layout, mancar expandir modelos de widgets;

– Procurar pela linha (digite Ctrl+F) <b:if cond=’data:post.title’>

– Sob essa linha, cole o código abaixo:

<span class=’numComments’><b:if cond=’data:post.allowComments’><a expr:href=’data:post.addCommentUrl’><data:post.numComments/></a></b:if></span>

Em seguida, apliquei estilos à nova “class”.

Obs.: Hospede uma imagem como a que usei num site e copie o link. Uma sugestão é buscar um ícone no Iconspédia.

– Procure por /* Comments e abaixo cole o código:

Código fornecido pela Rô:

.numComments {
background: transparent url(http://endereço da imagem) no-repeat top right;
float:right; /* flutua o balão à direita */
text-align: center;
margin: -10px 23px 20px 0px; /* coloque as medidas de acordo com seu template */
padding: 8px 0 0 0; /* padding para imagem de 50px por 50px */
font-size: 150%; /* fonte para imagem 50 x 50 */
width: 50px; /* largura da imagem */
height:50px; /* altura da imagem */
font-family: Georgia, Sans-serif; /* fonte para o número */
}
.numComments a:link{
color: #f8f8f8; /* cor do número para link ativo */
}
.numComments a:visited{
color: #ff6600; /* cor do número para link visitado */
text-decoration:none;
}
.numComments a:hover{
color: #ff6600; /* cor do número com mouse-sobre */
}

Código que estou usando:

.numComments {
background: transparent url(http://dl.getdropbox.com/u/664055/Template%20-%20M%C3%ADnima/Chat_48.png) no-repeat top right;
float:right; /* flutua o balão à direita */
text-align: center;
margin: -10px 23px 20px 0px; /* coloque as medidas de acordo com seu template */
padding: 8px 0 0 0; /* padding para imagem de 50px por 50px */
font-size: 150%; /* fonte para imagem 50 x 50 */
width: 50px; /* largura da imagem */
height:50px; /* altura da imagem */
font-family: Georgia, Sans-serif; /* fonte para o número */
}
.numComments a:link{
color: #f8f8f8; /* cor do número para link ativo */
}
.numComments a:visited{
color: #f8f8f8; /* cor do número para link visitado */
text-decoration:none;
}

Obs.: preferi alterar o código deixando-o como está acima. Assim, o número fica sempre branco, mesmo quando o mouse está sobre ele. Se quiser uma outra cor, use o site Color Combos.
Não se esqueça ainda de dimensionar corretamente a imagem.

– Mesmo fazendo tudo isso, a indicação do número de comentários permanece abaixo da postagem. Para retirá-la, elimine o trecho abaixo:

<span class=’post-comment-link’><b:if cond=’data:blog.pageType != “item”‘><b:if cond=’data:post.allowComments’><a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><b:if cond=’data:post.numComments == 1′>1 Comentário><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

É isso. Não deixe de visitar o blog onde está o tutorial, mas como todos sabem, a Rô, agora, escreve no Bloggersphera.

FONTE: http://www.blogdobauru.com.br

Como receber notificação por email das mensagens enviadas pelo formulário?

15 dez
  Observem abaixo:

  • Estando no formulário, clique sobre o menu Ferramentas;
  • Agora clique em Regras de notificação;
  • Agora marque as opções Um usuário enviou um formulário e E-mail – imediatamente;
  • logo em seguida clique em Salvar;
  • Clique em Concluído.
Pronto! Agora toda vez que alguém enviar alguma mensagem pelo formulário de contato, você será notificado.

Adicionando elementos de página no Blogger

14 dez

Clique em Gadget e escolha um dos que estão disponíveis. Nesse primeiro momento vou começar colocando um contador de visitas no blog, afinal de contas  o que adianta construir um blog e não saber se tem alguém visitando ele não é mesmo? Vou utilizar para isso o Histats.com. Se ainda não conhece confira no GF Soluções um tutorial bem simples de utilização desse serviço de estatísticas.

Como o contador possui o código em html vou utilizar o Gadget html/javascript. Na caixa que se abre eu vou colar o código copiado do Histats, dar um título para o Gadget (estatísticas) e pronto basta salvar e conferir o resultado no blog.

Agora com licença que vou colocar outros Gadgets no blog. Aproveite para fazer o mesmo e depois comece a escrever pois a sua estrutura já está pronta. Nos próximos posts estarei falando sobre Feeds, redes sociais de divulgação de posts e muito mais. Até a próxima.

Fonte:http://www.querocriarumblog.com.br

Blogger: Como saber quantas visitas meu artigo tem?

14 dez
Possuo blogs na plataforma wordpress  e uma das funcionalidades que sinto falta no Blogger é ter o controle de quantos acessos meus artigos (de maneira individual) estão tendo. Dessa maneira posso ter uma estatística precisa de que tipo de artigo agrada mais a meus visitantes. Claro que posso utilizar o Google Analytics ou outra ferramenta para esse fim, mas nada como ter essa informação  a mão, ou melhor, aos olhos não é mesmo?

Best Blogger Widgets criou um widget que mostrará em seus artigos, como na imagem acima, um contador de visitas por artigo. Se você quer aprender como colocar no seu pode visitar o artigo original (em inglês).

Mais de 300 fontes Free!!!!!!!

14 dez


Acompanhe as estatísticas do seu blog

14 dez
Blogueiros costumam ser obcecados por estatísticas, afinal escrevemos para sermos lidos, né? Existem diversas formas de analisarmos o impacto do nosso trabalho na web e uma delas é usar um contador de visitantes no blog.
Selecionei alguns serviços que medem a quantidade de acessos a blogs e sites, testei um por um e coloquei minhas impressões. Dá pra se divertir.
Antes de começarmos, é importante entender alguns termos utilizados:

  • visitantes únicos (visitors) – visitantes contados apenas uma vez
  • visitantes totais (visits): todos os visitantes (com e sem retorno)
  • exibições de páginas (pageviews): número de páginas vistas por todos os visitantes
  • referências (referrers): de onde partiram as visitas
Maiores detalhes podem ser obtidos no glossário do GoogLe Analytics.
Todos os serviços fornecem um código para ser colocado nos elementos de página do layout (adicionar gadget > html/javascript). Dica: teste todos e escolha os seus.

http://www.trendcounter.com/

Nesse site não é necessário fazer cadastro. Basta configurar o ícone a ser utilizado no blog (veja na figura abaixo), copiar o código e colar na sidebar. Para acompanhar os dados, é só clicar sobre o ícone já instalado no seu blog. A desvantagem é que as estatísticas ficam visíveis a todos e isso nem sempre é legal 😉
configuração do ícone demonstração

http://www.histats.com/

Um dos mais completos serviços de análise estatística. Possui diversos botões para inserirmos no blog (alguns de gosto duvidoso) e permite esconder os dados e até mesmo o botão. Pra isso, basta escolher a opção invisible.
estatísticas do dicas blogger ícones do histats

http://www.statcounter.com/

Simples, porém eficiente. Necessita de cadastro e possui poucos ícones/botões. Notei uma diferença, pra menos, de até 40 % se comparado ao Woopra e de 20 % se comparado ao Google Analytics, mesmo assim vale o teste.
StatCounter visitantes do Dicas Blogger botões do statcounter

http://www.woopra.com/

Este é o meu favorito, pois  permite monitorar as estatísticas em tempo real e até bater um papo com os visitantes. É necessário realizar um cadastro e aguardar a aprovação, que pode demorar até 15 dias para acontecer. Você pode optar por acompanhar as visitas pelo site ou baixar o programa no seu computador. A segunda opção é a melhor. Outro detalhe importante do Woopra: ele é generoso e fornece dados mais robustos do que todos os outros, chegando a dar cerca de 20 % a mais de visitas e pageviews do que o Google Analytics. Obrigatório.
woopra dados estatísticos do DB woopra painel de controle

http://www.sitemeter.com/
Simples, completo e fácil de usar. Necessita de cadastro.

demonstrativo  Sitemeter - demonstrativo

https://www.google.com/analytics/

Este é o contador de visitantes da empresa Google. Sem sombra de dúvidas é o mais completo. Necessita de um cadastro que pode ser feito com a própria conta do blog e depois é só inserir o código, que no dia seguinte as visitas começam a ser contabilizadas. É o único que oferece o serviço em português.
Google Analytics - pageviews do DB Google Analytics -fontes de tráfego do DB
Este é um post apenas indicativo, já que seria inviável pra fazer um tutorial para cada um. Aqui no Dicas Blogger você encontrará um post sobre o Google Analytics, sobre o Woopra e uma análise mais antiga de outros serviços de estatísticas.
image
Poderosíssimo serviço de web analytics, um dos mais completos que já vi. Gratuito para sites com até 3.000 pageviwes diárias. Maiores detalhes aqui.
ATUALIZAÇÕES: Em outubro de 2009, o Woopra passou a ser pago para sites com mais de 30.000 pvs/mês – O Woopra deixa de ser beta e será pago
Tutoriais sobre o Google Analytics: