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