FC2ブログでフリーエリアを作成する方法(作成中)

 

はじめに

FC2ブログにはアフィリエイトバナー等を貼り付けられるLivedoorのようなフリーエリアがありません。

これを強引に作成する方法をご紹介します。

まだ試行錯誤の状態ですので、試される場合は必ずテンプレートのバックアップを取ってからお試しください

なお、今回ご紹介する方法は私が使っている「gray」というテンプレートで確認したものですので、他のテンプレートでは若干操作が異なる可能性があります。

それにつきましては今後ご紹介したいと思いますが、現在は「gray」のみ対応とさせて頂きます

作業内容としてはテンプレートの修正からHTMLの部分を修正します。

それでは手順をご紹介します。

テンプレートの修正

テンプレートの設定 」 から今使っているテンプレート(赤いポチがついてるやつ)の横の「修正」をクリックします。

以下のような画面が表示されます。

この画面には「HTMLの編集」と「CSSの編集」の2つがありますが、今回編集するのは「HTMLの編集」になります。

 

読み込まれた暗号のようなものを直接編集してもいいのですが、ちょっと分かりにくいのでメモ帳を起動しましょう。

メモ帳が起動したら上の図の暗号のようなものを全てメモ帳にコピーしましょう。

注意!
メモ帳を使う場合はメニューの「書式」−「右端で折り返す」のチェックを外してから使ってください。
私はこれをやらずに
<%rtrackback_day>とか<%archive_count>というブロック変数が表示されトラブリました。

コピーする時は上の図のどこかで「CTRL+A」(全てを選択)キーを押し、続けて「CTRL+C」(コピー)を押し、メモ帳を開いて「CTRL+V」(貼り付け)キーを押すと楽ですよ。

メモ帳を最大化して見やすくしましょう。

さて、ここで、どこにフリーエリアを追加するかを決める必要があります。

「Category」や「Archive」、「RECENT COMMENTS」等、標準のエリアの名称を画面で確認しておいてください。

これからご紹介する方法はそのエリアのすぐ下にフリーエリアを登録する方法になります。

メモ帳にコピーした内容から追加したいエリアの名称(Archive等)を検索します。

すると、以下のような行が見つかると思います。

<div class="menuBlockHead">
<div class="menuBlockTitle">ARCHIVE</div>
</div>
<div class="menuBlockBody">
<div class="menuText">
<ul>
<!--archive-->
<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
<!--/archive-->
</ul>
</div>
</div>

ちょっと分かりにくいですが、最後に</ul></div></div>が書かれている所を探してください。

この行のすぐ下に以下の行をコピーして追加します。

「ここにタイトル名を入力してください。」と書かれた部分はお好きなタイトルに書き換えてください。

<div class="menuBlockHead">
<div class="menuBlockTitle">ここにタイトル名を入力してください。</div>
</div>

この行の下に好きなHTMLをコピーしてください。

最後にメモ帳の内容を一番上の図のエリアに再度コピーして「更新」ボタンを押せば編集は完了です。

ご自分のブログを確認してみてください。

うまく表示されましたか?

まだ勉強不足ですがもう少し勉強してもっと役に立つ情報を掲載していきますので宜しくお願いします。

 

ここまで読んでくださって本当に有り難うございました。
最後に↓↓↓をクリックして頂けると嬉しいです。(^o^)