原貫太オフィシャルブログ

アフリカでの国際協力活動から仕事論、情報発信術まで。※本ブログの内容は個人の見解によるものです。

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

お待たせしました!書籍『世界を無視しない大人になるために 僕がアフリカで見た「本当の」国際支援』の販売が再開されました。僕のアフリカでの「原体験」をまとめた一冊、ぜひご覧ください!一冊700円です。購入はこちらから。第一章までをこちらのページで全文公開中!

スポンサーリンク


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データを埋め込むと、以下のようになります。拙著『世界を無視しない大人になるために 僕がアフリカで見た「本当の」国際支援』プロローグより。

 

終わり!