テンプレートデザイナー
2010 年 3 月に Blogger in Draft (Blogger の新機能テストラボ)に「テンプレートデザイナー」という機能が追加され、2010 年 6 月には Blogger にも正式採用されています。この機能により、Blogger ユーザーは実際のデザインを確認しながら、感覚的にブログのテンプレートをカスタマイズできるようになりました。
現在では、基本的にはこの機能を使ってテンプレートをカスタマイズしていくのがいいと思います。
オリジナルテンプレート
一方で、そのような便利な機能が発表されるまでの間、Blogger ユーザーは Blogger ブログ用のオリジナルテンプレートというものを使って、ブログの見ばえを変更してきました。
以下、そんな Blogger ブログ用のオリジナルテンプレートを配布しているサイトについて紹介します。テンプレートデザイナーではピンとくるのがなかった人や、みんなとは違ったテンプレートを使ってみたいという人は、参考にしてください。
レイアウトテンプレートとクラシックテンプレート
その前に少し予備知識。Blogger のテンプレートには、レイアウトテンプレート(ヘルプ)とクラシックテンプレート(ヘルプ)という、2 種類のテンプレート形式が存在します。
現在の Blogger のデフォルトはレイアウトテンプレートですが、Blogger 管理画面「デザイン > HTML の編集」ページから「クラシックページに戻す」リンクをクリックすることで、クラシックテンプレートに変更することも可能です。
クラシックテンプレートにすると、レイアウトテンプレートで使えたカラー・フォント変更機能、レイアウト機能、ガジェット(ウィジェット)などの多くの機能が使えなくなるので、注意してください。
このページでは、レイアウトテンプレート配布サイト、クラシックテンプレート配布サイトと分けて並べておきますが、サイトによってはどちらも配布しているところがあります。テンプレートコードの中に
<$BlogPageTitle$>
などの見慣れないタグがあるのがクラシックテンプレートの特徴なので、どちらか迷ったときにはテンプレートコードを確認してみてくださいね。レイアウトテンプレート配布サイト
以下がレイアウトテンプレート配布サイトのリストです。
レイアウトテンプレートを変更するには、各サイトで配布されているコードを PC 上に保存し(TXT ファイルでも XML ファイルでも OK)、Blogger 管理画面「デザイン > HTML の編集」の「テンプレートをバックアップ / 復元」の項目から、ファイルをアップロードしてください。
![](http://images.kuribo.info/blogger/entry/template-101.gif)
画像のリンクでプレビュー、「ダウンロード」から MediaFire ページに進み「Click here to start download..」リンクからコード(XML を圧縮した ZIP ファイル)を取得。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-110.gif)
Blogger テンプレートの老舗。
サムネイルクリックでプレビュー、「Download」で表示される XML ファイルを保存。
![](http://images.kuribo.info/blogger/entry/template-102.gif)
サムネイルクリックでプレビュー、「Download template」でコード(XML を圧縮した ZIP ファイル)を取得。
![](http://images.kuribo.info/blogger/entry/template-103.gif)
「Demo」でプレビュー。「Visit the XXXXX page」から各テンプレートごとの記事へ進み「Download the XXXXX Code」でコード(XML を圧縮した ZIP ファイル)を取得。
![](http://images.kuribo.info/blogger/entry/template-104.gif)
「sample」でプレビュー、「More Details」ボタンで表示されるページのテキストエリアから、コードをコピーし XML(TXT でも可)ファイルを作成。
![](http://images.kuribo.info/blogger/entry/template-105.gif)
「demo blog」でプレビュー、「Download XXXX template」からコード(TXT ファイル)を取得。
※「White & Blue」テンプレートはクラシックテンプレート。
![](http://images.kuribo.info/blogger/entry/template-108.gif)
Blogger 標準テンプレート Thisaway シリーズ(4種)、Sand Dollar、Tic Tac 3、Ms Moto 3、Rounders 4 の 3 カラム版を配布。コードは、リンク先ページ(要 Blogcrowds アカウント)に表示されるものをコピーして XML(TXT でも可)ファイルを作成。
![](http://images.kuribo.info/blogger/entry/template-109.gif)
かわいらしいテンプレートがたくさん。「Live demo」でプレビュー、「XXXX Blogger Template」から ZIP ファイルをダウンロード。解凍してできる XML ファイルを使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-113.gif)
サムネールクリックでプレビュー、「XXXXX Blogger Template」から ZIP ファイルをダウンロード、解凍して使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-116.gif)
「Get Template」から ZIP ファイルをダウンロード、解凍して使用。「Works with the latest version of Blogger!」とあるものがレイアウトテンプレート用。
クラシックテンプレート配布サイト
以下がクラシックテンプレートの配布サイトのリストです。
クラシックテンプレートの変更は、各サイトで配布されているテンプレートコードを Blogger 管理画面「テンプレート > 現在の内容を編集」のテキストエリアに貼り付け、「テンプレートの変更内容を保存」ボタンでブログを再構築することで、適用することができます。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-02.gif)
Blogger テンプレート配布といえばここ。「Download HTML」から表示されるコードを使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-03.gif)
なかなかセンスのいいのが並んでいます。
「New Blogger Template」のラベルがついていないものがクラシックテンプレート。「Download Template」から zip ファイルをダウンロード、解凍して使います。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-04.gif)
テンプレート投稿サイト。サイドバーからテンプレートを選択後、ページ中央の「Action」欄「preview it」でプレビュー、「Blogger Main」でコードを表示します。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-05.gif)
「BLOGGER DOWNLOADS FOR THIS TEMPLATE」から「English」など言語名をクリック、zip ファイルをダウンロード、解凍して使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-06.gif)
「example」でプレビュー、「download template」から zip ファイルをダウンロード、解凍して使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-08.gif)
「Get Template」から ZIP ファイルをダウンロード、解凍して使用。「Works with the latest version of Blogger!」とあるものはレイアウトテンプレート用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-09.gif)
Blogger ダッシュボードそのままなテンプレートを配布。ページ中央のテキストエリアのコードを使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-10.gif)
サムネールをクリックした後の画面上、「View full preview」でプレビュー、「Layout code」欄テキストエリアのコードを使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-12.gif)
これまでのテンプレートとかぶっているのもいくつか。
プレビューはなし、コードは「download」から zip ファイルをダウンロードし、解凍して使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-13.gif)
サムネールクリックでプレビュー、「Download Here」から zip ファイルをダウンロードし、解凍して使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-15.gif)
60 近くのテンプレートを配布。
「Preview」でプレビュー、コードは「Download」から zip ファイルをダウンロード、解凍して使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-18.gif)
「Demo」からプレビュー。
コードは「Download」から zip ファイルをダウンロード、解凍して使用。
![EXAMPLE](http://images.kuribo.info/blogger/entry/template-17.gif)
下半分だけ 3 カラムというおもしろい構成。「Sample sites」からプレビュー、コードは「Download」から zip ファイルをダウンロード、解凍して使用。