ブログカスタマイズ方法

ここでは、ブログカスタマイズ方法に関するカテゴリー情報を紹介しています。

無料ブログ＆アクセスアップ関連広告

無料SEO対策ツールを利用し、検索エンジン最適化&アクセスアップ
無料ピング一斉送信サービス「PinGoo!」でアクセスアップ
継続的なアクセスアップとサイトジャンル考慮の無料クリック保証型広告！「cbist」
ブログで商品を紹介、宣伝して報酬(広告原稿料)を貰い小遣い稼ぎしよう！
ブログをつないで話題や製品を知るＵｎｏｗ？サービス参加者募集！
無料でホバーウィンドウ（ドロップインウィンドウ）が設置できます！

▼ リンクスタッフ各社への新規登録で、全員に3000円キャッシュバック中！▼
検索エンジン登録代行・検索エンジン上位表示でアクセスアップ！ 1980円～！

カテゴリー＆エントリー毎にタイトルを変える

2006/03/25(土)

◎ カテゴリー＆エントリー毎にタイトルを変える

一般的なブログでは、ブログタイトルが全ページに適用される事が多く、カテゴリーページやエントリーページ（記事表示）ごとにタイトルが変化しないものが多いようです。

ＦＣ２ブログでは、ＦＣ２独自タグを使うことで、カテゴリーページやエントリーページ毎にタイトルを変える事ができますが、ここでは、そのために必要なFC2ブログテンプレート中で使える変数について説明します。
　※備考；ＦＣ２ブログテンプレート中で使える変数一覧

■カテゴリー＆エントリー毎にタイトルを変える為に必要な変数

<%blog_name>：ブログのタイトルを表示
<%sub_title>：サブタイトルを表示。エリアによりタイトルが変わる。
※トップページでは表示しない
※カテゴリーページの時は、カテゴリー名を表示
※エントリー記事ページの時は、個別エントリー名を表示
※月別アーカイブページの時は、年・月・日の数字を表示
※検索結果ページの時の時は、検索語句を表示
～トップページにのみ表示～ <!--/index_area>
～カテゴリーページにのみ表示～ <!--/category_area>
～個別エントリーページにのみ表示～ <!--/permanent_area>
～月別アーカイブページにのみ表示～ <!--/date_area>
～検索結果ページにのみ表示～ <!--/search_area>

エリアタグは、notをつける事でその「エリア以外」で表示させることもできます。
　※例：  ～トップページ以外に表示～

記事の内容にご満足戴けましたならクリックをお願いします ↓

ＪＲＡＮＫブログランキング

FC2ブログランキング

seo効果ランキング

≫[ カテゴリー＆エントリー毎にタイトルを変える ] の続きを読む

ブログカスタマイズ方法 | トラックバック：2 | コメント：0 | Page Top↑

文字サイズや色、行間隔などを変更するには、「テンプレートの設定」「スタイルシートの編集」にて、各、該当するブロックの文字サイズ指定箇所を変更して頂く必要があります。
　※注意；一部クラス名が違う場合もあります
　　　　（当ブログ公開のテンプレート以外では通用しない場合あり）

■ブログ全体の文字サイズや色、行間隔などを変更するには

body{
font-size: 12px; // 文字サイズ
color: #333333; // 文字色
line-height: 130%; // 行間隔
text-align: center; // テキスト配置位置
}

■エントリー本文の文字サイズや色、行間隔などを変更するには
　※ブログ全体の指定を引き継ぐ場合には設定の必要はありません

.mainEntryBlock {
font-size: 13px; // 文字サイズ
color: #555555; // 文字色
line-height: 130%; // 行間隔
text-align: left; // テキスト配置位置
}

■メニュー枠の文字サイズや色、行間隔などを変更するには
　※ブログ全体の指定を引き継ぐ場合には設定の必要はありません
　※3カラムの場合には「.menu2BlockBase」も設定する必要がある場合もあります

.menu1BlockBase {
font-size: 13px; // 文字サイズ
color: #555555; // 文字色
line-height: 130%; // 行間隔
text-align: left; // テキスト配置位置
}

記事にご満足頂けましたら、クリックをお願い致します

人気blogランキング！

人気ブログ検索-ブログフリーク

FC2ブログランキング

≫[ 文字サイズや色、行間隔などを変更する ] の続きを読む

ブログカスタマイズ方法 | トラックバック：0 | コメント：2 | Page Top↑

テキストボックス風のオブジェクト

2006/01/16(月)

■テキストボックス風のオブジェクトを作る

テキストボックス風のオブジェクトを作ります。

▼ 実行例-1 ＆ソース ▼

<div style="width:460px;height:90px;overflow:auto;border:1px solid #ff0000;padding:5px;">
この部分に、文字やイメージなどを挿入します。

</div>

▼ 実行例-2 ＆ソース ▼

<div style="width:460px;height:50px;overflow:auto;border:5px double #0000ff;padding:5px;background-color:#ffffaa;">
この部分に、文字やイメージなどを挿入します。
背景色や背景画像、枠線の種類などの指定もできます。
</div>

≫[ テキストボックス風のオブジェクト ] の続きを読む

ブログカスタマイズ方法 | トラックバック：3 | コメント：4 | Page Top↑

文字をスクロールさせる

2005/11/21(月)

■文字をスクロールさせます。

タイトルやサブタイトル（サイト説明文）などに使うと効果的です。

文字の大きさ20px、赤色指定
　↑
<MARQUEE style="font-size:20px;color:#ff0000;padding:5px;">文字の大きさ20px、赤色指定</MARQUEE>

スクロールの速さを指定する
　↑
<marquee scrollamount="5" scrolldelay="50" behavior="scroll"
loop="0">スクロールの速さを指定する</marquee>

　※scrollamount="5"　数値を大きくするとスクロールの速度が速くなります
　※scrolldelay="50"　数値を小さくするとスクロールの速度が速くなります

1度だけ動かし、スクロールを止める（※IE のみ有効）
　↑
<marquee scrollamount="5" scrolldelay="50" behavior="slide"
loop="1">1度だけ動かし、スクロールを止める（※IE のみ有効）</marquee>
　※サンプルページ

その他、スクロールする文字サンプル

JAVAスクリプト～サンプル置き場

≫[ 文字をスクロールさせる ] の続きを読む

ブログカスタマイズ方法 | トラックバック：1 | コメント：0 | Page Top↑

フリースペース（index_area）について

2005/10/16(日)

「無料ブログ（blog）テンプレートカスタマイズ方法」でご紹介している共有テンプレートの中には、初期段階でフリースペースを設定してあるテンプレートがありますが、この「フリースペース」は、ブログのトップページにのみ表示されるよう設定してあります。

フリースペースを編集する場合には、 ～  内の～の部分を適時、編集して下さい。

※不要な場合には、 ～  の部分を削除して下さい。
※常時、表示したい場合には、 と  のタグを削除して下さい。