貼っていただけたらうれしいです


Yahoo!ブックマークに登録



Googleブログ内検索
Loading
2007-11-07 13:45:16

外部リンクに新しいウィンドウで開くアイコンをつけませんか

テーマ:JavaScript

アメブロに外部リンクを新しいウィンドウで開くアイコンをつける方法


exLink.Lzhをダウンロードして解凍してください
中にフリープラグイン.txtと外部リンクアイコン画像、PDFアイコン画像が入っています

こちらにはファイルを置けないようですのでこちらのページ にありますアメブロ用exLinkセットをダウンロードしてください
(他の画像へのリンクもあります、その場合は横、縦のサイズも画像に合わせて変更してください)



アメブロを書く→画像フォルダ→複数の画像を追加→
参照でダウンロードした外部リンクアイコン画像を選択
参照でダウンロードしたPDFアイコン画像を選択
アップロード
(タイトルは入れなくてかまいません)


設置方法1




フリープラグイン.txtをメモ帳等で開く
下にある外部リンクアイコン画像の上で右クリック→プロパティ(P)→アドレスをコピー→※1の部分にペースト(注: ' を消さないで)
下にあるPDFアイコン画像の上で右クリック→プロパティ(P)→アドレスをコピー→※2の部分にペースト(注: ' を消さないで)

設置方法2

設置方法3





サイドバーの設定→プラグインの追加→フリープラグインを選んで→


設置方法4


画像アドレスを書き込んだフリープラグイン.txtをコピーして張り付ける→追加

設置方法5



サイドバーの配置→使用しない機能の中にあるフリープラグインを使用する機能の中にドラッグする→保存


設置方法6



設置方法7




これで外部リンクに新しいウィンドウで開くアイコンが付いていると思います



※記事を書くとき外部リンクにリンクをつける場合、リンク先の表示方法は「同じウィンドウ」を選択してください


設置方法8

 

コメント

[コメント記入欄を表示]

1 ■無題

私ゎ、フリースペースにきやく。LINK・BANNER
ボタンを入れてるんですけど、記事を書く度に、
ページがずれてしまいます。どーすればいいですか?

2 ■>楓華 さま

>記事を書く度に、ページがずれてしまいます・・
新しいウィンドウが立ち上がってしまうってことですよね?
でしたら

<font color="#FF00FF"><a href="http://ameblo.jp/habatakee/page-2.html" target="_blank">き</a><font color="#FF99FF">やく</font>

このようなリンクのaタグの中から  target="_blank" を削除してください
コレが新しい画面で立ち上げる命令です

<font color="#FF00FF"><a href="http://ameblo.jp/habatakee/page-2.html">き</a><font color="#FF99FF">やく</font>

3 ■無題

ありがとうございます。出来ました!

4 ■無題

上のを消してやってみたんですが、記事を書いたらやっぱりずれます(泣

5 ■>楓華 さま

・・・・ごめんなさい
ずれるの意味がわかっていませんでした

<a href="http://ameblo.jp/habatakee/page-2.html">き</a>
・・・・リンク先が2ページ目になっています
つまり記事を書けばそれだけページが増えますからずれるわけです・・・

直接ページのURLをリンク先にしてください
例えば今日の「ぉ買い物」の記事でしたら記事下の記事URLをクリックしてその記事だけにしたときのURL
http://ameblo.jp/habatakee/entry-10127597533.html
これが記事のURLになります

きやくでしたら
記事下の記事のURLをクリックして
http://ameblo.jp/habatakee/entry-10127240181.html
これが規約の書かれている記事のURLです

なので・・・こうなります
<a href="http://ameblo.jp/habatakee/entry-10127240181.html">き</a>

6 ■無題

できました!ありがとうございます!

コメント投稿

コメント記入欄を表示するには、下記のボタンを押してください。
※新しくブラウザが別ウィンドウで開きます。

一緒にプレゼントも贈ろう!

トラックバック

この記事のトラックバック Ping-URL :

http://trb.ameba.jp/servlet/TBInterface/10054356904/3909d5af

  • 1 ブログタイトル:迷惑メール対策実験室
  • 記事タイトル:アメブロに設置してみました
  • 記事概要:アメブロに外部リンクを新しいウィンドウで開くアイコンをつけるexLink設置して
powered by Ameba by CyberAgent