BloggerテンプレートのサイドバーWidgetタイトルを消去する

とても些細なことなんですが、Google Blogger テンプレートをカスタマイズしていてデザイン的にどうしても気になっていた点があります。

それはサイドバーの Widget のタイトル部分なんですが。
私はサイドバー Widgetのタイトルは空白にしておくことが多いのです。Javascript のウィジェットを追加してもタイトルは記入せずに、何と言うか、あくまでもサイドバーのパーツとして使うことが多い。

例えば、このブログのサイドバーにはソーシャルメディアへのリンクアイコンを置いていますが、いちいちそこに「ソーシャルメディア」という類のタイトルは入れません。

元々、Google Blogger テンプレートのサイドバーウィジェットのタイトルは見出しタグの H2 が割り当てられていることが多く、私はサイドバータイトルごときに H2 の見出しってどうよ？って考えですから。

もちろん、サイドバーの Widget へ普通にタイトルを入れるときもありますから、私はサイドバータイトルは高くても見出し H3 、もしくは単純に DIV にテンプレートをカスタマイズしています。

話を戻しますが、どうして空のサイドバータイトルがあるとデザイン的に気になるかという話です。
そこに、1.5cm くらいの空白ができてしまうから。

Firefox などでは、比較的に空白の高さは1.5cmくらいに収まって見えますが、Internet Explorer などでは 2cm にも 2.5cm にも見えることがある。つまり、サイドバータイトルをブランクにしたままにしておくと、デザイン的にかなり間抜けな状態になります。

こんなこと書かなくても知っていることだとは思ったんですが、サイドバータイトルを消す方法です。

<b:if cond="data:title != """> <h3 class="title"><data:title/></h3> </b:if>

テンプレートに上記のような表記があります。
<data:title/> で検索すると探しやすいと思います。
この３行を削除します。

これで、サイドバー Widgetの空白タイトル部分にあった 1.5cm くらいのブランクが消えて、すぐ上に配置したWidgetとぴったりと密着して見栄えがよくなります。

私は開かれたページタイプによって、追加したサイドバー Widgetを表示させたり非表示にさせたりしますが、そのようなときに空白のサイドバータイトルは上に詰めておいた方が良いですね。