☆ ようこそ当ブログへ ☆

インターネットを利用した副業・お金儲けを紹介するブログです。

誰でも簡単に始められる ポイントサイト・懸賞サイトでのおこずかい稼ぎから、アフィリエイトまで解説しています。

サイトカテゴリは、ポイントサイトの紹介 ・ アフィリエイトの紹介 ・SEO対策 ・ ブログカスタマイズ ・ アフィリエイト最新情報マニュアルの紹介となっております。

左のカテゴリから知りたい情報をすぐ クリックしてご覧下さい!

有用な情報を、と努めておりますので、じっくり見ていって下さい!

※ 最新の記事はこの下にあります。

↓  ↓  ↓  ↓

2006年07月16日

Seesaa ブログカスタマイズ集(基本編)

日記のような内容のブログなら、デフォルトのままで、テンプレートだけを選んで楽しめばいいですが、アフィリエイトブログおこずかい稼ぎブログを目的にするのであれば、そのままでは使いづらく、いろいろなカスタマイズが必要になってきます

ブログのカスタマイズ次第では、ホームページのように見えるつくり、ブログ訪問者に興味を持ってもらう、またSEO対策に有効なつくりに構築することができます

これからいろいろなカスタマイズについて、研究して紹介していきたいと思います

まず今回は、初心者を対象にしたカスタマイズです

 1.ブログの設定について
 
 2.記事カテゴリーの設定

 3.コンテンツの追加と削除

 4.アクセス解析を導入する
posted by もーやん at 22:12 | Comment(1) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
2006年07月21日

1.ブログの設定について

ブログを立ち上げたら、まずブログ設定をします

まずSeesaaブログの管理画面を開いて下さい

【記事】 【ダイエット】 【デザイン】 【ツール】 【設定】と項目がありますが、この中の【設定】をクリックします

ブログ設定画面が開きます、まず「ブログタイトル」ですが、これが重要です

「キーワードについて」でも述べましたが、よく検索されるキーワードをうまく組み合わせて決めましょう

そして、つぎに 「説明文」 ですが、どういった内容のブログなのかを、タイトルでも使ったキーワードをちりばめながら、簡潔に記します

そして 「ブログキーワード」 ですが、ここにはブログで使おうと思っているキーワードを左から 優先順位の高いもの(検索して欲しいもの)から順番にスペースをあけて、5〜10個記します

以上の設定は HTMLのタイトルタグ にも反映されるところです、ロボット型検索エンジンがクロールしてきた時にそのブログを認識してくれるSEO的にも重要なところです

最後に設定が終わったら【ブログ設定の変更】をクリックし、範囲は「すべて」を選択し再構築をおこなって下さい

(設定の変更や追加をしたら、再構築をお忘れなく!)












posted by もーやん at 22:38 | Comment(0) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
2006年07月22日

2.記事カテゴリーの設定

ブログは記事を投稿していくと日記形式で、そのブログのページに蓄積されていきます

このとき、この記事はこういう内容のもの、また別の記事はこういった内容を記述したものと、項目を分けて蓄積していかないと、収集がつかなくなってしまいます

そこで記事の目次となるものを作って、系統的に記事を蓄積していくのです

たとえば、「おこずかいサイトについて」というカテゴリーを設定したら、そこに、おこずかい稼ぎに関する記事を、また「アフィリエイトについて」というカテゴリーを設定したら、そこにアフィリエイトに関する記事を蓄積していくのです

そうすれば、ブログを訪れた人がカテゴリーを見て、お目当ての記事にすぐ
たどり着けることができるのです

それでは記事カテゴリーの設定に入ります

まず管理画面を開いてください、左端の【記事】という項目を選択してください

その次に、その下にある【記事カテゴリ】という項目を選択してください

初期設定では日記というカテゴリしかありません、ここに必要なカテゴリを追加していくのです

下のほうに【新しい記事カテゴリの追加】というところがありますので、新しいカテゴリ名を打ち込んで追加ボタンを押すと、カテゴリの一覧に追加されます

つぎに右側の表示順というところで、系統的に記事カテゴリの並び替えを行います

最後に【再構築】ボタンを押して再構築する範囲を「すべて」を選択して再構築を実行してください(設定を変更したり追加した時は再構築をお忘れなく!)

サイトの確認をすると順番どうりに反映されています

記事の投稿をするごとに、記事カテゴリ欄に、ここで設定したカテゴリ名を選択していくのです

たとえば、アフィリエイト・サービス・プロバイダの紹介記事を書いたとします、「おすすめASP」というカテゴリを作っておけば、その項目をクリックすれば、迷うことなくその記事にいけるという寸法です












posted by もーやん at 01:43 | Comment(0) | TrackBack(0) | ●Seesaa ブログ カスタマイズ

