カスタマイズ(html)

＊htmlがある程度わかりだしてからのほうが無難です。
htmlのお勉強はこちらでHTML手打ちで作るホームページ講座

ブログのカスタマイズの為に、html部分とスタイルシート(CSS)部分の
各箇所の簡単な説明をします。
なお、説明に使用しているブログはFC2BLOG です。
テンプレートは、arrow_o を使っています。
また、テンプレートをカスタマイズする際は、最初にHTMLの編集とスタイルシート
の編集部分を、メモ帳等に別々にコピーして保存しておけば、最悪元に戻せます。

まず、ログイン -> 右上のブログデザインの編集をクリック
編集中のテンプレート内編集の修正をクリック（編集したいテンプレートを選んで）
すると、HTMLの編集とスタイルシートの編集の2つが出てきます。

HTMLの編集

カスタムする場合は、サイドバーがメインだと思いますので、
ここから <div id="right"> 〜 </div> までの間をいじくることになります。

<!--トラックバックここまで-->
</div>

<div id="right">

〜この間を弄くる〜

</div>

<!--
<ul class="yokocal">
<li><a href="<%prev_month_link>"><%prev_year><%prev_month></a></li>

基本的に、<h3></h3>の間の文字を変更したり、サイドバーのコンテンツの
並べ替え、追加・削除等を行います。

コンテンツを移動削除する際は、1つのコンテンツの全てのタグを
移動・削除してください。

例、トラックバックコンテンツの移動・削除の場合

<h3 id="trackbackhead"><a name="trackback">トラックバック</a></h3>
<dl id="trackbackbody">
<dt>トラックバックURLはこちら</dt>
<dd><a href="<%trackback_url>"><%trackback_url></a></dd>
</dl>

上記部分を全て、移動・削除する必要があります。


ちなみに、ここの部分に何かを入れるとサイトタイトル＆サイト説明の
下に入ります。

<h1><a href="./"><%blog_name></a></h1>
<h2><%introduction></h2>

ここの部分

<div id="left">


さらに、ここの部分2に何かを入れると、記事の真上に入ります。

<div id="left">

ここの部分2

<!--エントリー-->

<!--topentry-->

<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>


トップページへ　　カスタマイズ(CSS)