Blogger in Draftのデザイン変更 HTML編集の方法

2011/7/7にBlogger in Draftのデザインが大きく変更されましたね。

全体的なデザインはGoogleの検索画面と統一された感じを受けました。見た目に関して言えば、これまでのデザインよりスタイリッシュです。

一通り表示させてみると、あれ？テンプレートHTMLの編集機能が無くなった！？　最初はかなり焦りましたが、落ち着いて探してみると見つかりました。

同じ焦りを感じた人のために、見失いがちな場所に移動されてしまった「HTML編集」の方法について説明しておこうと思います。

ブログ用に外部サーバを用意（Googleサイト）

このブログはBloggerのSimple Templateを元にカスタマイズしていますが、カスタマイズにあたって、CSSファイルやJavaScriptファイル、ファビコン等を使用するために、ネット上に公開されたファイルサーバが必要でした。無料のレンタルサーバを利用する方法も考えましたが、より手軽な「Googleサイト」を利用しましたので、その作成手順をご紹介します。

Bloggerで投稿日付を表示する方法

Blogger デザインに関するTipsです。１日に複数投稿した場合にもブログ記事の投稿日を表示する方法です。

Bloggerのデータタグに慣れた人ならばpostsの「dateHeader」データの存在はご存じかと思いますが、この「dateHeader」を使用した場合、１日に複数回の投稿を行った場合に対応できません。

　（以下、「レイアウト データ タグ(Bloggerヘルプ)」より抜粋）

• dateHeader： この投稿の日付。この投稿がリストにおいてその日最初の投稿であった場合にのみ表示します。

Facebook いいねボタンを設置

海外では大人気で、最近ではGoogleよりもサイトを広める効果があると言われている「Facebook」の「いいねボタン」を設置しました。

実はこれまでFacebookを利用したことはなかったのですが、ボタンが欲しいという理由だけでアカウントを作っちゃいましたw そもそも「いいねボタンとは？」というのが分かっていない私のような方はこちらもどうぞ。

「Facebook いいねボタンとは」

今回はいいねボタンの設置方法についてご紹介します。（Bloggerの設置サンプルもあります)