3.コンテンツの追加と削除

ブログは基本的に「ヘッダー」「メインバー」「サイドバー」「フッター」とパーツが組み合わさってできています

「ヘッダー」部分にはブログ名、ブログ説明文

「メインバー」部分には記事本文

「サイドバー」部分にはカテゴリ、新着記事、コメント、トラックバック、カレンダー 等
 
以上のようなコンテンツが各パーツに配置されて構成されています

「ヘッダー」「メインバー」「フッター」の部分はほとんどさわる事はないです、「サイドバー」に配置されているコンテンツを主にカスタマイズすることになります

初期設定の段階では、各コンテンツが適当に配置された形になって出来ていますが、不要なコンテンツの削除、必要なコンテンツの追加、効果的なコンテンツの配置などの作業を繰り返しながら、アフィリエイトに適したブログを構築していきます

まず管理画面にサインインして下さい、そして【デザイン】を選択、つぎに
その下にある【コンテンツ】をクリックして下さい、コンテンツ一覧画面が出てきます

その中で、記事検索、ブログクリック、人気商品、カレンダー、などの今必要のないコンテンツをドラッグして削除していきます

一通り削除したらブログの再構築をして下さい、だいぶスッキリしてきました

つぎに今度は必要なコンテンツの追加に移ります、コンテンツ一覧画面の中のコンテンツの追加というところで、コンテンツを選択してください

一覧の中から、〈プロフィール〉〈お気に入りリンク〉〈自由形式を〉追加します
 
<プロフィール> は自己紹介用に使います、ネット上ではその人となりが見えてきません、やはりコミュニケーションをとるため、サイトを信用してもらうために必要となってきます、堅苦しく考えずにニックネームでいいですし、プロフィール画像はアバターを作れるサイトがありますので、それを利用してもいいでしょう

<お気に入りリンク> は相互リンクする時に必要な部分になります、ここにリンクした相手のサイトを表示する重要な部分です、かならず追加しておきましょう

<自由形式> はここに広告コードを貼り付けたり、ブログランキングやその他のバナーを貼り付けたりと、いろいろな使い方ができる部分です

HTMLの編集や貼り付けなど、ある程度のHTMLの知識が必要になってきます

この<自由形式>というコンテンツは設定画面ではタイトルを付けれますが、実際のブログの画面上ではタイトルが表示されません

表示方法は自由形式の自由入力欄の最初の部分に以下のHTMLコードを挿入します


<div class=”sidetitle”>おすすめ書籍</div>  


このコードを入れることによって、ブログ上に「おすすめ書籍」というコンテンツのタイトルが入るようになります













posted by もーやん at 18:03 | Comment(0) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
2006年07月30日

4.アクセス解析を導入する

皆さんブログを立ち上げたら、いったいどれぐらいの人が見に来てくれのか
、気になるところですよね

簡単なアクセス数なんか見るだけならば、ブログサービスについてるアクセス分析やアクセスカウンターを付ければ見れますが、アクセス解析を導入することによって、どこからアクセスしてきたのか、どの検索エンジンから、どういったキーワードで来たのか、どの記事にみんな興味をもっているのか、どのIDから何回、閲覧時間は?などといった、詳細なデータが得られます

アクセス解析を使うことによって、アクセスアップのためのいろいろな試みや対策が立て易くなります

無料のアクセス解析ツールがあるので利用しましょう、代表的なものに以下のサイトがあるので紹介します


1. アクセスアナライザー

2. 忍者ツールズ(shinobi.jp)
posted by もーやん at 23:25 | Comment(5) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
2006年09月04日

◆リンクテキストのカスタマイズ編

今回はリンクテキストのカスタマイズについて
紹介していきたいと思います

最近ブログもいろいろなデザインのものが、増えて
きましたが、デザイン重視で視覚的にリンクする
テキストなのか、通常のテキストなのか分かりにくい
ものがあります

アクセシビリティーの面からいってもリンクテキスト
は見やすいもの、分かりやすいもの、目立つもので
なければなりません

私のブログも ライトグレー(両サイド)を使っていますが、
最初、薄いグリーンでカーソルをあてなければ、リンクする
のか、わからない状態で不安でしたが、クリック率を左右
するので、アフィリエイトサイトでは重要なところです

CSS(スタイルシート)のカスタマイズが中心となります


1.リンクするテキストの色を変更する

2.リンクするテキストに下線をつける

3.ポインターを合わせた時にリンクテキストの色を変える

4.リンクテキストをポイントを合わせた時にベコッと動かす 
posted by もーやん at 01:20 | Comment(0) | TrackBack(0) | ●Seesaa ブログ カスタマイズ

1.リンクするテキストの色を変える

