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

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

【超簡単】Googleドライブを使ってはてなブログにPDFを埋め込む方法

人気記事

僕はオンライン英会話で英語力を向上させました。無料体験が受けられる13のスクールをまとめました!
オンライン英会話で無料体験可能な13スクールを比較した

スポンサーリンク


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

 

 

終わり!

 

 

---

ブログの細かい設定からカスタマイズ、広告収入やアクセス数アップのコツまで、はてなブログの最も詳しい解説書は『はてなブログ Perfect GuideBook』Kindle版はたった512円です