■ホバーウィンドウ(ドロップインウィンドウ) ※サンプルブログ ⇒ バックリンク ブログ
無料でホバーウィンドウが設置できます!
●ホバーウィンドウ設置条件
※『 無料サービス情報 』で紹介している無料サービスを3件以上ご利用下さい。
(すべて無料のサービスです。多い分には大歓迎!)
●ホバーウィンドウ設置上でのご注意点
※JavaScript 対応でないブログでは、ご利用できません。
※jsファイルは必ず、ダウンロードしてご利用下さい。
●ホバーウィンドウ設置方法
1、まず、『 jsファイル 』をダウンロードして下さい。
2、ダウンロードしたjsファイルを、アップロードします。
3、HTMLソースの <HEAD>〜</HEAD> に、以下のソースを追加します。
『 <SCRIPT type="text/javascript" src="jsファイルまでのパス/drop.js"></SCRIPT> 』
4、HTMLソースの <BODY>〜</BODY> に、以下のソースを追加・編集します。
<DIV id="sinks" style="Z-INDEX:1;LEFT:250px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:30px;
HEIGHT:100px;BACKGROUND-COLOR:#ffffff;">
<!-- ホバーウィンドウ表示部分 -->
<TABLE cellSpacing="2" cellPadding="5" width="350" bgColor="#000000">
<TBODY><TR><TD style="background-color:#ffffcc;text-align:center;font-size:14px;padding:8px;">
<p>これは、ホバーウィンドウのサンプルです!</p>
<p style="margin:0 0 5 0;font-weight:bold;">無料でホバーウィンドウが設置できます!</p>
<p>※詳細説明 ⇒ <a href="http://yakibuta.blog14.fc2.com/blog-entry-13.html" target="_blank">ホバーウィンドウ(ドロップインウィンドウ)</a></p>
<p>[ <a href="#" onClick="closs();return false">閉じる</a> ]</p>
</TD></TR></TBODY></TABLE>
<!-- /ホバーウィンドウ表示部分 -->
</DIV>
※注意;
ブログの場合、BODY内に記述するとすべてのエントリーページに適応されてしまうので、
フリースペース(自由記述欄)に挿入して下さい。(設置方法3と4の部分)
● 関連サイト
★アクセスアップ同好会
★アクセスアップ!SEO
★ホームページ作成講座
★JavaScript サンプル置き場
★SEO対策検索エンジンやきぶたサーチ
★ページランクマスター上位表示
★ページランクアップの方法
★ページランクアップの手伝い
この記事にトラックバックする(FC2ブログユーザー)