Web屋の独り言

楽天スーパーSALEに間に合う!【アピール度120%!!】楽天市場で画面の帯をクリックできるようにする方法

クリックできる帯 楽天市場

こんにちは(*^_^*)

 

ただいま楽天スーパーSALE真っ最中ですね。

皆さんスーパーセールの調子はいかがでしょうか。

一部の情報では、初日のアクセスはとてもよく、過去最高を見込めると伺ってます。

 

そこで、来訪者に対してアピールする商品を、よりアピールする方法の一つに【帯】がありますね。

ここでいう【帯】とは画面の端にある縦長のバナーを指します。

 

一般的にクリックできない画像で生じされている方も多いですね。

 

そこで、クリックできるタイプの帯をご紹介します。

 

クリックできる帯 楽天市場

 

仕上がりはこんな感じです。

 

比較的簡単です。

■ここから■————————————————————————————

<style>
#hidari-obi {
position: absolute;
top:0px;
left:0px;
background: url(“ここに帯の画像URL”) repeat-y left top ;
}
#hidari-obi a {
display: block;
height:30000px;/*ページ全体の高さ*/
width: 180px;/*帯の幅*/
}
</style>
<div id=”hidari-obi”>
<a href=”クリックされた時のURL” target=”_blank”></a></div>

■ここまで■————————————————————————————

 

↑をヘッダー内に入れるだけでOKです(*^^)v

簡単でしょ?(笑)

 

 

ただ一つだけデメリットがあります。

 

ページの長さを強制的に決めてます。

上記記述は 30000pxに設定してますが、それ以下の場合でもページの長さ(高さ)が30000pxになるのでご注意ください。

関連記事一覧

  1. yahoo!shoppingヤフーショッピング
  2. 楽天FTPによる商品登録
  3. 打ち合わせにも“涼”を求めて。

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP