買うなら今!最大10%ポイント還元中!
Amazonタイムセール祭り開催中!セール対象外の商品でも期間中合計1万円以上のお買い物で最大10%ポイント還元!5/30 23:59まで

ブロガー向け タイトルを含んだリンクタグを生成するブックマークレット

当SKEG*logでもそうですが、ブログを書いていると外部内部を問わず他のページを紹介することってしょっちゅうありますよね。これまでは、Safari Standを使ってリンクタグを一発で生成していたんですが、Safari5.1になってから使えなくなってしまいました

ふむむ、残念。

5.1になってしばらくはページのタイトルをコピーしてURLをコピーしてとやってましたが、どうにもめんどくさい。かといってSafari Standの対応を待っていてもしょうがない。

というわけで、自分で作ってみました。
以下がそのソースコードです。

Safari 5.1とFirefox 5.0.1で動作確認済み。

PR【買うなら今!最大10%ポイント還元中】Amazonタイムセール祭り開催中!セール対象外の商品でも期間中合計1万円以上のお買い物で最大10%ポイント還元です。欲しいものをまとめて買うなら今!5/30 23:59まで
スポンサーリンク

リンクタグ生成ブックマークレットのソース

javascript:var ret=window.prompt('このページへのリンク','<a href="'+location.href+'" target="_blank">'+document.title+'</a>');

このソースで、こんなタグが生成されます。

<a href="リンク先URL" target="_blank">リンク先のページタイトル</a>

使い方

使い方は簡単。

以下のリンクをブックマークするだけ。

link tag

ドラッグアンドドロップでブックマークバーに登録できます。

Safariでのブックマーク方法

Firefox5.0.1だとドラッグアンドドロップでブックマークできましたが、Safariだとできなかったので以下の方法でブックマークするとよいです。

  1. あらかじめYahoo!など何でもいいのでひとつブックマークしておく
  2. 上記ソースをコピー
  3. すべてのブックマークを表示
  4. 1でブックマークしたアドレスに上記ソースをペースト
  5. ブックマーク名を「link tag」など名前を付ける
  6. 好みに応じてブックマークバーに移動

これで一発クリックでタイトルタグを含んだリンクタグを生成できます。

たとえば、Yahoo!のトップページでSafariに登録したブックマークを選択すると、下記のようなポップアップウィンドウが出てきます。

リンクタグ 例 ポップアップウィンドウ

あとはタグをコピーしてOKボタンをクリックするだけ。

あ〜、やっといつもの調子でブログが書けますなっ!

スポンサーリンク

記事についてのご感想・ご質問、受付中!

分かりやすい記事になるように努めてますが、「こういうことを知りたかった」「ここについてもうちょっと詳しく教えて」など、当記事について質問や知りたいことがあれば以下のツイートボタンからお気軽にお送りください。自動的に記事URLが入りますのでそのまま質問内容を最上部に記入してください。できるだけ早く返信させていただきます(質問が多い場合はお時間をいただくことがあります)。

ご質問は無料。質問はもちろん、「役に立った!」「面白かった!」など、お褒めの言葉だともっとうれしいです!

記事を少しでもより良いものにするためにご協力をお願いいたします。

この記事をシェアする

よく読まれている関連記事はこちら

このブログ「スーログ」を購読する

この記事が気に入ったら
「いいね!」しよう。
最新記事をお届けします。

● 最新記事をRSSで配信中です。feedlyへの登録はこちらから。

twitterでの情報発信、YouTubeで動画レビューも公開してます。チャンネル登録もよろしく!