[役立つタグ]

[役立つタグ] に関する記事です。
HOME > CATEGORY - [役立つタグ]
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

スポンサー広告 | Page Top↑ Yahoo!ブックマークに登録 スポンサーサイトの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
椛googleアドセンスで稼ぐ方法として、

クリック率を向上させるタグが、あるんです。^^

と言っても、不正な方法じゃないですよ?^^;


サイトやブログって、いろんな内容を、記載しているよね?


「この文章内容は、強調したいなぁ」

「この記述は、コンテンツマッチングさせたくない」


そんな悩みを、お持ちの方。


これを使うと「ページ内で強調したい部分」を強調。

そして、

「無視して欲しい箇所」を除外してくれるんです。^^


つまり、さらに内容にマッチングしたアドセンス広告を、

表示できるようになる
ってわけ♪ヽ(´▽`)ノ


●使い方

HTMLタグの<body>~</body>内で、

強調したい箇所を、こんなふうに囲みます。^^

<!-- google_ad_section_start -->
 強調したい箇所
<!-- google_ad_section_end -->


逆に、無視させたい場合は、

(weight=ignore) タグを、挿入します。

<!-- google_ad_section_start(weight=ignore) -->
 無視させたい箇所
<!-- google_ad_section_end(weight=ignore) -->


これで、よりブログ/サイトの内容に

コンテンツマッチングした広告が、

配信されるように、なります。^^


参考ページ「セクション ターゲットとは何ですか。

また、実装方法を教えてください。」より。

セクション ターゲットとは何ですか。また、実装方法を教えてください。 のページに行くには ここをクリック。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
アドセンス コンテンツマッチ に関連したブログ内の記事へ
スポンサーサイト

[RSS] [Admin] [NewEntry]

[役立つタグ] | トラックバック:0 | コメント:13 | Page Top↑ Yahoo!ブックマークに登録 googleアドセンスで稼ぐ方法の記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
花火流れる文字タグには、Marqueeを使うのは、知っているよね?^^

こんな感じ。

<Marquee onmouseover=this.stop() onmouseout=this.start()>
マウスを当てる(オンマウス)と、止まるよ♪^^
</Marquee>


実際に動かしてみると・・・

マウスを当てる(オンマウス)と、止まるよ♪^^


こうなります。^^


ブログやサイトは、ページの上から下に行くほど、

クリック率が落ちます。



この方法を使えば、少ないスペースに、

たくさんの情報を、詰め込む事が出来る。


だから、たくさんの広告を、見てもらえるんだね。^^


今回ご紹介するのは、テキスト(文字)リンクや、画像バナーが、

下から上に流れる(スクロール)タイプのHTMLです。^^


では、早速ご紹介いたしますね♪ヽ(´▽`)ノ
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ
[流れる文字タグ]の続きを読む

[RSS] [Admin] [NewEntry]

[役立つタグ] | トラックバック:0 | コメント:7 | Page Top↑ Yahoo!ブックマークに登録 流れる文字タグの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
自由の女神バナーの貼り方

「人気ブログランキングなどの、画像とのリンクの仕方が、解らなくて・・・」

という、ご質問をいただいたので、ご要望に、お答えしてみます。^^

●人気ブログランキング

  1. まず「人気ブログランキング」へ行って、

    ランキング用の画像を、取得します。

    リンク用バナー - 人気ブログランキングへ行くには、ここをクリック


  2. 保存したい画像の上で、マウスの矢印を、当てます。


  3. そのまま、マウスの右ボタンをクリックして

    「メニュー一覧」を出します。

    その中から「名前を付けて画像を保存」を選んでクリック。

    パソコン内の、お好みの場所へ、保存します。

●画像のアップ

  1. FC2ブログにログイン→

    ツール一覧から「ファイルアップロード」

    ファイル管理「参照」ボタンを押して、

    パソコン内に保存した 画像を選びます。


  2. そして「アップロードボタン」をクリック。


  3. 画面下「この画像で記事を書く」を、クリックしてみてください。

    「新しく記事を書く」画面に、

    下のようなHTMLタグが、挿入されているはずです。

    <a href="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" target="_blank"><img src="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" alt="人気ブログランキング1" border="0" /></a>

    このタグの最初のURLを

    <a href="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" target="_blank"><img src="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" alt="人気ブログランキング1" border="0" /></a>

    こんなふう↓に、置き換えてください。

    <a href="http://blog.with2.net/link.php?ここにあなたのID番号" target="_blank"><img src="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" alt="人気ブログランキング1" border="0" /></a>

    これで、完了です。^^


●基本

タグは、こんな感じです。

<a href="http://ここにリンク先のURL" target="_blank"><img src="○○○" border="0"></a>


<a href="http://ここにリンク先のURL" target="_blank"></a>

は、テキスト(文字)リンク。


<img src="○○○" border="0">

は、画像のリンクタグね。^^


target="_blank"は、

リンク先を、別窓表示するためのタグ


border="0"は、

画像の枠線を消すための、タグだよ。^^

●おまけ

FC2ブログランキングの場合は、

画像をいちいち保存しなくても、

下のタグをコピペして、あなたのブログに貼るだけで、

使えるようになるよ。^^

ID番号だけ、書き換えてね。o(^▽^)o

<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/a_01.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/a_02.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/a_03.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_01.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_02.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_03.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_04.gif" style="border:0px;"></a>

もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

[役立つタグ] | トラックバック:0 | コメント:9 | Page Top↑ Yahoo!ブックマークに登録 バナーの貼り方の記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
文字に影をつける場合は、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だよ。^^
使ってみてね。^^
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

[役立つタグ] | トラックバック:0 | コメント:6 | Page Top↑ Yahoo!ブックマークに登録 文字に影をつけるの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
雪山スクロールするボックスを作るには、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>

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

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

もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

[役立つタグ] | トラックバック:0 | コメント:11 | Page Top↑ Yahoo!ブックマークに登録 スクロールするボックスの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。