2007.08.08 FC2でリンク先をポップアップで表示する方法
リンク先をポップウインドウとして表示できるJAVAスクリプトを配布しているサイトを見つけたので、おもしろそうなので導入してみました。
「WebSnapr - Preview Bubble Javascript」
上記サイトで配布しています。マウスをリンクに乗せるとポップアップがでてくる……はず。
以下、Preview BubbleのFC2ブログでの導入方法。
以上で出来る……はずです。
他のブログやホームページなんかでも、似たようにやれば出来るはず。いや、試してないからなんともいえませんが。
こういうギミックは大好きなので、色々見つけ次第どんどん試していく予定です。
「WebSnapr - Preview Bubble Javascript」
上記サイトで配布しています。マウスをリンクに乗せるとポップアップがでてくる……はず。
以下、Preview BubbleのFC2ブログでの導入方法。
1.上記サイトへアクセスして、一番下にあるDownloadのpreviewbubble.zipを落として解凍します。
2.中に入っているbg.pngをファイルアップロードでアップして、URLをコピーする。
3.同じく中に入ってたpreviewbubble.jsというファイルをテキストエディタで開き、var bubbleImagePath = '/images/bg.png'の'/images/bg.png'という部分を先ほどコピーしたURLに書き換え、保存。
4.保存したpreviewbubble.jsをファイルアップローダーでアップして、URLをコピーする。
5.ブログ管理画面の「ブログデザインの設定」から、現在使用しているテンプレートの編集画面を開いて、HTMLの<head>と<head>の間に、<script type="text/javascript" src="******"></script>と書き込む（******は先ほどコピーしたpreviewbubble.jsのURL）
6.後は、文中でリンクを張る際に、class="previewlink"を追加すればOK。
<a class="previewlink" href="http://totobooks.blog69.fc2.com/">初めてのおもちゃ箱</a>
以上で出来る……はずです。
他のブログやホームページなんかでも、似たようにやれば出来るはず。いや、試してないからなんともいえませんが。
こういうギミックは大好きなので、色々見つけ次第どんどん試していく予定です。
| Home |
