| 03/03 |  |
ブログを書こう（STEP2) |
STEP２では、１より細かいことをやって行きたいと思います。
その分面倒かも知れませんけどね・・・。
アクセスカウンターを付ける
カウンターを付けると、今までで何人の方が閲覧したか、今日は何人の方が見に居たか、と言うのが分かります。
カウンターもいろいろあるでしょうけど、ここでは「FC2カウンター」の説明を。
とりあえずこちらにログインして下さい。
ブログの会員登録をしたときのメールアドレスとパスワードで入れたはずです。
すると「管理パネル」のページが出ますので、「サービスの追加」からカウンターを追加します。
その後、ブログの管理画面から「プラグインの設定」→「プラグインの追加」→「FC2プラグイン」→「FC2カウンター」で追加します。
ブログを確認してみて、表示する位置を変えたければ「プラグインの設定」で変えられますので。
ちなみに、FC2カウンター管理者画面から、カウンターの画像を変えたり、設定を変えられたり、細かなアクセス統計を見れたり出来ます。
「設置タグ表示」のタグをコピーすれば、テンプレートの中に組み込んだり出来ますが、組み込める知識があるならこんな所見て無いでしょうし、省略（笑
ブログを自分色に染める
「メイポのブログを書いているのに、テンプレートのデザインがメイポっぽくない」って思ったことは無いですか？
テンプレートのデザインを変えるのにはHTMLやCSSの知識が必要ですので普通は無理です。
ですが、根気と情熱があればもしかしたら出来るかもしれません（笑
あくまで参考までにご覧下さい。
例えば、ブログのタイトル部分の背景画像（私のブログで言うと、最上部のメインと四時が居る画像）を変えるだけでもだいぶオリジナリティが出ると思います。
まぁ、テンプレートによっては背景画像が無いかもしれませんが・・・。
あまり知識も無い私がどうやって変えたか、というと、まずブログ管理画面から「テンプレートの設定」へ。
「編集」を押すと、目が痛くなるような量のHTML（上）とスタイルシート（下）が出てきます。
スタイルシートの方を見ていって、「ブログタイトル部分」と言うところがあればいいのですが、テンプレート次第では書いてないかもしれません。
ここからは根気です。
ひたすら画像のURLを探します。
このように『url(画像のURL）』となっていますので、見つけてはURLをコピーして、ブラウザのアドレスに貼り付けて見て見ます。
そしてデザインを変更したい画像が見つかったらそれを保存し、大きさを変えない範囲で自分の好きなように変えてください。
そして出来た画像を「ファイルのアップロード」を使ってUPし、縮小画像をクリックして画像のURLをコピー。
後は先ほどスタイルシートで探した、元の画像のURLがある場所に貼り付けます。
貼り付けたらプレービューで確認し、出来ていれば「更新」しましょう。
この方法で出来るのは画像を置き換えることくらいですが、それだけでもだいぶ印象は変わると思います。
時間があるときにでもやってみると良いかもしれませんね。
凝った画像加工をする
これは先日作った50000HIT記念画像なわけですが、このように少し凝った画像加工のやり方の説明です。
ここではペイントではなく、「Pict Bear Second Edition」を使うことにします。
これは私がず〜っと使っているもので、これがなかったらブログもサイトも続かなかったかもしれません（笑
・・・まぁ、何より無料なのがいいわけです。
ダウンロード云々のことは割愛。
まず画像を加工するに当たって、使用するSSを用意しましょう。
STEP１で紹介したSSソフトを使うと綺麗な画像に出来ますので。
ここではバナーを作ることにしましょう。
まず、使いたいSSの必要な部分だけ残るように出来るだけ小さく加工します。
これはSTEP１を参照のこと。
こんな感じでギリギリまで小さくした方が後々楽です。
加工する画像がそろったら先ほどダウンロードしたソフトを起動。
「新規作成」をクリック。
画像の名前や大きさを決めます。
ここではバナーを作るので200×40の大きさ。
このままだと個人的にやりにくいので最大化しておきましょう。
それが出来たら「レイヤー」→「レイヤーの読み込み」で先ほど用意したSSを読み込みます。
このままの位置だとパッとしないので、「移動」を使って移動します。
ドラッグ＆ドロップで移動来ますので。
こんな感じでしょうか？
次に「消しゴム」を使って不必要な部分を消しましょう。
細かい部分を消すときは右のほうにある「ブラシ」で、一番小さい大きさにしておきます。
マウスのホイールを使うと拡大できますので、細かい部分を消すときは拡大しましょう。
少し根気の要る作業ですが、慣れれば意外と楽です。
出来たら次は文字を入れてみましょう。
「レイヤー」→「新規作成」で新しいレイヤーを作ってから、「文字列」で文字を入れます。
細かい場所は、後で「移動」を使えば変えられますので、画像内をクリックしましょう。
文字の色は予め右の「サンプル」からでも選んでおいて下さい。
後は文字を入力したり、大きさを指定したり、フォントを変えたり・・・。
あ、別にわざわざ新規レイヤー作らなくてもここで出来るんですね；
出来たら「OK」を押せば画像に文字が挿入されてると思います。
場所がずれていたら「移動」で修正してください。
※「駄文」ではなくサブタイトルを使うあたり見栄っ張り
ま、まぁ、出来たら次は背景を作りましょう；
右にある「レイヤー」から、「背景」を選択。
メイポ内の背景を使いたい場合は、「レイヤー」→「レイヤーの読み込み」で使いたい背景があるSSを読み込み、読み込んだレイヤーを一番下に移動させます。
移動させるのは青い矢印をクリックすればOKです。
ここでは自作で背景を作りましょう。
まぁ、ここからは各々で作りたい背景を作ればいいのですが、浮かばない場合の簡単背景をご紹介。
まずは「グラデーション」。
選んだ色のグラデーションで塗れます。
ドラッグ＆ドロップで塗れますので。
まぁ、説明読むより使ってみた方が早いです；
こんな感じに仕上がります。
やり方次第では斜めのグラデーションを作れたりもしますよ。
続いて「ブロック加工」。
これは「フィルター」→「特殊効果」→「ブロック...」を選択し、OKを押せば、そのレイヤーがブロックっぽく加工されます。
予め背景に色をベタ塗りしておき、ブロック加工すると好きな色のブロック背景に出来ます。
ちなみに、先ほどのグラデーションとブロックを組み合わせると・・・
こんな感じに♪
後は自分が満足するまで細かいところを作り込むと良いでしょう。
「長方形」を使って回りを縁取りしたり、「フィルター」→「特殊効果」→「立体加工」で立体感のある画像にしたり・・・。
出来上がったら右のレイヤーの部分から「レイヤーの結合」をクリックして完成、となります。
「名前を付けて保存」でファイルの種類を「PNG」や「JPG」にして保存しましょう。
PNGは綺麗ですけど重くなり、JPGは軽いですけど荒くなります。
私はセンスがないもので、この程度の物しか作れませんが・・・；
ブログにバナーがあるのもいいものだと思いますよ☆ﾐ
是非一度作ってみてください♪
長々と書きましたがどうでしょう？
少しはお役に立てたでしょうか？
分かりにくいところなどあるかもしれませんが、そのときはご一報ください。
あぁ、私がバナー作ったからといって「私のブログのバナーも作ってください」とか言われても困りますので・・・；
（余程仲のいい方なら引き受けるかもしれませんけど）
この記事を読んだからには自分で作ってください（笑
では、皆様が素敵なブログライフを送れるようにお祈りしております。
バナー作ったは良いものの、大きさの関係でおき場所に困ります（笑
その分面倒かも知れませんけどね・・・。
アクセスカウンターを付ける
カウンターを付けると、今までで何人の方が閲覧したか、今日は何人の方が見に居たか、と言うのが分かります。
カウンターもいろいろあるでしょうけど、ここでは「FC2カウンター」の説明を。
とりあえずこちらにログインして下さい。
ブログの会員登録をしたときのメールアドレスとパスワードで入れたはずです。
すると「管理パネル」のページが出ますので、「サービスの追加」からカウンターを追加します。
その後、ブログの管理画面から「プラグインの設定」→「プラグインの追加」→「FC2プラグイン」→「FC2カウンター」で追加します。
ブログを確認してみて、表示する位置を変えたければ「プラグインの設定」で変えられますので。
ちなみに、FC2カウンター管理者画面から、カウンターの画像を変えたり、設定を変えられたり、細かなアクセス統計を見れたり出来ます。
「設置タグ表示」のタグをコピーすれば、テンプレートの中に組み込んだり出来ますが、組み込める知識があるならこんな所見て無いでしょうし、省略（笑
ブログを自分色に染める
「メイポのブログを書いているのに、テンプレートのデザインがメイポっぽくない」って思ったことは無いですか？
テンプレートのデザインを変えるのにはHTMLやCSSの知識が必要ですので普通は無理です。
ですが、根気と情熱があればもしかしたら出来るかもしれません（笑
あくまで参考までにご覧下さい。
例えば、ブログのタイトル部分の背景画像（私のブログで言うと、最上部のメインと四時が居る画像）を変えるだけでもだいぶオリジナリティが出ると思います。
まぁ、テンプレートによっては背景画像が無いかもしれませんが・・・。
あまり知識も無い私がどうやって変えたか、というと、まずブログ管理画面から「テンプレートの設定」へ。
「編集」を押すと、目が痛くなるような量のHTML（上）とスタイルシート（下）が出てきます。
スタイルシートの方を見ていって、「ブログタイトル部分」と言うところがあればいいのですが、テンプレート次第では書いてないかもしれません。
ここからは根気です。
ひたすら画像のURLを探します。
このように『url(画像のURL）』となっていますので、見つけてはURLをコピーして、ブラウザのアドレスに貼り付けて見て見ます。
そしてデザインを変更したい画像が見つかったらそれを保存し、大きさを変えない範囲で自分の好きなように変えてください。
そして出来た画像を「ファイルのアップロード」を使ってUPし、縮小画像をクリックして画像のURLをコピー。
後は先ほどスタイルシートで探した、元の画像のURLがある場所に貼り付けます。
貼り付けたらプレービューで確認し、出来ていれば「更新」しましょう。
この方法で出来るのは画像を置き換えることくらいですが、それだけでもだいぶ印象は変わると思います。
時間があるときにでもやってみると良いかもしれませんね。
凝った画像加工をする
これは先日作った50000HIT記念画像なわけですが、このように少し凝った画像加工のやり方の説明です。
ここではペイントではなく、「Pict Bear Second Edition」を使うことにします。
これは私がず〜っと使っているもので、これがなかったらブログもサイトも続かなかったかもしれません（笑
・・・まぁ、何より無料なのがいいわけです。
ダウンロード云々のことは割愛。
まず画像を加工するに当たって、使用するSSを用意しましょう。
STEP１で紹介したSSソフトを使うと綺麗な画像に出来ますので。
ここではバナーを作ることにしましょう。
まず、使いたいSSの必要な部分だけ残るように出来るだけ小さく加工します。
これはSTEP１を参照のこと。
こんな感じでギリギリまで小さくした方が後々楽です。
加工する画像がそろったら先ほどダウンロードしたソフトを起動。
「新規作成」をクリック。
画像の名前や大きさを決めます。
ここではバナーを作るので200×40の大きさ。
このままだと個人的にやりにくいので最大化しておきましょう。
それが出来たら「レイヤー」→「レイヤーの読み込み」で先ほど用意したSSを読み込みます。
このままの位置だとパッとしないので、「移動」を使って移動します。
ドラッグ＆ドロップで移動来ますので。
こんな感じでしょうか？
次に「消しゴム」を使って不必要な部分を消しましょう。
細かい部分を消すときは右のほうにある「ブラシ」で、一番小さい大きさにしておきます。
マウスのホイールを使うと拡大できますので、細かい部分を消すときは拡大しましょう。
少し根気の要る作業ですが、慣れれば意外と楽です。
出来たら次は文字を入れてみましょう。
「レイヤー」→「新規作成」で新しいレイヤーを作ってから、「文字列」で文字を入れます。
細かい場所は、後で「移動」を使えば変えられますので、画像内をクリックしましょう。
文字の色は予め右の「サンプル」からでも選んでおいて下さい。
後は文字を入力したり、大きさを指定したり、フォントを変えたり・・・。
あ、別にわざわざ新規レイヤー作らなくてもここで出来るんですね；
出来たら「OK」を押せば画像に文字が挿入されてると思います。
場所がずれていたら「移動」で修正してください。
※「駄文」ではなくサブタイトルを使うあたり見栄っ張り
ま、まぁ、出来たら次は背景を作りましょう；
右にある「レイヤー」から、「背景」を選択。
メイポ内の背景を使いたい場合は、「レイヤー」→「レイヤーの読み込み」で使いたい背景があるSSを読み込み、読み込んだレイヤーを一番下に移動させます。
移動させるのは青い矢印をクリックすればOKです。
ここでは自作で背景を作りましょう。
まぁ、ここからは各々で作りたい背景を作ればいいのですが、浮かばない場合の簡単背景をご紹介。
まずは「グラデーション」。
選んだ色のグラデーションで塗れます。
ドラッグ＆ドロップで塗れますので。
まぁ、説明読むより使ってみた方が早いです；
こんな感じに仕上がります。
やり方次第では斜めのグラデーションを作れたりもしますよ。
続いて「ブロック加工」。
これは「フィルター」→「特殊効果」→「ブロック...」を選択し、OKを押せば、そのレイヤーがブロックっぽく加工されます。
予め背景に色をベタ塗りしておき、ブロック加工すると好きな色のブロック背景に出来ます。
ちなみに、先ほどのグラデーションとブロックを組み合わせると・・・
こんな感じに♪
後は自分が満足するまで細かいところを作り込むと良いでしょう。
「長方形」を使って回りを縁取りしたり、「フィルター」→「特殊効果」→「立体加工」で立体感のある画像にしたり・・・。
出来上がったら右のレイヤーの部分から「レイヤーの結合」をクリックして完成、となります。
「名前を付けて保存」でファイルの種類を「PNG」や「JPG」にして保存しましょう。
PNGは綺麗ですけど重くなり、JPGは軽いですけど荒くなります。
私はセンスがないもので、この程度の物しか作れませんが・・・；
ブログにバナーがあるのもいいものだと思いますよ☆ﾐ
是非一度作ってみてください♪
長々と書きましたがどうでしょう？
少しはお役に立てたでしょうか？
分かりにくいところなどあるかもしれませんが、そのときはご一報ください。
あぁ、私がバナー作ったからといって「私のブログのバナーも作ってください」とか言われても困りますので・・・；
（余程仲のいい方なら引き受けるかもしれませんけど）
この記事を読んだからには自分で作ってください（笑
では、皆様が素敵なブログライフを送れるようにお祈りしております。
バナー作ったは良いものの、大きさの関係でおき場所に困ります（笑