2011年10月23日日曜日

Blogger用3カラムテンプレート

BloggerでHPを作るうえで重要なテンプレートをBloggerに登録します。

  • テンプレートは3カラムのみです。
  • HP全体のサイズ 幅: 980px  
  • Headerのサイズ 幅: 980px
  • 左Sidebarのサイズ 幅: 200px
  • メインエリア(両サイドバーの間)のサイズ 幅: 575px (475px : 右サイド300pxの場合 )  
  • 右Sidebarのサイズ 幅: 200px または300px 
  • Footerのサイズ 幅: 980px  



■設定手順
------------------------------------------------------------------------


http://www.hans-huber.com/0102030405/doc/html_template.xml を右クリックして「リンク先を保存」、デザインに合わせてカスタマイズします。
  • 右クリックして保存する
  • ネット上でコピペすると文字化けします
  • 右サイドバーの幅に合わせて、メインの横幅も変更する
  • 色やファビコン画像の保存先などのURLをカスタマイズする

Bloggerダッシュボード > テンプレート > その後は下の動画を参照

このテンプレートの利用は無料でご利用いただけます。
このテンプレートを使用して生じた不利益については、当社では一切責任を負いません
当社ではいかなる質問なども受け付けていません


header部分をなしで設定するときは?
-------------------------------------------------------------------
テンプレート内の下の赤部分に変更する


/*■■メインコンテンツ全体の横幅 マージン 背景の指定 サイドバーに背景画像を入れるときは下のタグを参照すること  【注意】background-imageが透過処理のときはbackground-colorの行を削除する  ■■ */
#content-wrapper {
  width: 980px;
  margin: auto;
  margin-top: -40px;
  padding: 0 0 0px;
  text-align: $startSide;
  border: 0px solid $mainBgColor;
  border-top: 0;
}






0 コメント: