「Blogger」ブログにカレンダーを追加したい

たまに個人のブログを見かけると、ブログのサイドメニューに「カレンダー」があることがありますが、「カレンダー」の必要性をあまり感じないのですが、試しに「Blogger」のブログに追加できるか試してみました。

「Blogger」にある「レイアウト」から「ガジェットを追加」をクリックすると、様々なガジェットがポップアップウィンドウで表示されますが、「カレンダー」は無いのではないでしょうか。

残念ながら、ガジェットに「カレンダー」はございません。

さらに言えば、投稿記事にリンクした「カレンダー」を用意するにも手間がかかります。

良くて、ガジェットにある「ブログ アーカイブ」を利用する方が良いかもしれません。

それでも、「カレンダー」が追加したいんだ！！という方は、Googleのカレンダーを埋め込むのはどうでしょうか。

Googleカレンダーをブログ用に作成する

すでに既存アカウントで、カレンダーを利用している方もいるかもしれませんが、Googleカレンダーはカレンダーを作ることができ、個別に共有することができます。

例えば、プライベートの情報を含んだカレンダーをブログに掲載なんて、したくないですし、危険です。

ブログ用にカレンダーを作れば、ブログの情報に特化させることもでき、管理もラクになるでしょう。

まず、Googleカレンダーのページに移動します。

次に、サイドメニュー下部のほうにある「他のカレンダー　＋」をクリックします。

「新しいカレンダーを作成」をクリック

さらに「新しいカレンダーを作成」をクリックします。

新しいカレンダーを作成

「新しいカレンダーを作成」のページに移動するので、名前を付けて「カレンダーを作成」をクリックして、作成完了です。

これで、ブログ用にカレンダーが作成できました。

Googleカレンダーをブログ用に調整する

新しいカレンダーを作成後、Googleカレンダーのサイドメニューの画面に移動し、サイドメニューにある「マイカレンダー」内に、先ほど作ったカレンダーがあるのを確認してください。

カレンダーの名前にカーソルを重ねると、横に「×」が表示され、さらにその隣に設定のアイコンが表示されていますので、クリックして「設定と共有」をクリックします。

「設定と共有」をクリック

「カレンダーの設定」のページに移動しますので、「アクセス権限」の項目を探し、「一般公開して誰でも利用できるようにする」にチェックを入れます。

「一般公開して誰でも利用できるようにする」にチェック

さらに、下へスクロールすると、「カレンダーの統合」という項目があり、上から2番目辺りに、「埋め込みコード」があります。

「埋め込みコード」はここでは一旦無視し、その少し下に「カスタマイズ」をクリックします。

「カスタマイズ」をクリック

埋め込みコード用のカレンダーの設定のページ

埋め込みコード用のカレンダーの設定のページへ移動するので、ここでサイズやスタイルを調整します。

Googleカレンダーをブログに埋め込む

埋め込みコード用のカレンダーを調整後、「埋め込みコード」をコピーし、Bloggerのレイアウトにある「ガジェットの追加」で、「HTML/JavaScript 」を選択し、埋め込みコードを貼り付けます。

「HTMLで編集」で貼り付けると、埋め込みコードがそのまま表示されてしまいますので、注意してください。

保存して、ブログで表示を確認します。

埋め込み完了！

冒頭でも書きましたが、カレンダーとブログの投稿記事にリンクさせるには、手間がかかります。あくまでブログの予定を登録するものとして、活用していただくのが良いでしょう。