Blog posts and PDFs that can be embedded, scrolled through, and downloaded

1. Blogger and Embedded PDFs

Is it possible to embed PDF documents in posts published on Blogger without using additional applications?

Perhaps with the ability to scroll through the embedded documents and download them locally?

Absolutely, and the solution is very simple.

Here is a summary of the steps with some additional notes:

2. Summary of Steps

2.1. Step 1: Upload the PDF to Google Drive

  1. Go to Google Drive and sign in with your Google account.
  2. Upload the PDF document, right-click on the file → Share → set the visibility with something like “Anyone with the link can view.”
  3. Click Copy link.

2.2. Step 2: Modify the URL for the preview

Replace view?usp=sharing at the end of the link with preview, like this:

This change allows Google to display the PDF with a scroll bar.

2.3. Step 3: Insert the PDF into Blogger

  1. Log in to Blogger and open the post or page where you want to insert the PDF.
  2. Switch to HTML view (click “HTML” / “Edit HTML”) and paste code like this:

  <iframe 
    src="https://drive.google.com/file/d/IL_TUO_ID/preview" 
    width="95%" 
    height="700" 
    frameborder="0">
  </iframe>
</div>
  • The ID number to enter is the one generated by Google Drive in the sharing URL.

  • Adjust width (e.g., 95%, 640, etc.) and height (e.g., 700) based on the site’s layout.

    Keep in mind that the higher the iframe value, the less frequent the scrolling will be within the PDF.

3. Downloading the document

You can also download the embedded document to your local device, but this requires an additional step.

In the upper left corner, there is a small square with a downward-pointing arrow.

Clicking this square opens a separate window containing all the pages of the embedded document and a set of icons, including the one for downloading to your local device.

The icon is identified by the downward-pointing arrow.

4. A Little Gift

Anyone who has read this article and tried to view the embedded document will find a little gift: a detailed analysis of Frédéric Chopin’s Nocturne Op. 9 No. 1, created especially for this occasion!

The score was written in LilyPond and is from Mutopia Project.

The embedded document can be downloaded and used to study the piece.**

Thank you for your attention.

Comments

Post a Comment

Popular posts from this blog

MS Windows: xcopy and robocopy with mentions of batch procedures and rsync.

Image
Table of Contents 1. Copy and Paste: the universal method. 2. A short introduction to the Command Line in MS Windows. 3. Two integrated command-line solutions: xcopy and robocopy. 4. Basic scheme and some options, among many, of the robocopy command. 5. Robocopy and batch procedures. 6. Robocopy and Rsync. 7. FreeFileSync 1. Copy and Paste: the universal method. To transfer files from one folder to another folder we usually use “copy and paste.” The “universal method” is “copy and paste”: we all know how it works and it is certainly simple and straightforward. But is it also the most efficient method? If there were some documents already previously transferred and others to be transferred, it would be necessary to manually select those to be transferred before doing the “copy and paste,” and this operation could be particularly time-consuming. In cases like these, more efficient solutions should be sought. These solutions exist but are somewhat hidden...
Read more

Vim: searching for text containing a slash or a question mark

Vim: searching for text containing a slash or a question mark Vim: the search command To activate a text search in Vim, press one of the following trigger keys in your keyboard: the slash "/" key (do not confuse with the back-slash "\" key) the question mark key. By pressing the slash "/" key will activate a forward search. By pressing the question mark "/" key will activate a backward search. To move the cursor to the results in your document, press the "n" key (mnemonic for “ next ”). To invert the direction of the cursor, press the "N" key, (“upper n”) . What about if you need to search for a slash or a question mark , i.e. the same trigger characters , in your document? You can prepend the Escape character to the trigger key. The Escape character The Escape character is the back-slash key: "\" . Just an example: if you need to forward search (then with / trigger k...
Read more