Blogger.com カスタマイズ ここまでのまとめ

これまで行ったカスタマイズをまとめておこうと思いました。

いろいろコードを貼り付けたりテンプレートを直接編集したりしているうちに、レイアウトの挙動がおかしくなってきました。意図しないところに Add a Gadget が出てきたり、テンプレートを編集して save しても、再び Edit HTML すると entity がエンコードされていたり、ちょっと気になる状態でした。

そこで、これまでに行ったカスタマイズを整理することで、可読性を高めるとともに、カスタマイズ体験記としての有用性を高めようと思い立ちました。

まずは、2ペイン→1ペイン→2ペイン とテンプレートを選び直して、自分で付加した要素(の一部)からゴミを取り除きます。

1. Layout → Edit HTML の Download Full Template でバックアップを取っておく。
2. Layout → Page Elements を表示して、配置した Gadgets の情報をメモしておく。
3. Layout → Pick New Template で、現在のテンプレート(2ペイン)→1ペイン→元のテンプレート(2ペイン) とテンプレートを選び直す
4. 見事 Gadgets の配置がぐじゃぐじゃになっている = Blogger がコードを大幅に変更した
5. Peter Chen @ Enviroman (Blog*Star) さんの Blogger Tips and Tricks で紹介されている、 Additional "Add Page Element" LAYOUT のポストを参考に、Layout → Edit HTML → Edit Template でテンプレートを書き換えて、SAVE TEMPLATE する
   
6. Layout → Page Elements から、Gadgets を配置し直していく
7. できあがり
   

こんな感じですね。けっこう疲れました。

レイアウトの自由度がアップするtrick

2カラムのテンプレートを使っている場合、通常 "Add a Page Element" は2つ(本文以外のカラムとフッター部分)しか出ませんが、これを本文のあるカラムやヘッダー部分にも追加できるようになる技があります。

Peter Chen @ Enviroman (Blog*Star) さんの Blogger Tips and Tricks で、 Additional "Add Page Element" LAYOUT のポストで紹介されています。くわしい内容は当該ページを参照してもらうとして(丸写しはしたくない :->)、こちらでは概略だけ書きます。

要は、Layout - Edit HTML - Edit Template で、テンプレートを書き換えちゃうのです。どう書き換えるかは、Chen さんのページを見てください。

この trick を使うと、カラム間をまたがるバナーをヘッダー部分に出したり、いろいろ可能性が広がります。説明は英語ですが、Blogger 使ってるみなさんなら、母語が日本語でも、ある程度は英語読めますよね?

では〜

AdSense をはじいていたのは Adblock Plus

ただ、これはアドオンがはじいている可能性もあるので、設定を再確認しようと思います。たぶん、アドオンの Adblock Plus がはじいているんだとは思うんですが……。

やっぱりアドオンの Adblock Plus がはじいていました。

Adblock Plus 自体は人気のあるアドオンですし、有用だと思いますが、自分の広告がどう表示されているかというのを確認する際には注意が必要ですね。カスタマイズすることによって AdSense だけ許可するという設定もできるのですが、いろいろ実験する際には大変なので、一時的に無効化してしまいました。

AdSense を許可する方法としては、

• 単純にホワイトリストに追加する(ただし * を使わないと非実用的です)。
• 外部ブラックリストで当該の広告をはじいているルールを、×マークがついている項目で見つけ出し、そのルールを無効にする。
• ツールバーのABPボタンの上にマウスオーバーして、はじかれている要素を確認し、そのルールを無効にする。
  

——といったところでしょうか。

ラベルの区切り方

ああ、ラベルはスペースで区切っちゃだめなのね。