[ブログカスタマイズ]動くリンク

動くリンクは、クリック率が高いです。（実証済み）
アフィリエイトでお小遣いを稼ぐ
人間の目（心理）は、色よりも動きに反応しやすいからね。

ほら、小さな虫が、目の前を横切ると、気になるよね？^^
その心理を、応用するんです。

「ブログの、この部分に注目して欲しいな」
そんな時に、この方法を使ってみてね。


●具体的なやり方

基本は、これ。
基本
<marquee>基本</marquee>

1. <marquee　○○○>の○○○の部分に、下のタグを記入して、お好みの表示にします。
   
   
2. behavior="文字の動き方を指示”（scroll＝横切る・alternate＝往復する・slide＝端で止まる）
   
   
3. direction="文字の進行方向"（left＝右から左へ・light＝左から右へ・up＝下から上へ・down＝上から下へ）
   
   
   
4. width="幅”（文字を表示させる枠の横幅）
   
   
5. height="高さ”（文字を表示させる枠の縦幅）
   
   
   
6. scrollamount="文字が流れる速度（数値が大きくなるほど早くなる）
   
   
7. backgroundcolor="背景の色"
   
   
8. font color="文字の色"
   
   
9. size="文字の大きさ
   

例えばこんなふうに記述する。

<marquee behavior="alternate" direction="left" bgcolor="#ffff00" width="180" height="0" scrollamount="10"><font color="#ff0000" size="1">ここに表示したい文章</font></marquee>

すると、こんなふうになるよ。
ここに表示したい文章


●リンクを動かすには？

<marquee>と</marquee>の間に<a href="ここにURL" target="_blank">ここに説明文</a>を挿入。

こんな感じね。
<marquee><a href="ここにURL" target="_blank">ここに説明文</a></marquee>

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

記事冒頭のやつと、同じように表示させたい場合は、このタグを使ってね。
<marquee bgcolor="white" behavior="alternate" width="210" height="31" scrollamount="6"><a href="ここにURL" target="_blank"><img src="○○○.jpg">ここに説明文</a></marquee>

※アフィリエイトのタグは、改変すると規約違反になる場合が多いよ。カスタマイズする時は、気をつけてね。


●画像を動かすには？

<marquee>と</marquee>の間に<img src="○○○.jpg">を挿入。

こんな感じになるよ。
<marquee ><img src="○○○.jpg"></marquee>

この記事が、お役に立ちましたら、応援お願いします♪