シーサーブログで、「自由形式」コンテンツを追加すると、カテゴリや過去ログのように、タイトルバーというものは表示されず、入力した文言や、挿入したタグの内容しか表示がされませんやね。タイトルバーがどんなもんなのかというと、以下のような感じです。
たまになのですが、「この部分はどうやったら表示できるのですか？」という質問が来るわけです。では、どうやって表示させるのか、簡単に説明してみたいと思います。
まず最初に、自分のブログのトップページを表示させて、そのページのソースを表示させます。ブラウザがインターネットエクスプローラーの場合には、以下のような感じで、上部メニューバーから「表示」→「ソース」と選択して下さい（「右クリック」→「ソースの表示」でもOK）。
そうすると、そのウェブページのHTMLソースが表示されるので、「タイトルバーが付いている項目」を探してください。ここでは、大概の人がコンテンツに設定している「最近のコメント」というコンテンツ部分を探すことにします。
[Ctrl] + [F] と押すと、検索が出来るので、検索項目に「最近のコメント」と入力してみましょう（最近のコメントを設定していない人は、タイトルバーのついているコンテンツ・・主に、サイドバー部分の文言を探してください）。
そうすると、上記の画像のような形で発見することができます。何か、タグに囲まれていますね。抽出してみると
こんな感じで、＜DIV Class=sidetitle＞最近のコメント＜/DIV＞となっております。
実は、このタグがタイトルバーのHTMLタグとなっているんですね。基本的にはシーサーブログはCSS（スタイルシート）で定義がなされているので、CSSの指定しているHTMLとなっております。多分。
さて、このタイトルバーを今度はどうするのかというと、自分が掲載したい形に加工をします。一番初めに掲載した画像では「amazon tips」となっていますが、これも同じことをやっているだけで、
＜DIV Class=sidetitle＞amazon tips＜/DIV＞
＜DIV class=side＞
この部分にタイトルの下に表示させたいタグや文言を入力する
＜/DIV＞
としているだけなんですね。ここまで来たら殆ど終了です。あとは、この加工したタグ部分をコピーして、自由形式の項目に入力します。
どうでしょう？結構簡単でしょ。。結構使える技なので、気になった方はどうぞ。
【Seesaa Blog Tipsの最新記事】
