カテゴリ:
次は、ファーストビューからリンク、広告などを追尾させる方法です。

こちらの方法は、追尾させるというよりも、ディスプレイ(画面)にシールを貼るような感じで、サイトの上に固定されて表示されます。


CSS

.anpanseal {

position: fixed;
bottom: 20px;
right: 0px;

}


HTML

<div class="anpanseal">リンク、広告などのHTML</div>


こちらを貼り付けていただくと、下の位置から上に20px、右の位置から左に0pxのリンク、広告等が追尾されます。

上から高さを指定したい場合は、bottom: 20px;を削除してtop: 〇px;で指定。

右ではなく、左から横位置を指定したい場合は、right: 0px;を削除してleft: 〇px;で指定。



2つ以上、ファーストビュー追尾を作成したい場合は、RSS(オリジナルデザイン)の時に説明した時と同じように、CSS、HTMLに「anpanseal2」と、新しく作成して1つづつ設定しましょう。