[役立つタグ]

文字に影をつける場合は、DropShadowタグを、使うよ。＾＾

具体的には、こんな感じだよ♪

<div style="width:100%; filter:DropShadow(color=ここに影の色,offX=3,offY=6)">ここに文字</div>

width:効果範囲(文字列)の幅の設定数値
color=シャドウの色

offX=数値が大きくなるほど、シャドウが右に移動
offY=数値が大きくなるほど、シャドウが下に移動

例えば、こんなふう↓に、記述すると・・・
<div style="width:100%; filter:DropShadow(color=#C0C0C0,offX=3,offY=2)">アフィリエイトでお小遣いを稼ぐ</div>

こんな↓感じ。＾＾



●シャドウの方向を変えるには？

ちシャドウの方向(位置）を、変えるには、数値を、マイナス表記にすることで、可能だよ。＾＾


マイナス数値に、した場合↓は
<div style="width:100%; filter:DropShadow(color=#C0C0C0,offX=3,offY=-3)">アフィリエイトでお小遣いを稼ぐ</div>

こんな↓感じ。＾＾



下から右上に、シャドウが付いたよね？＾＾


●流れるようなシャドウをつけたいなぁ

DropShadow属性のかわりに、Shadow属性を、使うよ！＾＾


そしてShadow(color=ここに影の色,

の後ろにdirectionタグを、使います。＾＾


<div style="width:100%; filter:Shadow(color=#C0C0C0,direction=30 offX=-3,offY=3)">アフィリエイトでお小遣いを稼ぐ</div>



direction=”ここに記述する数値を、変更する事で、シャドウの向きを、変えられるよ＾＾”

右上は45
右は90
左下は135
下は180
左は270
左上は315
真上は0

●文字に色をつけたいんだけど？

おなじみの<span style="color:ここに文字の色">ここに文字</span>を、挿入しよう！＾＾

↓のようにすると・・・
<div style="width:100%; filter:DropShadow(color=silver,offX=3,offY=-3)"><span style="color:#ff0000">アフィリエイトでお小遣いを稼ぐ</span></div>

こうなるよ！＾＾

アフィリエイトでお小遣いを稼ぐ

「文字を立体的にして、目立たせたいな」という時に、便利なHTMLだよ。＾＾
使ってみてね。＾＾

スクロールするボックスを作るには、overflow属性（HTML）タグを、使うんだよ。＾＾

overflow属性には、4つのタイプがあるよ。

visible：枠の外側まで、はみ出して表示する。

scroll：入りきらない文章を、折りたたんで、上下に移動出来るようにする。

hidden：はみ出した文章は、表示しない。

auto:バーを、自動表示にする。

まずは、この中の「scroll」を使うよ。＾＾


●基本

<p style="width:ここに横幅の数値px;height:ここに縦幅の数値px;;overflow:scroll;">ここに文字</p>を、使おう！＾＾

例えば、このような記述をすると・・・

<p style="width:200px;height:100px;overflow:scroll;">ここにお好みの文字を挿入します。
すると、右側に、バーが現れます。

こうする事によって、少ないスペースの中に、たくさんの文字を入れて、みてもらうことが出来るんだよ。＾＾</p>

こんなふう↓に、なります。＾＾

ここにお好みの文字を挿入します。
すると、右側に、バーが現れます。

こうする事によって、少ないスペースの中に、たくさんの文字を入れて、みてもらうことが出来るんだよ。＾＾

●背景色をつけるには？

background-color:ここに背景色;を、入れようね。＾＾

<p style="width:ここに横幅の数値px;height:ここに縦幅の数値px;background-color:#ここに背景色;overflow:scroll;"></p>

<p style="width:200px;height:100px;background-color:#ffff00;overflow:scroll;">ここにお好みの文字を挿入します。
すると、右側に、バーが現れます。

こうする事によって、少ないスペースの中に、たくさんの文字を入れて、みてもらうことが出来るんだよ。＾＾</p>

こんなふう↓に、なります。＾＾

ここにお好みの文字を挿入します。
すると、右側に、バーが現れます。

こうする事によって、少ないスペースの中に、たくさんの文字を入れて、みてもらうことが出来るんだよ。＾＾

●下のバーを、消したい

autoを、使えば、可能だよ。＾＾
※ブラウザーによっては、表示できない場合も、あります。


<p style="width:ここに横幅の数値px;height:ここに縦幅の数値px;background-color:#ここに背景色;overflow:auto;"></p>

<p style="width:200px;height:100px;background-color:#ffff00;overflow:auto;">ここにお好みの文字を挿入します。
すると、右側に、バーが現れます。

こうする事によって、少ないスペースの中に、たくさんの文字を入れて、みてもらうことが出来るんだよ。＾＾</p>

こんなふう↓に、なります。＾＾

ここにお好みの文字を挿入します。
すると、右側に、バーが現れます。

こうする事によって、少ないスペースの中に、たくさんの文字を入れて、みてもらうことが出来るんだよ。＾＾

文章を改行する時は、<br>を、挿入するか、ENTERキーを、押してね。＾＾

この方法を使えば、少ないスペースで、たくさんのサービスや、商品を紹介したい時に、便利だよ。＾＾


ちなみに、こんなふう↓にすると・・・

<p style="width:ここに横幅の数値px;height:ここに縦幅の数値px;;">ここに文字</p>

バーのない、枠だけの表示が、出来るよ。＾＾

「文章が、ゴチャゴチャしてて、見づらいな」
と感じたら、枠線で囲ってみるのも、いいかもね？＾＾

ラインを引くには、

<hr size="1" />タグを、使うんだ。＾＾

この<ｈｒ>を使うと

---

こんなふうに、ボーダーラインを描く事が、出来る。


話題が変わる時や、複数の商品紹介をする場合、

「水平線で、区切りをつけたいな」という時に、便利だよ。＾＾


●罫線を太くするには？

size="ここに文字の大きさ(数字）"を、使うよ。＾＾

<hr size="ここに文字の大きさ(数字）" />

数字を大きくすると、太くなるよ。＾＾

こんな感じ。＾＾↓

---

●罫線の長さを指定するには？

width="ここに横幅の長さの数値"を、使おうね＾＾

<hr size="5" width="200” />

こんな感じになったよ＾＾↓

---

●罫線の位置を指定するには？

align="ここに位置指定"を、使うよ。＾＾

align属性の、HTMLは、3つあるよ。＾＾

align="center"：中央

align="left"：左

align="right"＝右


<hr size="5" width="200" align="center" />

中央に配置した場合、こうなります。＾＾↓

---

●罫線に色を付けるには？

color="ここに色の数値"を使うよ。＾＾

<hr size="5" width="200" align="center" color="#ff00ff" />

こうなってるよね？＾＾↓

---

こんなふうに、区切りを入れることで、記事がグンと、読みやすくなるよ！
ヽ(´ー`)ノ

お試しあれ♪＾＾

テーブルタグは、<table border>を、使うんだよ。＾＾

●それってなに？

こういうの↓を、見たことないかな？＾＾

Ｍｙアフィリエイト	イチオシです！＾＾
	OCN会員なら バナーを貼るだけで 2000円もらえる！
報酬支払い額は 1000円から 振り込み手数料 無料	ブログに動画を貼って 試聴してもらうと 報酬○○円！

今日は、これの作り方を、お伝えするよ！＾＾


●基本

まずは、これを覚えてね。＾＾

<table border><tr>
<td>ここに文字</td>
</tr></table>

すると、こんなふうになるよ。＾＾

ここに文字

●枠を横に増やす

<table border><tr>
<td>ここに文字</td>
<td>もうひとつ増やせるよ</td>
</tr></table>

ここに文字

もうひとつ増やせるよ

<td>〜</td>を挿入すれば、横にもうひとつ増やせるよ。

●枠を縦に増やす

<table border><tr>
<td>ここに文字</td>
<tr><td>縦に文字</td></tr>
</tr></table>

ここに文字

縦に文字

<tr><td>〜</td></tr>を挿入すれば、縦にもうひとつ増やせるよ。


●列にする

<table border><tr>
<td>ここに文字</td>
<td>もうひとつ増やせるよ</td>
<tr><td>2列目</td><td>2列目文字</td></tr>
</tr></table>

ここに文字	もうひとつ増やせるよ
2列目	2列目文字

4列目の<tr>〜</tr>の中に <td>〜</td>を配置するのがミソ。
<td>もうひとつ増やせるよ</td>は、そのまま繰り返しね。＾＾

3列の場合は、こう。

<table border><tr>
<td>ここに文字</td><td>ここに文字2</td><td>ここに文字3</td>
<tr><td>2列目1</td><td>2列目2</td><td>3列目3</td></tr>
<tr><td>3列目2</td><td>3列目3</td><td>3列目3</td></tr>
</tr></table>

ここに文字	ここに文字2	ここに文字3
2列目1	2列目2	3列目3
3列目2	3列目3	3列目3

●背景に色を付ける場合

bgcolor="ここに色（＃○○○）"を、挿入しよう。＾＾

<table border bgcolor="ここに色（＃○○○）"><tr>
<td>ここに文字</td>
<tr><td>縦に文字</td></tr>
</tr></table>

ここに文字

縦に文字

3列だと、こんな感じ。＾＾
<table border bgcolor="ここに色（＃○○○）"><tr>
<td>ここに文字</td><td>ここに文字2</td><td>ここに文字3</td>
<tr><td>2列目1</td><td>2列目2</td><td>3列目3</td></tr>
<tr><td>3列目2</td><td>3列目3</td><td>3列目3</td></tr>
</tr></table>

ここに文字	ここに文字2	ここに文字3
2列目1	2列目2	3列目3
3列目2	3列目3	3列目3

●左に色を付ける場合

<table border><tr>
<td bgcolor="ここに色（＃○○○）">ここに文字</td>
<td>もうひとつ増やせるよ</td>
</tr></table>

ここに文字

もうひとつ増やせるよ

2列目の<td>の中に bgcolor="ここに色（＃○○○）"を入れると、左側だけに色がつくよ


●右に色を付ける場合

<table border><tr>
<td>ここに文字</td>
<td bgcolor="ここに色（＃○○○）">もうひとつ増やせるよ</td>
</tr></table>

ここに文字

もうひとつ増やせるよ

3列目の<td>の中に bgcolor="ここに色（＃○○○）"を入れると、右側だけに色がつくよ。＾＾

これが基本ね、＾＾


そうそう。
枠内に、文字を入れる場合、改行する場合は<br>を挿入するか、「Enter｣キーで、改行してね。＾＾

コピペ禁止にするには？

テンプレートの<body>タグに、oncontextmenu='return false'を、書き加えます。

こんな感じね。＾＾
<body oncontextmenu='return false'>

こうしておくと、右クリックして「コピー（記事を複製）」出来なくなるんだ。

これは、｢ブログ記事型アフィリエイト」に参加している方に、知って欲しいタグなんだよ。


今は、あまり聴かなくなったけど、1年前は、人の書いた記事を複製して、ライター系会社に応募する人が、多かったんだ。

自分も、何十回となく、記事を盗まれました･･･(TT)


最近は、ライター系会社も、対策を講じているし、有志ブロガーさんによる、巡回活動の成果もあって、記事を複製する人は、だいぶ減りました。

でも、今でも被害は、後を絶たないのが、現状です。＞＜


●記事を盗まれると、スパム判定される？

もうひとつ、記事を盗まれると、厄介な事があります。

検索エンジンは、同一の記事が、1つ以上あると、片方を「重複記事」として認識。

「スパム(迷惑)判定を下して、ペナルティ（罰）を、与えるんだ。

困った事に、記事を盗まれた被害者なのに「スパム判定」を、受ける危険がある。


なぜかというと、以前(今でも）、自動ツールで作った、アフィリ目的の大量量産ページが、ネットにあふれていたんです。

その影響で「被害者なのに、大量量産ページを制作している人」と、誤認されやすいんだ。＞＜

検索エンジンは、そのあたりの事情は、まだまだ把握できないからね。(汗）


この方法は「完全」ではないけれど、ちょっとした「防犯グッズ的な効果｣は、あります。

なぜなら、記事を複製していく人は、手間を嫌うから。


ではさっそく、設定方法を、お伝えするよ！＾＾


●FC2ブログでの設定方法

1. FC2ブログにログイン



2. 左サイドバーの｢環境設定」の欄から「テンプレートの設定」をクリック。



3. 「テンプレート管理」の画面に行ったら、まず、｢複製｣を押して、お使いのテンプレートの複製を、取っておこう。



4. よろしければ、「編集」をクリックしてね。＾＾



5. 画面が、2つ出ます。
   上の「HTMLの編集」を、使うよ。



6. 
   上画面の中から<body>を、見つけてね。
   
   その<body>を
   
   <body oncontextmenu='return false'>
   
   に置き換えて。＾＾
   
   完了したら｢更新｣ボタンをクリック。
   
   これで終わり。＾＾

※このタグを使うと、コメント欄で、URLやハンドルネームが、自動挿入されない不具合が、起こる場合があります。

ですから、「ブログ記事型アフィリエイト専用ブログ」を、お作りになって、そのブログに設定なさるのが、おすすめです。