ブログカレンダーを設置してみました|ブログ|きまぐれ猫遊び

きまぐれ猫遊び

3Dソフト初心者がBlenderでキャラ制作を頑張ってみるブログでございます。

ブログカレンダーを設置してみました

まいど( ̄ー ̄)ゞ

カレンダーが欲しい!
予定とかを書き込めたらいいな。


ちょっとイベントなどがあって、それをカレンダーに書き込むことが可能で、さらにそれを公開できたりするカンレダーがあればいいと思いませんか!
という事で、調べてみましたよ。
結果・・・ちょうど良さそうのがありましたよ。
bloggerと同じグーグルさま提供のサービスのカレンダーでございますよ。
その名も【グーグルカレンダー(まんま)】です。

では早速やっていきましょうか。
まずはグーグルカレンダーのサイト様に飛んで行きます。

左側の方にある項目から【マイカレンダー】の右にある【▼】をクリックします。
メニューが出てきますので【新しいカレンダーの作成】をクリックします。

画面が変わりましたね。
【カレンダー名】を適当につけます。
別に名前は公開しないので分かりやすいので良いみたいです。
それから【一般公開する】にチェックをいれます。
これをつけてないとブログに公開できないみたいなのです。
できたら【カレンダーを作成】をクリックします。

 

警告が出てきますね。
ブログで公開するためのカレンダーなので【はい】をクリックしましょう。

最初の画面に戻ってきました。
次は作ったカレンダー名の右にある【▼】をクリックします。
メニューが出てきたら【カレンダー設定】をクリックします。

画面が変わりました。
下の方にある【カスタマイズします】をクリックします。

新しい画面が出てきましたね。
左側にあるメニューをいじって好きに設定しましょうか。
設定が終わったら、右上に出てるコードをコピーしておきます。
これでグーグルカレンダーの方の設定はひとまずおしまいです。

次はbloggerの設定ですよ。

bloggerの管理画面にきました。
左側のメニューから【レイアウト】をクリックします。
設置したい場所にある【ガジェトを追加】をクリックします。

新しい画面が出てきますね。
【基本】の【HTML/JavaScript】をクリックします。
あとはHTMLの編集画面の方に切り替えて、グーグルカレンダーでコピーしたコードを張り付けて保存すれば設置完了です。

こんな感じになりました。
中央のはページに張り付けた場合で大きく表示されますね。
右側のはサイドバーに張り付けた場合ですね。
小さくなってちょっと見づらいかもしれないですけど、いい感じではないでしょうか。
書き込んだ予定の色は、残念ながらブログ上だと統一されてしまうみたいです。
色分けできたらもっと分かりやすくて良かったのですけどね。

それで予定を書き込むには、グーグルカレンダーを開いて書き込みたい日付をクリックすれば書き込む事ができますね。
気づいた時に色々書き込んでいきましょうかね。

 

スポンサードリンク



拍手[0回]