ネットで稼ぐためのアフィリエイト術からネットで稼ぐためのブログカスタマイズまでネットで稼ぐための情報を紹介!是非、参考にして下さいね!
ネットで稼ぐ!ブログでアフィリエイト!初心者でも無料アフィリエイト! アフィリエイトするための情報・便利ツールを紹介!ブログカスタマイズは必見!
ネットで稼ぐブログアフィリエイト > スポンサー広告 > スポンサーサイト> 便利ツール > ホバーウィンドウで目立とう
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【応援団であります!】
FC2ブログランキング 人気blogランキング

管理人だるねこ
サイト名ネットで稼ぐブログアフィリエイト
URLhttp://daruneko.blog72.fc2.com/
メールdaruneko3♪yahoo.co.jp
※スパム対策のため♪は半角@に変えて下さいね
サポートブログ専用カスタマイズ関係
無料メールサポートフォーム

気軽にどうぞ^^

今回はホバーウィンドウを紹介。

これはもう広まりつつありますね。
メルマガ登録フォームをホバーウィンドウで目立つようにしてたり、
メイン販売品の宣伝などにはもってこいですね。

ただ、良く見かけるのですが、ウィンドウを閉じた後のポップアップ表示や
毎回すごい大きいホバーウィンドウの表示は時と場合によって嫌われます。

宣伝効果はあっても嫌われてしまっては意味がありませんので、
見る側の立場を考えて設定しましょう。


広告の紹介記事を書くだけで収入!

SOHO・起業家を成功に導く電子書籍販売ツールを提供・・インフォカート

こんな感じでホバーウィンドウが出てきます。
※今はこの記事を表示した時しか出ないようにしています。

ホバーウィンドウのスクリプト生成を簡単にしてくれるところがあります。

Dynamic Drive DHTML Scripts- Drop-in content box

このサイトは外国なので英語表記ですが簡単です。

まずは、

Step1で設定チェック、
Step2の記述をコピーしてHEAD間に貼り付ける、
Step3の記述をコピーしてBODY間に貼り付ける。

Step1の意味は

1)毎回表示
2)ブラウザ起動毎に1度だけ表示
3)指定回数表示

オススメは2番目でしょうか。
好みで設定を変えて見て下さい。

ホバーウィンドウのサイズなどの変更は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月もまたどんちゃん騒ぎあるので楽しみ(´ー`*)

ホバーウィンドウの設定でわからないとこはメールで聞いちゃって下さい!
スポンサーサイト

【応援団であります!】
FC2ブログランキング 人気blogランキング

管理人だるねこ
サイト名ネットで稼ぐブログアフィリエイト
URLhttp://daruneko.blog72.fc2.com/
メールdaruneko3♪yahoo.co.jp
※スパム対策のため♪は半角@に変えて下さいね
サポートブログ専用カスタマイズ関係
無料メールサポートフォーム

気軽にどうぞ^^

コメント
この記事のURL
この記事へのコメント
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
タイトル:
こんにちは!ホバーウィンドウは一度やりましたけど「ウザイ」って言われそうでやめましたよ(笑)


コメントを投稿する
URL:
コメント:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。