読者です 読者をやめる 読者になる 読者になる

原貫太公式ブログ「世界まるごと解体新書」

アジア・アフリカでの活動からニュース解説記事、ライフハックまで。原貫太が世界をまるごと解体します。

【超簡単!】GoogleドライブにアップロードしたPDFをはてなブログに埋め込む方法


スポンサーリンク



原貫太書籍『世界を無視しない大人になるために』好評発売中!紙版のご購入はこちら、電子版のご購入はこちらから。

f:id:KantaHara:20170415221424p:plain

---

f:id:KantaHara:20170402160900p:plain

 

「【無料公開】『世界を無視しない大人になるために』プロローグ」でPDFデータをブログページに埋め込みました。この方法について、簡単に説明します。

www.kantahara.com

 

①ブログへ埋め込みたいPDFをGoogleドライブにアップロード

まずは、ブログへ埋め込みたいPDFデータをお手持ちのGoogleドライブにアップロードします。これは簡単ですね。

 

②Googleドライブ上でアップロードしたPDFデータを右クリック→「共有可能なリンクを取得」をクリックしてリンクをコピー

この作業を行うと、コピーしたリンクは

 

https://drive.google.com/open?id=0B0〇□△◎▽◇◆□Tc1QXBfMnJucVE

 

のようになります。

 

③取得したリンクのIDを以下HTMLコードの該当部分に挿れる

②で赤字にした部分は、GoogleドライブにアップロードしたPDFデータのIDになります。そのIDを、以下のHTMLコードの赤字部分に挿入してください。

 

<iframe src="https://drive.google.com/file/d/0B0〇□△◎▽◇◆□Tc1QXBfMnJucVE/preview" width="600" height="400"></iframe>

 

青字の数字は表示されるPDFデータの大きさを表すものなので、適宜調整してください。

 

④はてなブログ記事執筆画面のHTML編集で挿入

①~③で作成したHTMLコードを挿入します。簡単ですね。

 

以上のやり方に則ってPDFデータを埋め込むと、以下のようになります。拙著『世界を無視しない大人になるために 僕がアフリカで見た「本当の」国際支援』プロローグより。

 

終わり!