【注意!】 以下の手順を実行する前に必ずCSSとHTMLのバックアップを取っておいてください。 【設定の方法】 1 Blogの設定/管理 2 デザインの設定 3 「custom」にチェック 4 「変更する」をクリック 5 「custom」の画像をクリック 6 「テーマの読み込み」で好きなデザインを選択 7 「読み込み」ボタンをクリック 8 フォームに下のCSSをコピーして貼り付け 9 「保存する」をクリック 10 「こちらのページ」をクリック 11 トップページの「編集」をクリック 12 の前に下のHTMLを編集して貼り付け 13 「保存する」をクリック 14 「Blogの設定/管理」に戻る 15 「Blogの再構築」をクリック 16 CSSとトップページの再構築コマンドを実行 【目次を作るために必要なCSSとHTML】 ■ CSS (破線の間の部分をそのまま「テーマの設定」欄にコピペ) 横幅や文字の大きさ、色などを変更したい場合は、一番下の 「CSSの指定方法の説明」を参照してください。 より詳細なCSSの説明は以下のサイトを参照してください。  ⇒http://www.tagindex.com/index.html ----------------------------------------------------------- .index-title{ color:#006400; font-size:15px; text-align:left; margin:10px 10px 0px 10px; line-height:150%; padding:0px 10px 0px 15px; border:#4169E1; border-style:solid solid none solid; border-width:1px; background:#E6E6FA; width:510px;} .index-contents { color:#2F4F4F; font-size:12px; text-align:left; margin:0px 10px 0px 10px; line-height:150%; padding:10px 10px 0px 15px; border:#4169E1; border-style:none solid solid solid; border-width:1px; background:#f8f8ff; width:510px;} ---------------------------------------------------------------- HTML (適当に編集して『HTMLテンプレートの編集』欄に貼り付け) ----------------------------------------------------------------
目次のタイトル
リンクタイトル  説明文
リンクタイトル  説明文
リンクタイトルリンクタイトルリンクタイトルリンクタイトル
---------------------------------------------------------------- CSSの指定方法の説明 ----------------------------------------------------------- .index-title{ color:#006400;       ←文字の色 font-size:15px;       ←文字のサイズ text-align:left;      ←文字の配置位置 margin:10px 10px 0px 10px; ←外側の余白の広さ (上・右・下・左) line-height:150%;      ←行間の広さ padding:0px 10px 0px 15px; ←内側の余白の広さ (上・右・下・左) border:#4169E1;       ← 枠線の色 border-style:solid solid none solid; ←枠線の形式 border-width:1px;      ← 枠線の太さ background:#E6E6FA;     ←背景の色 width:510px;}        ←枠の横幅 .index-contents { color:#2F4F4F;       ←文字の色 font-size:12px;       ←文字のサイズ text-align:left;      ←文字の配置位置 margin:0px 10px 0px 10px;  ←外側の余白の広さ (上・右・下・左) line-height:150%;      ←行間の広さ padding:10px 10px 0px 15px; ←内側の余白の広さ (上・右・下・左) border:#4169E1;       ←枠線の色(上と合わせる) border-style:none solid solid solid;  ←枠線の形式 border-width:1px;      ←枠線の太さ(上と合わせる) background:#f8f8ff;     ←背景の色 width:510px;}        ←枠の横幅(上と合わせる) ----------------------------------------------------------------