お小遣いを稼ぐためのお小遣いサイト!お小遣いネットワーク

 

 ● TOP

 ● お小遣いブログを作る手順

 

 

 


フリーエリアを利用する

 記事を書く前に環境設定で追加したフリーエリアのことを覚えてますか?

 ここは説明では、「HTML・JavaScript記述可能なフリーエリアです。アフィリエイト・

 ブログプラグイン・カウンター・アクセス解析等はこちらに貼り付ける事ができます

 と説明のとおりなのですが、いまひとつピンとこないでしょうから実際にカウンターを

 ブログに設置してみましょう。

 アクセスカウンターは無料でさまざまなサイトから配布されていますが、すでに

 FC2へ登録済みですのでFC2の無料カウンターを使ってみましょう。

 まずはFC2IDへログインします

 HURI-ERIA1.JPG - 13,239BYTES

 サービスの追加をクリックします。

 次画面

HURI-ERIA2.JPG - 13,289BYTES

サービスにもいろいろありますが、中ほどのFC2カウンターの
「このサービスの追加」をクリック

HURI-ERIA3.JPG - 17,501BYTES

いきなり、設置タグが表示されますが、表示桁数の設定や画像の変更で
お好きなカウンターが選べますので設定後に設置タグ表示をクリックして
上記赤枠の部分(ここから〜ここまでの部分)をすべてコピーしてフリーエリア
に貼り付けます。

ブログの環境設定から「プラグインの設定」をクリック

HURI-ERIA4.JPG - 12,571BYTES

フリーエリアの「設定の変更」をクリックします

次画面

HURI-ERIA5.JPG - 31,066BYTES

タイトル : フリーエリアと名称はなっていますが変更することもできます。
タイトル文の文字位置 : 右寄せ、中央、左寄せが可能
コンデンツの文字位置 : 同上
説明文の文字位置   : 同上
上下部に記載するプラグインの説明文はフリーエリアの内容を上下部に
説明を入れることができますが、今回はあまり意味がないので空白に
しときます。

HURI-ERIA6.JPG - 33,881BYTES

フリーエリア内容の枠の中にさきほどFC2カウンターでコピーしたタグを
貼り付けます。
貼り付け後の変更クリックを忘れずに^^

確認画面でブログをみてみます。

HURI-ERIA7.JPG - 30,841BYTES

 フリーエリアの中にちゃんとカウンターが入っていますね♪

 これで完了です。

 実はアクセスカウンターはFC2のプラグイン中にもありますが、FC2だけでなく

 他のサイトから配布されるHTMLタグ(先ほどフリーエリア内容に貼り付けたようなタグ)

 にはカウンター以外でもアクセス解析タグやアフィリエイトのためのバナータグといった

 さまざまなHTMLタグが存在しますので少しHTMLの勉強をすればフリーエリアも

 有効に使うことができるでしょう。

 

 特に記事中でのバナーの挿入などを使用する場合などは、ある程度しっておけば

 便利に使えますので試しに当サイトのバナータグをフリーエリアに貼ってみましょう。

HURI-ERIA8.JPG - 29,570BYTES

 

 タグの内容を説明すると

 A href ="**"    : **の部分にリンク先URLが入る
 target=_blank    :新しいウインドウでリンクを開く設定
 IMG src="***"  : ***の部分に画像のリンク先URLが入る
       width="****"   : 画像の幅の数値
       height="****" : 画像の高さの数値
       alt="****"       : 代替の文字
    (代替の文字は簡単にいうと画像が表示されなかった場合に表示される文字列)
    border=0 : 画像の周りに線を描く線の太さ

 確認してみると

HURI-ERIA9.JPG - 25,095BYTES

 ちゃんとバナーが表示されて「お小遣いネットワーク」とリンクされてます。

 *ここで気をつけなければならないのは、src=で指定した画像への直接な
  リンクはサーバーの負担を大きくさせることにつながります。
  多くのサイトでは画像への直接リンクは禁止されていますから
  
タグを指定されている場合以外は画像をブログ内にアップロードして
  その画像URLへリンクするようにしましょう。

 ちなみにブログではHTMLの知識はほとんど必要ありませんが、上記例の

 ように普段つかうものはだいたい決まってきます。

  一時間で作るホームページ などで時間のあるときにでも少し勉強してると

 より良いブログを作ることが出来ると思いますよ^^。

 

ページトップ

 

 

 

Copy right© 2005 sakabenn.home All Right Reserved