スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2でリンク先をポップアップで表示する方法

リンク先をポップウインドウとして表示できるJAVAスクリプトを配布しているサイトを見つけたので、おもしろそうなので導入してみました。

「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>



以上で出来る……はずです。
他のブログやホームページなんかでも、似たようにやれば出来るはず。いや、試してないからなんともいえませんが。
こういうギミックは大好きなので、色々見つけ次第どんどん試していく予定です。

テーマ : プログラミング - ジャンル : コンピュータ

コメント
コメントの投稿
管理者にだけ表示を許可する

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。