初心者でもできる簡単FC2ブログの作り方

まず環境設定からテンプレートの設定のクリックして下さい。



旗が立っているのが今、自分が使っているテンプレートだから、そのテンプレートの修正をクリック。



そうすると、この画面の様にHTMLとスタイルシートの編集画面になります。これを始めてみると、何か暗号の様なものがずらずらと書いてあって何だこれは！って思いませんか？最初、意味がわかんないし、もう無理だ、降参ですって気持ちに僕はなりましたよ。これ見ただけで、今までより高度って納得しません？

ここで少し確認です。あなたは普通のメモ帳以外のサクラエディタやTeraPadなどのテキストエディタを持っていますか？持っていなかったら今からダウンロードしに行った方がいいですよ。理由は検索がメモ帳よりも便利だし機能がたくさんあるしFC2ブログに採用されているEUCの文字コードが使えるからです。

そして、上のHTMLの編集の方の文を全部、選択してメモ帳などにコピペ（コピー＆ペースト）して下さい。この時にマウスで全部選択するのはすごく長いので大変ですよね。だから、枠内のどこかにマウスのカーソルを持ってきて、キーボードの左下にある「Ctrl」と「A」を同時に押してみて下さい。
そうすると、一気に全部選択されます。選択できたら次は「Ctrl」と「C」を押すとコピーされます。最後にメモ帳にカーソルを持ってきて「Ctrl」と「V」を押すと張り付けられます。

これから、この先もHTMLとスタイルシートを編集して行く事になるのでそれぞれまだ編集していない最初の状態をメモ帳に保存しておきましょう。なにせ暗号のようにわけがわからないので、一回編集しちゃったら元の状態に戻したい時に絶対にわからないからです。

ちなみにHTMLとは、テンプレートのデザインの枠組みの事です。ここを編集すると自分のブログのメニューを左から右に移動させたり、いろいろな事ができます。
スタイルシートとは、ページのレイアウトを飾る事です。ここを編集するとページの文字サイズや色などを変える事ができます。



そしてメモ帳で<%topentry_body>を検索してみて下さい。見つかるとその前に<div class="〜">っていうのが多分あるはずです。僕の場合は"entry_body"でした。"entry_text"の人や他にもテンプレートによって違います。



自分の場合が何かを確認できたら今度はスタイルシートの方をメモ帳にコピペして、自分の語句（僕ならentry_body）を検索してみて下さい。いくつかあるかも知れませんが、."自分の語句" img { 〜〜〜} となっている所です。
僕の場合は画像の様にdiv.entry_body img{ padding: 5px; border: solid 1px #999; }でした。この赤字の{ 〜〜〜}をbackground-color: transparent; border: 0px; padding: 0px;に書き換えて下さい。



僕の場合は書き換えるとこうなります。

書き換えできたらこれを全文選択してコピーして先ほどのテンプレートの設定に戻って下さい。そして下のスタイルシートの編集の方に張り付けて更新をクリックします。

そうすると、自分のブログを確認すると枠がなくなっていませんか？
これでやっとバナーも並べて置けますね。今回はほんとに難しくて戸惑った場面があったと思います。
ブログを続けていくとアフィリエイトというものをはじめる人がほとんどだと思うのですが、その時に小さい四角の枠ができて困る人が少なからずいると思います。そんな時もこの枠を取る方法をすれば小さい枠はなくなります。

上級者はこのHTMLとスタイルシートを理解していて自由に編集したり、テンプレートを作っちゃうんだからほんとにすごいですよね。
そういえば、心配な人は今回スタイルシートを編集したので、”枠を消した”など名前を付けて、メモ帳に編集後のスタイルシートを保存した方がいいかも知れませんね。今回はお疲れ様でした。<検索エンジン登録へつづく>