一般的にはリンク色は、青が基本的な色と
いわれています

誰でも青色はリンクするテキストであると
認識しているからです

好みはそれぞれ、あると思いますが、
サイト訪問者に分かりやすい配色を
心がけましょう

まずSeesaaブログにサインインしてください

つぎに管理画面に進んでください、そして

デザインの中にあるスタイルシートを開きます

スタイルシートの中の

a{color:#7C9907;text-decoration:none;}

と記述してある部分を見つけてください

この部分はリンクするテキストの色と装飾を

指定している部分です

#7C9907が変更前のリンクテキストの色です

これを、以下のように(青くなっている部分)

#0000FF に変更してください

a{color:#0000FF;text-decoration:none;}


つぎに「スタイルシートを変更する」をクリック

そして「すべて」を選択して再構築して下さい

サイトの確認をするとリンクテキストが青色に

変わったのが分かるでしょう


注(HTMLでは「#0000FF」のようにカラーコードで
  色を指定します。 
  カラーコードが分からない場合は、カラーコードで
  検索するとカラーチャートを載せているサイトが
  すぐ見つかりますので、それを参考にして下さい)



リンク色は青が基本になりますが、どうしてもと

こだわりがある人は、カラーコードなどを参考にして

リンク色を指定して下さい。


次回はリンクテキストの装飾です・・・







posted by もーやん at 01:38 | Comment(0) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
2006年09月05日

2.リンクするテキストに下線を付ける

前回はテキストの色を変えましたが、装飾の部分で

テキストに下線を付けてみましょう

下線を付けることによって、このテキストはリンク

するテキストですよと、強調して分かりやすくします

前回、色の変更をした部分です


a{color:#0000CD;text-decoration:none;}


上の text-decoration:none; の部分を変更します

「テキストの装飾がありません」という意味ですが

それを下のように書き換えます


a{color:#0000CD;text-decoration:underline;}


none を underline に変更するだけです

これでリンクするテキストに下線を付けることが

できます

「スタイルシートを変更する」をクリック、

「すべて」を選択して再構築してください


ここでは下線を付けましたが、その他にも線を引ける

ので、以下の表を参考にして下さい


・その他の文字の装飾方法

decoration:noneネットでおこずかい稼ぎ
decoration:underlineネットでおこずかい稼ぎ
decoration:overlineネットでおこずかい稼ぎ
decoration:line-throughネットでおこずかい稼ぎ



次回はカーソルを乗せた時にテキストの色を変えるです



posted by もーやん at 23:17 | Comment(0) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
2006年09月10日

3.ポインターを合せた時にリンクテキストの色を変える

このカスタマイズは、ポインターをリンクテキストに

合わせたときに、テキストの色が反転したように

見せて、クリックを促す方法です

まずSeesaaブログにサインインして下さい

デザインの項目、スタイルシートをクリック

タイトルを選択してクリック、スタイルシートの

編集画面が開きます

前回、色と下線を変更した部分

a{color:#0000CD;text-decoration:underline;}

のすぐ下に、以下のコードを貼り付けてください

a:hover{color:#8A2BE2;}


カラーコードの部分は、リンクテキストが反転したように
 
見えるように、任意の色を設定してください

設定を保存して、再構築してください

ここまでやってくると、だいぶリンクがハッキリとするように

なってきたと、思います


ここでは、ポインターを合わせた時に色を変えるを

説明しましたが、それ以外の動作の時にも色を変える

ことができます

以下のコードを参考にして下さい

a:linkリンク前
a:visitedリンク後
a:active押した時
a:hoverポイント時


例. リンク済みのテキストの色を変える場合

a:visited{color:#8A2BE2;} というように

 a:hovera:visitedに入れ替えればよいのです


次回は、リンクテキストを「ベコッ」と動かすです










posted by もーやん at 02:14 | Comment(0) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
2006年09月13日

4.リンクテキストをベコッと動かす

これはリンクテキストにポインターを合わせた時に

ベコッと飛び出すような動きに見せる方法です、

ポインターを合わせるたびにベコッと動くので

かなり効果があります

デザインの項目からスタイルシートをまず開いて下さい

前回はポイントを合わせた時にテキストの色を変えるまで

設定しましたが

 a:hover{color:#8A2BE2;}←ポイントを合わせた時、色を変える

このタグに以下を追加します

a:hover{color:#8A2BE2;position:relative;top:2px;left:2px;}

top:2px;left:2px;の部分でPX値を変えてやれば、動く量

を調整することができます

色々と色や数値をいじってみて、クリック率が良くなるよう

に設定してみると良いと思います。


posted by もーやん at 01:08 | Comment(1) | TrackBack(0) | ●Seesaa ブログ カスタマイズ
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。