08.ブログ 改造 ・変更点

【更新：2010-06-04】

｜次の記事｜

｜01.NavBarの表示を消す｜02.行と行の間隔（改行幅）を調整｜03.ブログ内のアイコン管理｜

NavBarの表示を消す

ナビバーの表示が実行される命令文の前に表示を消す命令を書く。Webサイトに変更方法を記述した内容が出ています。命令文をコピーして張り付けるだけでできます。Bloggerメニューからレイアウト　→　 HTML の編集を開きます。以下にあるHTML部分をさがして「 /＊ Variable definitions 」 の手前に黒い部分の命令文を貼り付けます。

#navbar-iframe {
display: none !important;
}
/＊ Variable definitions
====================

行と行の間隔（改行幅）を調整

ブログ全体の行間を指定することで見やすくなります。行の高さを指定するのは「line-height：150%；」という命令を貼り付けます。Bloggerメニューからレイアウト　→　 HTML の編集を開きます。body｛margin:0；｝の中に貼り付けます。

()body {
margin:0;
font:$bodyfont;
background:$bgcolor;
color:$textcolor;
line-height:150%;追加する。
}

【更新：2012-02-18】

｜前の記事｜ブログ 改造 ・変更点 Top｜

ブログ内のアイコン管理について

ホームページのアイコンを管理するには、各自が作ったサイト内に【 image 】などのディレクトリーを作って管理するのが通常ですが、ブログにはそのようなディレクトリーが準備されていません。自分で管理する方法を考えることになります。やり方はいろいろあると思いますが、私の｜アイデア（考え方）｜は次のようなものです。

まず、『Googleサイト』という無料サービスのホームページ作成ツールを利用します。この中の設定で画像をアップロードするメニューがあるので、これを利用する方法です。アップロード後に画像を表示し、画像データのルートを確認して、貼り付けたい画像のリンク情報をCSSとHTMLでリンクさせる方法です。

もう一つの方法は、このサイト内に画像をアップロードして、画像データのリンク先URLを確認して、画像データを表示させます。（リンク情報をCSSとHTMLでリンク）このサイトはこの方法で行っています。（※以下が画像データです）

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.
• 20.
• 21.
• 22.
• 23.
• 25.
• 26.
• 27.
• 28.
• 29.
• 30.
• 31.
• 32.
• 33.
• 34.
• 35.
• 36.
• 37.
• 38.
• 39.
• 40.
• 41.
• 42.
• 43.
• 44.
• 45.
• 46.
• 47.
• 48.

｜Page Top｜