THEアメブロ攻略~CSSからアクセスアップ、アフェリエイトを完全ナビ~
Amebaでブログを始めよう!

アフェリエイト攻略STEP1~マイクロアド広告をブログに設置する

アフェリエイトで収入を得る方法として


まず一番手軽にはじめられて、すぐに収入を得られるものから




■クリック保証型マイクロアド広告


今私のブログページのサイドバーに広告がいくつか設置されていますね


これがマイクロアド広告というやつです


ちなみにマイクロアドはアメブロの運営会社アメーバが運営してます


この広告を誰かがクリックするごとに1円~100円までの収入が入ってきます

(気が向いたら、広告クリックしてみてください)


このブログから広告サイトへいった誰かが商品を購入したりした場合にもマージンを受け取れます




最初はおこずかいになるかならないか程度ですが


広告を張り出した翌日くらいから、もう収入を得られるので


手っ取り早く、なによりもブログでお金を稼げるという実感を持てるのが特徴です




この広告を皆様にも貼っていただくためには


マイクロアドへの申請が必要となります。


広告の上にマイクロアドのバナーがあると思いますが


バナーをクリックするとマイクロアドのHPにいきますので


まずそこで自分のHP,ブログを登録、申請して下さい


大体1~2週間程度で審査結果の返事が来ると思います


私の知っている限り、審査に落ちた方はおられませんので、


よほどのことがないかぎり、通過できるかと思います。


早速やってみて下さい



こちらからもどうぞ
マイクロアドBTパートナーはブログやサイトに貼るだけ。お小遣いをゲットしよう!





それでは次回、アフェリエイト攻略STEP2で

STEP6~スクロールバーの配色を変更する


* {

scrollbar-face-color:#ff0000;
scrollbar-track-color:#00ff00;
scrollbar-arrow-color:#ffffff;
scrollbar-highlight-color:#0000ff;
scrollbar-shadow-color:#000000;
scrollbar-3dlight-color:#ffaa00;
scrollbar-darkshadow-color:#00ffff;

}


をCSS編集画面の一番下に追加して下さい。

そのままコピペすると以下のような配色になるので、そこは好みのカラーコードを入力して調整して下さい。




スクロールバー


scrollbar-face-color:#ff0000;

赤色の部分の色指定


scrollbar-track-color:#00ff00;

緑色の部分の色指定


scrollbar-arrow-color:#ffffff;

白色の矢印部分の色指定


scrollbar-highlight-color:#0000ff;

青色の部分の色指定


scrollbar-shadow-color:#000000;

黒色の部分の色指定


scrollbar-3dlight-color:#ffaa00;

オレンジ色の部分の色指定


scrollbar-darkshadow-color:#00ffff;

水色の部分の色指定









スクロールバーサンプル


CSS編集画面の一番下に追加して下さい。

* { }

{}に以下のタグを入力すればOK



scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;


scrollbar-face-color:#ffaaaa;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffaaaa;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;


scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;


STEP5~背景をオリジナルに

まぁこれも色を変更するだけなら、基本的にはスキンのカスタマイズで十分です


でもまぁ、せっかくなんで・・・


CSS編集画面にいくとそれぞれ、項目があると思うんですけど

こんな感じで対応してます。


body {
background-color: #FFFFFF;  ①サイドコラム(右左とも)とメインコラムの後ろ
}
#frame {
background-color:#FFFFFF;   ②メインコラム部分

}
#sub_a{
background-color:#FFFFFF;   ③サイドコラム左部分
}
#sub_b{
background-color:#FFFFFF;   ④サイドコラム右部分
}

となります。



 ②メインコラム  ③左サイドコラム ④右サイドコラム



大体の感じはつかめましたかね?


まぁ自分が変更したい場所の名前を知ってれば見ればすぐどこに対応してるかは解ります



色を変更したい場合は


background-color:#;


に文字色変更の時と同じく、カラーコードを入力でOKです


*カラーコードはコチラhttp://www.finitojapan.com/cltable.html



画像をバックにしたいって人は


background-color:#~;のところを


background-image:url(背景画像のurl); 


に書き換えて、背景画像のURLを入力して下さい


*画像のURLについてはSTEP2で解説してますhttp://ameblo.jp/makoto-rock/entry-10094399059.html