タグ

2008年1月5日のブックマーク (2件)

  • サイドバーに Google Adsense を貼り付ける

    当サイト配布のテンプレートのサイドバーに Google Adsense(160ピクセル幅)等のバナー広告を設置する方法です。 ワイドスカイスクレイパー(160×600)をデフォルト状態のまま設置すると、右サイドバーが中央カラム(あるいは左サイドバー)の下に回りこむ、いわゆるレイアウト崩れが発生します(下)。 これはサイドバーの表示幅に、それを超える画像やバナー類を設置しているためで、CSS の float プロパティの性質上、レイアウトが崩れます。 以下、テンプレートの修正方法です。ご利用のテンプレートによって表示内容が若干異なりますが、基構造は同じです。 1.サイドバーの幅を修正 サイドバーの全体幅はデフォルトで 185px に設定していますが、左右余白分の 30px(15px × 2) が含まれているので、実際の表示領域幅はデフォルトで 155px となります。したがって、160px

    サイドバーに Google Adsense を貼り付ける
  • 配布テンプレートのサイドバーにリストを追加する

    配布テンプレートのサイドバーにリストを追加する方法です。ご質問を頂きましたのでエントリーにて紹介致します。 1.サイドバーの構成 Movable Type 3.x および Movable Type 4 用のテンプレートの左サイドバーの構成イメージは下記のようになっています。 : <dl id="links-left"> <dt class="sidetitle">リストタイトル1</dt> <dd class="side"> [リスト1の内容] </dd> <dt class="sidetitle">リストタイトル2</dt> <dd class="side"> [リスト2の内容] </dd> <dt class="sidetitle">リストタイトル3</dt> <dd class="side"> [リスト3の内容] </dd> : </dl> : 全体が dl 要素で括られ、リストタ

    配布テンプレートのサイドバーにリストを追加する