Dicas para seu blog que você só encontra aqui!

em 23 de março de 2010

Eita exagero!

parceria Vamos de códigos, para deixar seu blog lindo, prático e funcional?

 

1- Tradutor: já pensou no que aconteceria se um leitor de outro país aparece em seu blog? Se ele não for um brasileiro que vive no exterior ele jamais voltará pois sem este tradutor não teria como ler seus posts! Mas seus problemas siacabaram!

Este código coloca em seu blog mais de 40 opções de idiomas. Não polui o layout e não pesa no template pois é criação recente do próprio Google.

Tecnologia do Traduzir

Eis o código:

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'pt'
  }, 'google_translate_element');
}
</script><script src="
http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Não pule nenhum sinal, tá? Copie e cole em uma página Html/javascript.

 

2- Seus leitores dizem que sua fonte de texto é muito grande? Ou muito pequena? Não dá para contentar todo mundo, né?

Não dava. Porque agora você insere este código em seu blog e o leitor decide qual tamanho e qual  fonte ele prefere: faça o teste em seu blog!

O código é este:

<script>
function go1(){if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none"){document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value}}

function go2(){if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none"){document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value}}

</script>

<form id="forma" name="selecter2" method="POST">
<select onchange="go2()" style="font-family:Arial;font-size:10pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option value="Trebuchet Ms"/>Trebuchet Ms
<option selected value="Verdana"/>Verdana
</select>

<select onchange="go1()" style="font-family:Arial;font-size:10pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select>
</form>

Como em todo código Html basta copiar corretamente e colar em uma página html/javascript. Sugiro colocar bem no começo da página, tá?

 

3- Quer mostrar os banners dos blogs que você visita, ou os banners das promoções que você participa mas são tantos que se colocar todos seu blog não terá mais espaço para nada? Você já sabe: seus problemas siacabaram!

Este código logo aí abaixo faz uma mágica: permite que os banners rolem para cima(up) ou para baixo(down), conforme você quiser!

Faça assim: copie o código e cole em uma página Html/Javascript. Faça os ajustes necessários, ou seja, coloque os códigos dos banners que você deseja que rolem, clique em Salvar  e tá feito!

Eis o código:

<marquee onmouseout="this.start()" direction="up" on () scrollamount="4" height="300" onmouseover="this.stop()" with="200">
<div align="center">

CÓDIGO DOS BANNERS

</div></marquee>

E para pausar a rolagem basta colocar o mouse sobre a imagem. É muito útil pois poupa espaço na sidebar do blog e não sobrecarrega a página nem polui visualmente.

 

Gostou? Comenta aí.

Afinal,

Seu comentário vale um livro!

z36

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

49 comentários , comente também!

  1. Elaine,
    Amei ! Já vou levar pra o Quem lê.
    Beijos
    Luka.

    ResponderExcluir
  2. Funciona com Wordpress? Provavelmente não né?!
    =/

    ResponderExcluir
  3. Sempre com otimas dicas.

    Mudei o template do blog graças a ti.

    BJos

    ResponderExcluir
  4. Ôba, já coloquei o tradutor no blog, graças a suas dicas Elaine, obrigada pela partilha.

    beijooo.

    ResponderExcluir
  5. Amiga vc sempre dando super dicas, adorei!!
    Beijos.

    ResponderExcluir
  6. adorei as dicas principalemte essa dos banners que rolam.. sempre vejo mas não tinha a minima ideia de como fazer..obrigada.. vc é o máximo..linda noite para ti..beijão

    ResponderExcluir
  7. Que legal essa postagem. Gostei da dica da fonte e da rolagem dos banners.
    O bom que vc explica tudo bem claro e sucinto, mais prático impossível.
    Muito bom.

    ResponderExcluir
  8. Mulher esse seu blog é o melhor rsrs, adoro suas dicas muito bem explicadas.

    Beijo

    ResponderExcluir
  9. Nossa Elaine! Tava com um problema imenso com os pedidos de colocar o link me dos outros blogs no meu (deu prá entender? ficou confuso...). Todo mundo me pede e eu enrolando... imagina colocar a imagem de TODOS os blogs amigos??? Ia ficar uma poluição visual só... mas o povo não entende e acha q é frescura. Vou tentar fazer.
    Bjks

    ResponderExcluir
  10. As dicas acompanhadas desse teu jeitinho sempre são boas. um lindo dia,beijo,chica

    ResponderExcluir
  11. Muito boas as dicas até já coloquei algumas em pratica.Muito obrigado por sempre passar dicas super boas.

    ResponderExcluir
  12. Dicas ótimas Elaine!! Já tenho as bandeirinhas no meu blog e acho que chega até a dar beleza ao mesmo! Preciso só colocar os meus banner em sequência, como você ensinou e vou tentar fazer.
    Uma linda quarta-feira p/você!!
    Beijos

    ResponderExcluir
  13. Oi,
    Adorei as dicas, mais fiquei com uma duvida... ( tambem não entendo quase nada de "html/java" e tantos outros) Como por os codigos do banner, a maioria que tenho é imagem salva no computador.
    Bj........

    ResponderExcluir
  14. Adorei as dicas.

    Bjs!

    **Um ótimo dia para você**

    ResponderExcluir
  15. Até gostei do tradutor...
    Mas sou uma leiga nessa história de blog...
    Só agora consegui fazer o blog ficar do meu jeito e foi pq vc me ajudaou!!!
    Obrigado viu???
    Senti sua falta no Ideias ontem...
    Passa lá para ver como ficou o novo Template!
    Saudades de vc!!!

    bjão

    ResponderExcluir
  16. Elaine,

    Esta dica do tamanho e estilo da fonte me interessou muito, bem prático, acho que vou testar lá no blog.

    Abraços.

    ResponderExcluir
  17. Bom dia Elaine, venho te pedir socorro, talvez vc possa me ajudar, esses dias mudei meu template e a barra de navbar sumiu, e não consigo colocá-la de volta, um sufoco, pra postar uma nova mensagem, mas o curioso, que qdo entro em outro blog a barra está lá, o que será que fiz?????? Se puder me ajudar ficarei muito grata, pois seu blog, sempre me socorre, sempre tem muitas boas dicas..desde já obrigada..bjs

    ResponderExcluir
  18. Hummmm, adorei as dicas mais uma vez muito uteis. Brigaduuuuu.
    Tenha um lindo dia!!!

    Beijos ♥ Edi

    ResponderExcluir
  19. Oi, vai ter um encontro de blogueiros em Sampa! Quero muito que você vá! Vai lá no blog e dá uma olhada!! Kisses

    ResponderExcluir
  20. Que massa!
    menina vc é fera!!
    Já to usando o tradutor!

    Minha vida seria impossível sem vc!rs

    bj

    ResponderExcluir
  21. Oi amiga, ótimas dicas, já estou
    colocando o tradutor no meu blog!
    Bj

    ResponderExcluir
  22. Já te disse mas repito, acho muito legal vc dividir seus conhecimentos com todos nós.

    Aproveito pra te convidar pra ler o novo post em que falo da descoberta da Felicidade.
    bjs

    ResponderExcluir
  23. Amei as dicas!!!
    Você faz as coisas ficarem mais faceis!!
    bjos

    ResponderExcluir
  24. sem coments.. já copiei o código de tradutor...
    obrd.
    beeijos

    ResponderExcluir
  25. Parabéns pela sua disponibilidade para conosco. Difícil encontrar pessoas que compartilhe seus conhecimentos assim.
    Obrigada e que Deus te abençoe, já coloquei tudinho lá em meus blogs.
    Obrigada de coração!

    ResponderExcluir
  26. Gostei muito dessas dicas de hoje!
    A do tradutor eu já uso, as outras ainda não.
    Como estou em meio à mudança, vou deixar pra testar essas novas funcionalidades depois que eu estiver instalada na casa nova.
    Beijos Tempestuosos!

    ResponderExcluir
  27. VALEU AMIGA,MAIS UMA MARAVILHOSA DICA
    BEIJÃO

    ResponderExcluir
  28. ELAINE QUERIDA..
    JÁ COLOQUEI O TRADUTOR..
    ADOREI A DICA PARA OS BANNERS, MAS COMO FAZER COM OS QUE SÃO SÓ IMAGEM??
    DÚVIDAS, DÚVIDAS, ELAS ACABEM COMIGO, FIQUEI COM MEDO E NÃO FIZ....KKKK
    NO MAIS AGRADEÇO SUAS VALIOSAS DICAS...VC É UMA LADY.
    BJUIVOS NO CORAÇÃO E NO PEQUENO OTÁVIO...

    ResponderExcluir
  29. Gostei das dicas, são bem úteis. Vou testa-las.
    beijo grande,
    Lilian.

    ResponderExcluir
  30. Adorei, agora o meu tem tradutor tbém huhuhuhuhu.
    Beijusssssss
    Si♥

    ResponderExcluir
  31. Muito boa esta sua disponibilidade, como sou devagar estou experimentando uma coisa de cada vez, o tradutor já havia colocado , não este que é muito melhor. Agora uma pergunta? muita informação no Blog não deixa "pesado", demorando muito para abrir? existe solução para isto? Vou tentar mudar o template seguindo sua dica. Você é um anjo das Blogueiras. Beijos.

    ResponderExcluir
  32. Linda, sei bem como é isso de ficar sem tempo!
    Adorei as dicas e peguei a dos banners!!

    Beijos apressados

    ResponderExcluir
  33. Super dicas!
    Vou aproveitar todas, menos a do tradutor, pois já temos.
    Que seria de nós sem você.

    Beijo.

    ResponderExcluir
  34. Elaine, eu até tentei, mas o
    WordPress não aceita java script... fiquei só na vontade!!!

    Um dia lindo procê!

    ResponderExcluir
  35. Obrigadissima, pela sua dica. O navbar do blog voltou. Continue nós dando dicas, com sua ajuda, já melhorei muito o meu blog..value..bjs

    ResponderExcluir
  36. NÃO CONSEGUI ENVIAR O COMENTÁRIO..VOU TENTAR DE NOVO..ESTÁ DANDO ERRO..
    ESCREVI ANTES QUE SEU BLOG É MUITO PRECIOSO POR QUE DÁ DICAS PRECIOSAS. E TENHO CERTEZA QUE QUANDO REALMENTE PRECISAR..PORQUE TENHO MUITO QUE APRENDER, PODEREI VIM AQUI SEM MEDO.
    POIS ATÉ JÁ INDIQUEI VC.
    SEI QUE AQUI AS DICAS SÃO MARAVILHOSAS E BEM COMPREENSIVÉIS.
    CARINHOSAMENTE.
    SANDRA

    ResponderExcluir
  37. Gostei e coloquei o tradutor...brigaduuu!!!

    Bjs
    Mah

    ResponderExcluir
  38. Primeiro parabéns pelo Blog...
    Muito bom gosto...
    Quero um parecido?!?!?!
    Segundo lugar, obrigada pelas dicas...
    Passa lá no meu e deixa uma recadinho...
    Bjos

    ResponderExcluir
  39. boa noite Elaine!
    Adoro visitar seu blog e tirei muita ajuda aqui.Obrigada pelas dicas ótimas.
    Reveba mu abraço carinhoso , fique com Deus e bom domingo de Páscoa!

    ResponderExcluir
  40. Oie... miga copiei as bandeirinhas "D Agora simm hein... sauhhasuhasu bjao

    ResponderExcluir
  41. Ola Elaine, sempre me socorrendo, quando preciso, seu blog é muito valioso, pelo menos pra mim que estou tentando me aprimorar na arte de me tornar uma blogueira, mas não sei ao certo se estou me saindo bem, mas estou tentando. Adoro suas dicas...otima semana!!!Flávia

    ResponderExcluir
  42. Socorro!!!!!!!!!!!!!!
    O meu não deu certo, não aparece os banners e sim os códicos.
    O que eu fiz de errado???
    Me ajude por favor!!!!!!!!!!!!!!!

    ResponderExcluir
  43. Elaine,

    Tentei colocar as promoções em rolagem, mas não consegui, o que seriam os códigos dos banners e como inserir imagens?
    Obrigada e Beijos

    ResponderExcluir
  44. @Cintia Branco
    Para colocar os banners eles precisam ter os códigos tipo caixinha link-me.
    Sobre imagens eu não entendi a pergunta. Desculpe, mas exatamente qual é a dúvida?
    Beijo

    ResponderExcluir
  45. Elaine, vc eh o máximo!!!
    Vlw!
    ;) bjs***

    ResponderExcluir
  46. Elaine, vc eh o máximo!!!
    Vlw!
    ;) bjs***

    ResponderExcluir
  47. Simplesmente o máximo, a tempos que eu estava atrás deste código para colocar no blog, e agora você posta ele, muitíssimo obrigada.
    Beijos, Rose.

    ResponderExcluir
  48. a gente lê o artigo todo, finalmente resolve experimentar no blog e quando vai copiar não consegue , porque "selecionar" está bloqueado. Aiaiaiai.....

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…