sábado, 10 de setembro de 2011

Como Incorporar PDF Em Blogger / Sites

Para aqueles que possuem e-mail do google, vários serviços bons estão disponíveis. Um bastante útil é o Google Docs, que permite compartilhar arquivos online além de construção coletiva de documentos. Também permite armazenamento de arquivos no estilo Cloud Computing. É como se você tivesse um HD Externo virtual. Mas além disso, pode-se também incluir arquivos para serem incorporados em páginas de sites/blogs. Pode ser interessante incorporar PDF ou outros em algumas postagens. Dá um belo visual ao blog.

Para exemplificar esta postagem, vou usar meu outro blog sobre mapas musicais (espécie de cifra mais detalhada, no qual além dos acordes, contém a divisão dos tempos, indicação para instrumentos e partitura de alguns solos), no qual está incorporado a música Love in The Afternoon da Legião Urbana.

Em Google Docs, clique em upload/files e selecione o arquivo a ser enviado. Não é preciso fazer uma cópia ou transformá-lo em um arquivo do docs.


Com o upload concluído, o arquivo irá aparecer na tela como arquivos no seu Google docs. Clique com o botão direito (ou selecione o arquivo depois clique em actions) e selecione Make a Google Docs copy. Irá aparecer outro arquivo com o mesmo nome, mas no formato Google Docs. Clique nele e apague todo o lixo do seu PDF, tudo aquilo que você não quer publicar, depois clique em save now, no canto direito superior.



Clique em Share/Publish to the web/Start publishing e clique em ok. Irá aparecer o embed code embaixo. Copie ele.



De posse do embed code, vá na sua postagem e selecione Editar HTML e cole o embed code, e inclua a sua postagem antes ou depois do código colado.

Para formatar sua postagem direitinho, clique em Escrever (a não ser que saiba como utilizar isto em HTML). O tamanho da incorporação também ficará evidente. Se não estiver satisfeito, clique novamente em Editar HTML e inclua width="850px" height="1000px" após o código iframe, ficando da seguinte maneira:


<iframe height="1000px width="850px" src=...>

Estes tamanhos de height (altura, por isso nas aulas de física costuma-se usar o h para tal) e width (largura) foram os que ficaram bons para a outra postagem. No seu caso, podem ser outros, dependendo da finalidade e da largura do blog. Vá experimentando.

Espero que a dica seja útil. Funciona também em outros blogs e sites. O grande segredo mesmo é colocar código de embed no HTML da página.

Até mais.

13 comentários:

  1. Agradeço muitíssimo sua dica,já estava a ponto de desistir. Parabéns por compartilhar.

    ResponderExcluir
  2. O codigo embeded não apareceu... O que será que fiz de errado?

    ResponderExcluir
  3. Deborah

    Poder dar mais detalhes? Talvez você tenha que converter o arquivo pdf para google docs.

    ResponderExcluir
  4. Fiz tudo certinho mas na hora de visualizar para pegar o código embed, não aparece a visualização. O que seria isto?

    ResponderExcluir
  5. ótima dica, obrigado...

    ResponderExcluir
  6. Deborah e Igor Max
    Eu tive dificuldade e consegui, estava na dúvida mais é porque faltaram alguns passos para a versão mais atual dos sites envolvidos.
    Ou seja, após o upload pronto, você clica com o direito no documento pdf e escolhe fazer uma cópia.
    Depois você vai na cópia e clica abrir com google docs.
    Após aberto o documento, em um formato de texto editável, clique na aba arquivo (sem salvar mesmo) e após clique em publicar na web que vai aparecer seu código dentro da caixa incorporar código, ai é só seguir os passos do Alexandre.
    Eu só não consegui arrumar a largura, a altura da postagem obedeceu, já a largura trava em um determinado ponto após várias tentativas, deve ser algo do meu template em princípio.

    Muito boa a postagem!
    Como na psicopedagogia, alguns pensadores dizem que o professor aprende e ensina junto com o aluno, aprendi agora algumas coisas, parabéns!

    ResponderExcluir
  7. Oi, Alexandre!
    Tentei seu passo a passo várias vezes, mas não deu certo. Vou contar como eu consegui.
    Faça o download do documento no Google Drive, e clique em compartilhar. No meu caso, o google drive só gerou um link e não gerou o código de compartilhamento.
    Em seguida, abra o link gerado pelo Google Drive e clique em "mais ações" (aqueles três pontinhos que ficam bem acima do documento). Depois, clique em "incorporar item", e o Google Drive vai automaticamente gerar o código de incorporação. Depois é só copiar e inserir no blog =D

    ResponderExcluir
    Respostas
    1. Obrigado!
      Como pode notar, a postagem já tem quase quatro anos. De lá para cá, muito mudou no Google. Preciso atualizar. Agradeço por compartilhar ;)

      Excluir
  8. Alexandre, muito obrigado!!!! Há dias vinha tentando incorporar pdf em minhas postagens, mas não conseguia. Sua dica foi demais, abraços!!!

    ResponderExcluir
  9. Sky Casino in Jordan 7-star Discounts - Air Jordan7
    Shop for Authentic jordan 7 retro SKYCITY's 7 STAR discount code and promo. Save with our New retro jordans Store latest SKYCITY 1xbet login promotional codes & free order retro jordans promo for more than 실시간 바카라 사이트 추천 15 countries.

    ResponderExcluir
  10. What a great explanation in yours posts.. International travelers who wish to travel to Azerbaijan for tourism and business purpose need to apply for Azerbaijan electronic visa through azerbaijan electronic visa application.

    ResponderExcluir

Obrigado por comentar.