今回はホバーウィンドウを紹介。
これはもう広まりつつありますね。
メルマガ登録フォームをホバーウィンドウで目立つようにしてたり、
メイン販売品の宣伝などにはもってこいですね。
ただ、良く見かけるのですが、ウィンドウを閉じた後のポップアップ表示や
毎回すごい大きいホバーウィンドウの表示は時と場合によって嫌われます。
宣伝効果はあっても嫌われてしまっては意味がありませんので、
見る側の立場を考えて設定しましょう。
広告の紹介記事を書くだけで収入！
ＳＯＨＯ・起業家を成功に導く電子書籍販売ツールを提供・・インフォカート
こんな感じでホバーウィンドウが出てきます。
※今はこの記事を表示した時しか出ないようにしています。
ホバーウィンドウのスクリプト生成を簡単にしてくれるところがあります。
Dynamic Drive DHTML Scripts- Drop-in content box
このサイトは外国なので英語表記ですが簡単です。
まずは、
Step1で設定チェック、
Step2の記述をコピーしてHEAD間に貼り付ける、
Step3の記述をコピーしてBODY間に貼り付ける。
Step1の意味は
１）毎回表示
２）ブラウザ起動毎に1度だけ表示
３）指定回数表示
オススメは２番目でしょうか。
好みで設定を変えて見て下さい。
ホバーウィンドウのサイズなどの変更はStep3に記述されている
一番上のスタイルシートで変更します。
<div id="dropin" style="position:absolute;visibility:hidden;left:200px;top:100px;width:500px;height:300px;background-color:#F5F5F5">
left ＝ サイトの左からどの位置で表示か
top ＝ サイトの上からどの位置で表示か
width＝横幅
height＝縦幅
background-color＝背景色
と、設定の説明はこんな感じですね。
ホバーウィンドウの中身に色々記述する場合は
Step3の記述でサイズなどの変更するあの記述から下に書きます。
<div align="right"><a href="#" onClick="dismissbox();return false">[Close Box] </a></div>
という記述はホバーウィンドウを閉じるための物です。
この前後に色々宣伝など記述するといいでしょう。
※ホバーウィンドウを閉じるための記述は必ず表記すること。
ホバーウィンドウが閉じれないと邪魔になってしまう可能性があります。
SPECIFY YOUR CONTENT HERE. IT COULD BE TEXT, IMAGES, OR RICH HTML
この記述は「ここにコメントや画像などHTMLで記述して下さい」って意味なので、
消しても問題ありません。
【編集後】
久々に友達と飲んで遊んでました。
土曜更新できなくてすいません＞＜
8月もまたどんちゃん騒ぎあるので楽しみ（´ー｀*）
ここに色々記述ヾ（＠゜∇゜＠）ノ
SPECIFY YOUR CONTENT HERE. IT COULD BE TEXT, IMAGES, OR RICH HTML
↑の英文は消しても問題なし！
もち、こっちでも色々記述してもおっけーヾ（＠゜∇゜＠）ノ
| 管理人 | だるねこ |
| サイト名 | ネットで稼ぐブログアフィリエイト |
| URL | http://daruneko.blog72.fc2.com/ |
| メール | daruneko3♪yahoo.co.jp ※スパム対策のため♪は半角＠に変えて下さいね |
| サポート | ブログ専用カスタマイズ関係 無料メールサポートフォーム 気軽にどうぞ＾＾ |
| 146, 名前: | #- [ 編集 ] | 2006年07月17日(月) 15:57 |
|---|
| タイトル: |
|
こんにちは。koharaです。 簡単にできるサイトがあるんですね。 無料レポートができたらやってみようと思います。 応援ぽちっ |
| 147, 名前: | #- [ 編集 ] | 2006年07月17日(月) 19:10 |
|---|
| タイトル: |
|
だるねこさんこんばんは＾＾ おお！ホバーウィンドウですね＾＾ これ、一度やってみたかったんですよ！ メルマガ発行できたらやっちゃおう かな〜♪ 応援ポッチリ！ |
| 148, 名前: | #- [ 編集 ] | 2006年07月17日(月) 19:28 |
|---|
| タイトル: |
|
おおー!!これがホバーウインドウ! 凄く解りやすいでございます(^^) ｺﾞｼｺﾞｼ(-_＼)(/_-)三( ﾟДﾟ) ｽ､ｽｹﾞｰ! 何かのネタに使わせていただきます ___φ(￣^￣ )ﾒﾓﾒﾓでござる 励ましのコメント嬉しゅうございました! がんばってみますね(^^) 応援!! |
| 149, 名前: | #- [ 編集 ] | 2006年07月17日(月) 20:42 |
|---|
| タイトル: |
|
こんばんは。 訪問できて嬉しいもへじです。 いつも応援ありがとうございます。 今だにホバーはできません。 またチャレンジする時は 教えてもらいに伺いますね。＾＾ 心をこめて、 応援ポチ！ また、いらして下さいね。＾＾ |
| 150, 名前: | #- [ 編集 ] | 2006年07月17日(月) 22:56 |
|---|
| タイトル: |
|
こんばんは〜mask28です。 ホバーウィンドウをやってみたかったのですが、なかなか細かく説明しているところがなく考えていたところです。 これならばっちりのような気がします^_^; 応援ポチッと |
| 151, 名前: | #- [ 編集 ] | 2006年07月17日(月) 23:14 |
|---|
| タイトル: |
|
こんばんは〜。 僕もちょっと前から活用しています。 でも、ページが変わるたびに落ちてくると、 「うっとうしい！」とか思う方だったので、 「ブラウザ起動毎に1度だけ表示」設定にしてます。 でも、ホバーウインドウは インパクトはありますよね！ 応援ぽち！ |
| 243, 名前: | #- [ 編集 ] | 2006年08月04日(金) 12:21 |
|---|
| タイトル: |
|
こんにちは！ホバーウィンドウは一度やりましたけど「ｳｻﾞｲ」って言われそうでやめましたよ（笑） |
Copyright © 2006 ネットで稼ぐブログアフィリエイト All rights reserved.
Template by ブログ アフィリエイト SEO テンプレート
