タイトル横に日付を移動させる
タイトル横に日付を持ってくるには、「テンプレートの編集」→「HTMLの編集」で、
<ul></ul>タグを書き込み、この色の部分を■に移動させます。
次に、「テンプレートの編集」→「スタイルシートの編集」で、どこにでもいいので
と書き込むと、タイトル横の右端に寄ります。
FC2ブログ開設 >>
<ul></ul>タグを書き込み、この色の部分を■に移動させます。
<!-- 記事タイトル部分 -->
<ul>■</ul>
<h2 class="entry-header">
<a href="<%topentry_link>" title="「<%topentry_title>」の永続的アドレス"><%topentry_title></a>
</h2>
<!-- 記事本文部分 -->
<div class="entry-body">
<%topentry_body>
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む »</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->
</div>
<!-- 記事フッター部分 -->
<ul class="entry-footer">
<li class="date"><%topentry_year>-<%topentry_month>-<%topentry_day></li>
<li class="category">
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a></li>
<ul>■</ul>
<h2 class="entry-header">
<a href="<%topentry_link>" title="「<%topentry_title>」の永続的アドレス"><%topentry_title></a>
</h2>
<!-- 記事本文部分 -->
<div class="entry-body">
<%topentry_body>
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む »</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->
</div>
<!-- 記事フッター部分 -->
<ul class="entry-footer">
<li class="date"><%topentry_year>-<%topentry_month>-<%topentry_day></li>
<li class="category">
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a></li>
次に、「テンプレートの編集」→「スタイルシートの編集」で、どこにでもいいので
li.date {
float: right;
}
float: right;
}
と書き込むと、タイトル横の右端に寄ります。
FC2ブログ開設 >>
aaa_tomato_2l
aaa_ocean_2s文字のサイズを変える
aaadesignのテンプレートでは、見る人が好きな文字サイズに変えられるよう、キーワードで指定しています。
サイズの見本です。
xx-small より小さい
x-small 小さい
small すこし小さい
medium 通常
large すこし大きい
x-large 大きい
xx-large より大きい
「テンプレートの編集」→「スタイルシートの編集」でこの色の部分を書き換えれば完了です。
ほかに、パーセントやピクセルなどいろいろな単位で指定することもできます。
ちなみに、以上のサイズの指定を消すと初期設定のサイズになるので、全体に大きめになります。
FC2ブログ開設 >>
サイズの見本です。
xx-small より小さい
x-small 小さい
small すこし小さい
medium 通常
large すこし大きい
x-large 大きい
xx-large より大きい
「テンプレートの編集」→「スタイルシートの編集」でこの色の部分を書き換えれば完了です。
ほかに、パーセントやピクセルなどいろいろな単位で指定することもできます。
/* body要素以下全てに適用されます */
font-size: small;
/* タイトル */
font-size: x-large;
/* 記事のタイトル部分 */
font-size: medium;
/* コメントの見出し */
font-size: medium;
/* コメントのタイトル */
font-size: small;
/* トラックバックトップ */
font-size: medium;
/* トラックバックのタイトル */
font-size: small;
/* 広告タグ削除不可のブロック */
font-size: x-small;
font-size: small;
/* タイトル */
font-size: x-large;
/* 記事のタイトル部分 */
font-size: medium;
/* コメントの見出し */
font-size: medium;
/* コメントのタイトル */
font-size: small;
/* トラックバックトップ */
font-size: medium;
/* トラックバックのタイトル */
font-size: small;
/* 広告タグ削除不可のブロック */
font-size: x-small;
ちなみに、以上のサイズの指定を消すと初期設定のサイズになるので、全体に大きめになります。
FC2ブログ開設 >>
涼しげビーチテンプレート
aaa_privatebeach_2s 涼しげなプライベートビーチ。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。
FC2ブログ開設 >>
aaa_pinkdot_2l
aaa_bluestripe_2l
aaa_simple_2l
コメントに絵文字・装飾機能を追加する
コメントに絵文字・装飾機能を追加するには、「コメントの投稿」と「コメントの編集」の両方に、ジャバスクリプトタグと<form>タグ内にこの色の部分を挿入する必要があります。
挿入部前後のみ抜き出しましたので、「テンプレートの編集」→「HTMLの編集」でこの4ヶ所を貼り付けて、更新すれば完了です。
FC2ブログ開設 >>
挿入部前後のみ抜き出しましたので、「テンプレートの編集」→「HTMLの編集」でこの4ヶ所を貼り付けて、更新すれば完了です。
<h3 class="comment-post">コメントの投稿</h3>
<form method="post" action="./" name="comment_form">
<dl>
（中略）
<dt><label for="comment">Comment</label></dt>
（中略）
<h3 class="comment-edit">コメントの編集</h3>
<form method="post" action="./" name="comment_form">
<dl>
（中略）
<dt><label for="comment">Comment</label></dt>
<form method="post" action="./" name="comment_form">
<dl>
（中略）
<dt><label for="comment">Comment</label></dt>
<script type="text/javascript" src="http://blog105.fc2.com/load.js"></script>
<dd><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd>（中略）
<h3 class="comment-edit">コメントの編集</h3>
<form method="post" action="./" name="comment_form">
<dl>
（中略）
<dt><label for="comment">Comment</label></dt>
<script type="text/javascript" src="http://blog105.fc2.com/load.js"></script>
<dd><textarea id="comment" cols="50" rows="5" name="edit[body]"><%edit_body></textarea></dd>FC2ブログ開設 >>
洋酒ボトル大人テンプレート
aaa_liquor_2sバーに並ぶ洋酒のボトル。落ち着いた大人の雰囲気。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。画像提供：Futta.NET
FC2ブログ開設 >>
A8.net
A8.netは国内最大級のアフィリエイトサイトです。500を超える提携企業の多さと、審査の通りやすさが特徴。普通のブログなら大抵参加できます。
FC2も広告主として参加しているので、ブログは勿論、ホームページ、レンタルサーバー、カウンターなどを紹介することで報酬を得られます。他にもあらゆるジャンルから広告を選べ、広告のリンク作成も判りやすいので、アフィリエイト初心者にはおすすめです。
しかも自己申込OKの企業がとても多いので、自分の名前で無料会員登録や資料請求するだけで簡単に報酬が得られるのも、魅力のひとつです。
A8.net >>
FC2ブログ開設 >>
FC2も広告主として参加しているので、ブログは勿論、ホームページ、レンタルサーバー、カウンターなどを紹介することで報酬を得られます。他にもあらゆるジャンルから広告を選べ、広告のリンク作成も判りやすいので、アフィリエイト初心者にはおすすめです。
しかも自己申込OKの企業がとても多いので、自分の名前で無料会員登録や資料請求するだけで簡単に報酬が得られるのも、魅力のひとつです。
A8.net >>
FC2ブログ開設 >>
リンクの下線を消す
リンクの下線を消すには、「テンプレートの編集」→「スタイルシートの編集」で、どこにでもいいので
を挿入します。
これですべてのリンクの下線が消えます。
特定の部分のリンクの下線だけを消したい場合、例えば<div.entry-body>（aaadesignのテンプレートでは記事本文）だけに適用させたい場合は、
とします。div.entry-bodyのなかのa（リンク）を指します。間に半角スペースが必要です。
逆に、すべての下線を消した上で、この部分のリンクの下線だけを表示させたいという場合は、
となります。
a {
text-decoration: none;
}
text-decoration: none;
}
を挿入します。
これですべてのリンクの下線が消えます。
特定の部分のリンクの下線だけを消したい場合、例えば<div.entry-body>（aaadesignのテンプレートでは記事本文）だけに適用させたい場合は、
div.entry-body a {
text-decoration: none;
}
text-decoration: none;
}
とします。div.entry-bodyのなかのa（リンク）を指します。間に半角スペースが必要です。
逆に、すべての下線を消した上で、この部分のリンクの下線だけを表示させたいという場合は、
div.entry-body a {
text-decoration: underline;
}
text-decoration: underline;
}
となります。
