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.

12 comentários:

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

    ResponderExcluir
  2. muito grato, vou testar ainda hoje!

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

    ResponderExcluir
  4. Deborah

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

    ResponderExcluir
  5. 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
  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. trào ngược dạ dày thực quản đông yTheo tây y, trào ngược dạ dày thực quản là một tình trạng bệnh lý trong đó acid dạ dày hoặc đôi khi là dịch mật chảy ngược vào thực quản, gây kích ứng niêm mạc thực quản và gây viêm.
    trào ngược dạ dày webtrethoVới cách chữa trị đơn giản từ bài thuốc nam dân gian, bạn sẽ nhanh chóng xóa tan nỗi lo tự ti, mất tự tin khi giao tiếp
    trị hôi miệng do trào ngược dạ dàyBạn đang gặp phải vấn đề rất khó chịu, nó không chỉ khiến bạn khó chịu mà còn khiến những người xung quanh e ngại tiếp xúc, vấn đề đó chính là “hôi miệng”.
    triệu chứng bệnh dư axit dạ dàyBệnh trào ngược dạ dày thực quản có thể xem là căn bệnh của xã hội hiện đại. Theo các tài liệu cổ trong y học thì trước đây bệnh này vốn không phổ biến.
    triệu chứng dư axitHôi miệng là hiện tượng mùi hôi bay ra khi nói, khi thở mà nguyên nhân chủ yếu gây ra hôi miệng chính là từ miệng.
    triệu chứng dư axit dạ dàyThông thường các bệnh về răng, lưỡi, nướu gây ra các bệnh về tai mũi họng, đường hô hấp sẽ gây ra hôi miệng.
    triệu chứng dư axit trong dạ dàySự phát triển của các vi khuẩn làm phân hủy các protein khiến ra mùi, mà yếu tố gây ra mùi hôi
    triệu chứng dư axit uricsử dụng nhiều thức ăn nặng mùi, uống nhiều đồ uống có chất kích thích, độ cồn như bia, rượu.
    triệu chứng dư thừa axit trong dạ dàyDo các bệnh về răng miệng như viêm nướu răng, sâu răng, vô răng, các lỗ hổng sâu răng hay các bệnh như viêm amidan,
    triệu chứng thừa axit trong dạ dàyThường xuyên vệ sinh răng miệng sạch sẽ, không để các thức ăn thừa bám trên răng miệng
    triệu chứng thừa axit folicTheo tây y, trào ngược dạ dày thực quản là một tình trạng bệnh lý trong đó acid dạ dày hoặc đôi khi là dịch mật chảy ngược vào thực quản, gây kích ứng niêm mạc thực quản và gây viêm.

    ResponderExcluir

Obrigado por comentar.