上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 ブログに入ってみたら、トップページのトップや、記事ページの上部にRSSブログパーツとか、広告とか。
 貼ってあるブログが有りますよね。
 もちろんFC2ブログでもできます。

 今回ご質問いただきましたので(ありがとう☆)「エア」のテンプレートを使って、実際にブログパーツをはめ込んでみましょう。


まずはテンプレートをバックアップ

 このテンプレートは、プラグインが上部に表示されずに、下部に表示される仕様になっています。そのため、「プラグイン」ではなく、「HTML」部分にブログパーツを直接貼る必要があります。
 もしもの時のために、まずはテンプレートをバックアップしておきます。
「テンプレートの設定」画面を開いたら、カスタマイズしたいテンプレートをまずは「複製」しておいてください。
 とくに、テンプレートをご自分でカスタマイズされている方は要注意!
 当サイトからまた新しいテンプレートは再ダウンロードできますが、いままで苦労して付け足したオリジナルのカスタマイズ部分が、おじゃんになってしまう可能性も…



常にブログ上部に表示する

 まずは、「テンプレートの設定」画面を開き、上のテキストボックス「airのHTML編集」の欄を注意深く見てください。

<!--/topentry-->
</div>
</div>
<!--/search_area-->

<!--◎メインエリア◎-->
<!--not_search_area-->
<!--not_titlelist_area-->
<!--記事一覧・追記エリア-->
<!--topentry-->
<div class="tiday">
<%topentry_year>.
<%topentry_month>.
<%topentry_day>  
</div>
<div class="ticate">
<div class="title_category"><h2><a href="<%topentry_category_link>"><%topentry_category></a></h2></div>


 少しだけスクロールすると、赤字で示した部分に「<!--記事一覧・追記エリア-->」という目印が出てきます。

 ここに、以下のようにブログパーツのタグを挿入・ペーストしてみてください。

<!--/topentry-->
</div>
</div>
<!--/search_area-->

<!--◎メインエリア◎-->
<!--not_search_area-->
<!--not_titlelist_area-->
<!--記事一覧・追記エリア-->

<div style="text-align:center;padding:20px 0;">
<~~~~~~~~~~~~~~~
~~~~~~~ここに、ブログパーツのタグを入れます~~~~
~~~~~~~~~~~~~~~>

</div>

<!--topentry-->
<div class="tiday">
<%topentry_year>.
<%topentry_month>.
<%topentry_day>  
</div>
<div class="ticate">
<div class="title_category"><h2><a href="<%topentry_category_link>"><%topentry_category></a></h2></div>


 これで、ブログ上部に常にブログパーツが設置されます。
 そして、緑の文字

<div style="text-align:center;padding:20px 0;">
</div>

 これを、ブログパーツの上下に貼りつけていますが、これでブログパーツの貼られる位置をセンタリングして、さらに上下に余裕を持たせています。
「padding:20px 0;」の数値、20と30にすれば、もっとゆったり隙間を開けることができますし、数値を少なくすれば、逆に詰め詰めにすることもできます。
 左寄せにしたい場合は「text-align:left;」右寄せにしたい場合は「text-align:right;」と書き換えてみてください。
(paddingの説明は、こちらにも→スタイルシートで遊ぶ part.1(<span>タグ編) | スタンダード・デザインラボ


トップページだけの表示にしたい

 その時は、FC2の優秀な「独自タグ」というタグを使います。とはいっても、非常に簡単です。

<!--/topentry-->
</div>
</div>
<!--/search_area-->

<!--◎メインエリア◎-->
<!--not_search_area-->
<!--not_titlelist_area-->
<!--記事一覧・追記エリア-->

<!--index_area-->
<div style="text-align:center;padding:20px 0;">
<~~~~~~~~~~~~~~~
~~~~~~~ここに、ブログパーツのタグを入れます~~~~
~~~~~~~~~~~~~~~>

</div>
<!--/index_area-->

<!--topentry-->
<div class="tiday">
<%topentry_year>.
<%topentry_month>.
<%topentry_day>  
</div>
<div class="ticate">
<div class="title_category"><h2><a href="<%topentry_category_link>"><%topentry_category></a></h2></div>


 先程入れ込んだ部分に、上記のように、太字の緑のタグを2行組み込むだけです。
 これで、トップページのみブログパーツが表示されるようになります。

 くれぐれも、万が一失敗した時のために、バックアップを取るのを忘れないように☆
このエントリーをはてなブックマークに追加
Mon.06.07.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。