はてなブログにてサイドバーにバナーを設置したいのですが、その際に上にモジュールと同じデザインで任意のタイトルを設置したいのですがどうすればいいのでしょうか?

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2011/10/10 19:45:56

ベストアンサー

id:rouge_2008 No.1

回答回数595ベストアンサー獲得回数351

「デザイン」→「デザイン編集」の「詳細」タブにアクセスして、「ページのフッタ」欄に以下のような形式で記述します。

※最初からある記述を消さないように注意してください。

</div>
<div class="sidebar">
<!-- 上記のタグ以降の任意の場所に追加します -->
<div class="hatena-module">
    <div class="hatena-moduletitle">任意のタイトル</div>
    <div class="hatena-modulebody">
        <a href="リンク先1のURL" target="_blank"><img src="リンク先1のバナー画像"></a><br>
        <a href="リンク先2のURL" target="_blank"><img src="リンク先2のバナー画像"></a><br>
        <a href="リンク先3のURL" target="_blank"><img src="リンク先3のバナー画像"></a><br>
    </div>
</div>
<!-- ここまで追加 -->


※「<div class="hatena-module">」~「</div>」までが1セットです。

※各モジュールのタイトルは、CSSで「.sidebar .hatena-moduletitle」に対して指定される事が多いようですが、もし上記で反映されない場合は、モジュールのタイトル部分のCSSのセレクタを確認してみてください。(反映されない場合で確認方法が分からない時は、使用しているブラウザとバージョン、あるいは使用しているデザインを教えてください。)

※画像をアップロードする場所がない場合は、はてなフォトライフ(http://f.hatena.ne.jp)を利用してみてください。


http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6%a5%b5%a5%a4%a5%c9%a5%d0%a1%bc%a4%cb%b2%bf%a4%ab%a4%f2%c6%fe%a4%ec%a4%eb%a1%d7#d

id:sakiika24

上記の記述で試したところ、サイドバーに任意のタイトルを設置する事が出来ました。

とても分かりやすく回答していただきましてありがとうございました。

2011/10/10 19:45:45

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません