人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


●質問者: sakiika24
●カテゴリ:はてなの使い方
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
ベストアンサー

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

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

</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

◎質問者からの返答

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

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

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