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

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

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

「脱走を試みましたが捕まり、鞭で200回叩かれました」。元少女兵との出会い。アフリカでの原体験を書いた処女作『世界を無視しない大人になるために』Kindle Unlimitedに登録すると30日間のお試し期間に無料で読めます。第一章までをこちらのページで全文公開中です!
紙版の購入は→こちら

 

スポンサーリンク


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

 

終わり!