※クリックすると該当箇所に移動します

 

 

 

 

1.トップインフォメーション

※ 量産型テンプレ【 navi ナビ ・ wide ワイド 】はデザイン画像未使用のためご利用できません。

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

【1】書き替えした HTML で設定します。次の記述を見つけてください

 

<!-- ▼トップインフォメーション▼ -->
<!-- ▲トップインフォメーション▲ -->

 

 

【2】次の記述に変更してください

●ソースをダブルクリックしてその状態でコピーしてください

●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。

 

<!-- ▼トップインフォメーション▼ -->
<!--not_permanent_area-->
<!--not_category_area-->
<!--not_tag_area-->
<!--not_date_area-->
<!--not_search_area-->
<!--not_edit_area-->
<!--not_titlelist_area-->
<div class="topinfo">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<!--/not_permanent_area-->
<!--/not_category_area-->
<!--/not_tag_area-->
<!--/not_date_area-->
<!--/not_search_area-->
<!--/not_edit_area-->
<!--/not_titlelist_area-->
<!-- ▲トップインフォメーション▲ -->

 

  • トップページのみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

2.メインカラム上(タイトルつき)

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

〔 設定 → プラグインの設定 → 公式プラグイン追加 〕ページで
プラグインカテゴリ3に〔 フリーエリア 〕を追加してください。

 

 

詳しくは公式マニュアルを参照ください。

フリーエリアプラグインの使い方

http://help.fc2.com/blog/manual/group169/1312?nc=1

 

  • トップページのみ表示されます。
  • フリーエリアに入力する文章の改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。入力しないと改行されません。

 

 

 

 

3.記事内3ヶ所(上部・続きを読む直後・下部)

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

書き替えした HTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

 

上部

 

<!-- ▼記事内上部フリースペース(個別記事ページのみ表示)▼ -->
<!--permanent_area-->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!--/permanent_area-->
<!-- ▲記事上部フリースペース▲ -->

 

  • 個別記事ページ(個別記事URLでブログが表示されている状態)のみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

続きを読む直後

 

<!-- ▼続きを読む直後フリースペース(個別記事ページのみ表示)▼ -->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!-- ▲続きを読む直後フリースペース▲ -->

 

  • 個別記事ページ(個別記事URLでブログが表示されている状態)のみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

下部

 

<!-- ▼記事内下部フリースペース(個別記事ページのみ表示)▼ -->
<!--permanent_area-->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!--/permanent_area-->
<!-- ▲記事内下部フリースペース▲ -->
<!-- ▼記事内下部フリースペース(トップページのみ表示)▼ -->
<!--not_permanent_area-->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!--/not_permanent_area-->
<!-- ▲記事内下部フリースペース▲ -->

 

  • 個別記事ページのみ表示・トップページのみ表示の2ヶ所あります。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

4.記事下

 

( 想定しているコンテンツ例 )インフォメーション文章・広告・メルマガフォーム など

 

 

 

書き替えした HTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

<!-- ▼記事下フリースペース▼ -->
<!--permanent_area-->
<div class="kijishita">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<!--/permanent_area-->
<!-- ▲記事下フリースペース▲ -->

 

  • 個別記事ページのみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

5.コメント送信ボタン下

 

( 想定しているコンテンツ例 )インフォメーション文章・ブログランキングバナー・ソーシャルボタン など

 

 

 

書き替えした 記事のコンテンツHTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

<!-- ▼コメント送信ボタン下フリースペース▼ -->
<div class="ad">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<!-- ▲コメント送信ボタン下フリースペース▲ -->

 

  • コメント入力ページのみ表示されます。
  • 入力するソースを <p>~</p> で囲むと 適度な余白 ができます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

6.記事一覧ページ2ヶ所(上部・下部)

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

※FC2側の仕様の関係でトップページ2ページ以降も表示されます。

 

 

 

書き替えした HTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

 

上部

 

<!-- ▼記事一覧ページ上部フリースペース▼ -->
<!--not_index_area-->
<!--not_permanent_area-->
<!--not_edit_area-->
<div class="ad">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<!--/not_index_area-->
<!--/not_permanent_area-->
<!--/not_edit_area-->
<!-- ▲記事一覧ページ上部フリースペース▲ -->

 

 

下部

 

<!-- ▼記事一覧ページ下部フリースペース▼ -->
<!--not_index_area-->
<!--not_permanent_area-->
<!--not_edit_area-->
<div class="ad">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<!--/not_index_area-->
<!--/not_permanent_area-->
<!--/not_edit_area-->
<!-- ▲記事一覧ページ下部フリースペース▲ -->

 

  • 記事一覧ページ(カテゴリ・月別・タグ・検索・全記事)で表示されます。
  • FC2側の仕様の関係でトップページ2ページ以降も表示されます。
  • 入力した文字や画像は「中央揃え」になります。(広告によってはしないときがあります)
  • 文字を「左揃え」にするときは <div style="text-align:left;">テキスト</div> と入力ください。
  • 入力するソースを <p>~</p> で囲むと 適度な余白 ができます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

7.フッター

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

【1】書き替えした HTML で設定します。次の記述を見つけてください

 

<!-- ▼フッターフリースペース▼ -->
<!-- ▲フッターフリースペース▲ -->

 

 

【2】次の記述に変更してください

●ソースをダブルクリックしてその状態でコピーしてください

●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。

 

<!--▼フッターフリースペース▼-->
<div id="footerinfo">
<!-- ▼左側▼ -->
<div class="f1">
<div class="ftitle">
<!--タイトルを入力 ↓-->

<!--タイトルを入力 ↑-->
</div>
<!--本文を入力 ↓-->

<!--本文を入力 ↑-->
</div>
<!-- ▲左側▲ -->
<!-- ▼中央▼ -->
<div class="f2">
<div class="ftitle">
<!--タイトルを入力 ↓-->

<!--タイトルを入力 ↑-->
</div>
<!--本文を入力 ↓-->

<!--本文を入力 ↑-->
</div>
<!-- ▲中央▲ -->
<!-- ▼右側▼ -->
<div class="f3">
<div class="ftitle">
<!--タイトルを入力 ↓-->

<!--タイトルを入力 ↑-->
</div>
<!--本文を入力 ↓-->

<!--本文を入力 ↑-->
</div>
<!-- ▲右側▲ -->
</div>
<!-- ▲フッターフリースペース▲ -->

 

  • 全ページで表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。