Não Permitir seu Blog Abrir Dentro de um Frame ou Iframe

Muitos sites de agregadores de conteúdo e a pesquisa Google de imagens entre outros abrem o blog dentro de um frame ou iframe, mas colocando um código no blogger ou um plugin no wordpress é possível impedir que seu blog abra dentro de um frame e abra diretamente na janela inteira do navegador. Fazendo assim a navegação no seu site ficar mais fácil e com mais espaço.

impedir que o blog abra em frame ou iframe

Se você tem duvidas sobre o que é um iframe é como se fosse uma janela dentro de outra. Nós já usamos isso em nossos tutoriais sobre: Colocar Vários Vídeos do Youtube no Site ou Blog e Fazer uma Galeria de Imagens no Blog. Então se quiser pode usar o endereço do seu blog no lugar do endereço do vídeo do youtube para ver e testar seu blog dentro de um iframe.

Para conseguir impedir que o Blogger apareça dentro de um iframe ou frame você deve entrar na pagina Layout > adicionar gadget > html/javascript e colar o código antes dele.

<script type='text/javascript'>
if(top.location!=this.location) top.location=this.location;
</script>

Depois é só clicar em salvar e pronto.


Para não permitir seu blog Wordpress abra dentro de frame ou iframe existe o plugin No Frames (http://wordpress.org/extend/plugins/no-frames) que você pode instalar no Wordpress como pelo painel do mesmo jeito que faz com qualquer outro plugin para Wordpress e assim evitar os frames.

Veja outras dicas para ajudar a divulgar e proteger seu blog:

Aparecer na Pesquisa de imagens Google
Aumentar a Segurança da Senha e Proteger Melhor sua Conta Google

Em ambos os casos (blogger e wordpress) para testar você só precisa pesquisar no Google imagens e ver se funcionou corretamente e apareceu sua pagina aberta na janela completa do navegador.

41 comentários:

  1. é crime colocar TV no blog?

    ResponderExcluir
  2. Adorei seu blog. Dicas muito úteis para nós blogueiros.

    Tenho um blog de video aulas para concursos.

    concursosvideoaulas.blogcpot.com

    ResponderExcluir
  3. Funcionou direitinho. Parabéns pelo tutorial, eu acho muito chato quando pesquisamos uma imagem no Google e abre aquela janela em iframe em vez de ir diretamente para a página do blog.

    Eu tenho uma dúvida pra tirar com você Fabiano, meu blog htt://online-naweb.blogspot.com.br e www.facaconcurso.com está com os mesmos problemas de alguns widgerts da lateral sumirem, na página inicial aparecem sem problemas, mas quando eu acesso uma página específica, os widgerts somem.

    No primeiro blog que citei os widgerts com os nomes "Links legais no Minilua" e "Seguidores do Twtter" não aparecem em páginas específicas. E no segundo blog que citei também são dois widgerts que somem, um com a publicidade vertical do AdSense e o outro é os seguidores no Facebook.

    Eu notei que esses problemas surgiram depois que o Google adicionou o .br no Blogspot. Então se vc puder me ajudar como resolver essa parada eu te agradeço desde já

    Eli

    ResponderExcluir
  4. Não entendi o que é ficar dentro de um frame ou iframe

    ResponderExcluir
  5. Muito obrigadoo! Já estou a utilizar esta dica também :)
    Bom trabalho "Dicas Para Blogs"!

    ResponderExcluir
  6. Hummm, surgiu um problema. Depois de ter adicionado esse código, agora sempre que entro em "modelo" no, blogspot, sou redireccionado para este link :http://bloogwi.blogspot.com/b/app-preview?token=3aYpbDYBAAA.ePZVvuORcOgtLFjy66mkmw.NiGi0N9HPqK5BJ7VsqqJQQ , e não consigo fazer mais nada. Tenho de voltar para tras. Consigo aceder tudo mesmo a secção "modelo" . :o

    ResponderExcluir
  7. Olla !!
    nossa eu sou tão chato né !!
    é que eu fico cheio de duvidas ai eu recorro ao seu blog que simplesmente é o melhor de todos os blogs de tutoriais para blogger.
    Mais é que o blogger lançou a opção de resposta aos comentários mais infelizmente ativando isso desativa os emoticons que você já ensinou a colocar !!
    Eu queria saber se tem algum jeito de usar o recurso de resposta junto com os emoticons porque eu procuro na net mais nunca aparece nada sobre esse assunto e vejo muitos blogs que usavam os emoticons e pararam porque preferiram o recurso de resposta !!
    bem é isso espero que você me ajude !!
    Abração
    :D

    ResponderExcluir
  8. Online na Web
    quando fala paginas especificas seria o mesmo tipo de pagina? por exemplo paginas extras? ou paginas dos marcadores?

    veja nosso tutorial Conteúdo diferente nas paginas do blog, talvez ajude identificar os códigos com problemas.

    mas pode também ser erro no carregamento da pagina, tente excluir o histórico de internet

    Marcos Vinicius
    o código funciona para os dois: frame e iframe

    ResponderExcluir
  9. Wilker
    deve ser um erro no carregamento da pagina, clique f5 para atualizar a pagina ou exclua o histórico de internet

    ResponderExcluir
  10. Este comentário foi removido pelo autor.

    ResponderExcluir
  11. Cle
    acho que os emoticons são incompatíveis com os novos códigos dos comentários do blogger

    assim que possível farei um novo tutorial sobre o assunto

    ResponderExcluir
  12. Nesta semana da Hora do Planeta, queria um gadget para apagar a luz do meu blog, deixar ele todo escuro ao clicar na imagem de um interruptor de luz, tem como ?

    ResponderExcluir
  13. Olá Fabiano, as páginas que eu me referi, são as páginas normais, são os posts individuais, essas que a gente publica todos os dias. Nas páginas dos marcadores os widgerts aparecem normalmente, como na home do blog, mas nas páginas individuais não aparecem mesmo, já exclui o histórico do navegador e nada, e não adicionei nenhum código específico para que aparecam em determinadas páginas.

    Não faço a mínima idéia do que pode estar ocorrendo!

    ResponderExcluir
  14. Anônimo
    não sei de onde as pessoas pegam esses códigos para colocar tv no blog, mas acho que deve violar os direitos autorais afinal nem os proprios sites das emissoras colocam isso.

    ResponderExcluir
  15. Pixel Ds
    no momento não tenho código para fazer esse efeito com imagens, mas poderia usar o lightbox do blogger
    Colocar e Configurar Efeito LightBox nas Imagens no Blogspot

    Online na Web
    a unica coisa seria os códigos para conteudo diferente que falei mas acho que não é o seu caso.

    são sempre as mesmas paginas com erro? entrei no blog e pareceu tudo normal

    ResponderExcluir
  16. Fabiano, preciso de sua ajuda urgente!!!
    Meu blog foi criado em junho de 2011, e outro blog foi criado em agosto de 2011. E o outro colocou o mesmo título que o meu. E depois, eles começaram a colocar comentários no meu blog pedindo pra eu trocar o nome do meu. Eu posso denunciar o blog deles?

    ResponderExcluir
  17. Ol Fabiano, em qualquer post individual que eu visito nos meus blogs acontece isso, durante o carregando da página os widgerts aparecem, mas depois que a página termina de carregar os wedgerts somem. Mas se apareceu normal aí pra você, é sinal de que o problema pode ser no meu navegador, tomara que seja só no meu navegador né. Obrigado

    ResponderExcluir
  18. Anônimo
    pode tentar fazer a denuncia, mas o principal seria registrar o dominio se não tiver ainda.

    ResponderExcluir
  19. pode ser o navegador ou mesmo erro no template. seria melhor você tentar ver em outro computador para ter certeza.

    eu usei o firefox para visitar seu blog

    ResponderExcluir
  20. Fabiano, se eu comprar um domínio na UolHost eu ganho um construtor de site para construir meu próprio site pagando só o domínio???

    ResponderExcluir
  21. Marcos Vinicius
    o construtor de site é para quem usa hospedagem que você não precisa porque seus arquivos continuarão no blogger.

    hospedagem é pago todo mês mas você não deve contratar isso.

    apenas registre o dominio e configure no blogger

    ResponderExcluir
  22. Esquecendo o blogger...


    Se eu não tivesse uma conta no blogger e quisesse criar um site na uolhost, eu teria que pagar a hospedagem e o domínio?

    ResponderExcluir
  23. sim você poderia criar um site no uolhost pagando hospedagem, mas lá não tem o formato do blogger ou seja você tem que criar cada pagina

    ResponderExcluir
  24. Olá fabiano,
    Eu que postei aquele comentário do mesmo título do blog, eu já tenho dominio próprio, mas eu to com medo que quando fui denunciar perguntou se eu posso me responsabilisar pela denuncia, eu marquei não, aí apareceu que eles não podem fazer nada, e eu marquei sim ai peguntou se eu desejo continuar, e se eles não estiverem fazendo plagio eu terei que pagar por danos morais. Eu to com medo de denunciar e ter que pagar multa. O que vou fazer com eles?

    ResponderExcluir
  25. Anonimo
    é normal esse aviso e você deve marcar.

    se é realmente plagio (copia) do seu blog não tem porque se preocupar em marcar isso.

    ResponderExcluir
  26. Ok, mas o que eu devo marcar lá pra denunciar? Tipo eu marco de direitos autorais ou falsificação de identidade? É porque essa é a primeira vez que eu denuncio um blog e eu to com muito medo. Obrigado, seu blog me ajudou muito sempre, se não fosse ele, eu não saberia HTML!

    ResponderExcluir
  27. acho que precisa marcar as duas, senão a pagina não aceita a denuncia.

    ResponderExcluir
  28. Olá,Fabiano.Seu blog continua nota 1000!!!Parabéns.Gostaria de saber se é possível criar um perfil diferente no blogspot.Tenho um blog de artes e artesanato,mas criei um de confeitaria.E você ajudou-me muito com suas dicas.Quero ter um perfil diferente neste,mais de acordo com atividade.Já tentei fazê-lo mais não deu certo.Você pode me ajudar?Muito obrigada.Tenha uma excelente semana.

    ResponderExcluir
  29. Ok, mais e se o blog não estiver realmente me plagiando, eu vou ter que pagar multa pra eles ou tem perigo de ser preso?

    ResponderExcluir
  30. se a denuncia não for verdadeira você pode ser processado ou sofrer algum tipo de punição do google com relação ao seu site.

    ResponderExcluir
  31. Ih, então acho melhor eu não denunciar eles.

    ResponderExcluir
  32. se for realmente copia do seu blog você deve denunciar, mas tem que ser cópia e não parecido.

    por exemplo eu e muitos outros sites falamos sobre colocar o botão curtir no blog, mas falar sobre o mesmo assunto não é plagio

    ResponderExcluir
  33. Perfeito! Showzaço! Nem sabia que isso era possível...

    ResponderExcluir
  34. o Codigo estar entrano em conflito no novo layout

    ResponderExcluir
  35. tente copiar o código e colar no bloco de notas e depois copiar do bloco de notas para a pagina editar html do seu blog.

    as vezes copiar de uma pagina de internet para outra gera erro.

    ou tente usar um gadget para colocar o código deve funcionar também embora demore alguns segundos a mais para eliminar o iframe

    ResponderExcluir
  36. Funcionou perfeitamente para evitar a pré-visualização de imagens do google, mas o problema é que o código também bloqueia a janela para editar html do blogspot. Gostaria que corrigi-se o código para que isso não acontece-se

    ResponderExcluir
  37. acho que não tem como corrigir. vai precisar retirar o código quando for utilizar essa pagina de edição do blogger

    ResponderExcluir
  38. Travou a edição do html do meu blog. Não consigo nem desfazer a implantação do código. E agora?

    ResponderExcluir
  39. Sr. X tive uns problemas com a nova pagina editar html do blogger e o firefox, mas no chrome funcionou normalmente...

    mas acho que tudo se resolverá em breve

    ResponderExcluir
  40. Dar problema no Blog!
    :(

    ResponderExcluir