別のタブで開く『テキストリンク』を作るブックマークレット作ったよ♪

  • ブックマーク

ブラウザ

ブログを書く時……リンクどうやって作ってます?

こんにちは。赤ペソ先生(@spinf60 )です。

参照するブログのリンクを簡単に作りたい

ブログを書いてると、他のブログを参照する場合が結構あります。

その際に、いちいちURLをコピーしてタイトルを入れたHTMLを書くのは非常に面倒くさい。

そんな時便利なのが、クリック一発でリンクを作ったり色々な動作をしてくれる

ブックマークレット

です。

ブックマークレットとは

簡単に言うと、ブラウザのお気に入り(ブックマーク)に登録できる、ちょっとしたプログラムのことです。プログラムってどういうことかと言うと、ブラウザ上で複雑な動作がボタン一つで可能になるようなものです。

出典:ヨッセンス

クリック一つでリンクを生成できるので、私もブログ執筆の際によく利用しています。

過去記事の中でもちょこちょこ出てきています。

このブックマークレットで、『ブログタイトル、テキストだけのリンク』を作りたいなぁと考えたわけです。

テキストリンクを別タブで開くブックマークレット

※スマートフォンからだとコードが正常に表示されません。

スマホでは、画面左下にある『PCモード』でご覧ください

テキストだけのリンクをつくるブックマークレットが無いか調べたところ、コチラのページにありました!

 

ただ……ちょっと残念なことに、新しいタブで開かず、そのままのウィンドウでリンク先ページを開いてしまうんです。

ブログの途中にリンクを貼り付けた場合、他のページに飛ぶことになりますよね?

そうすると、自分のページに戻ってきてくれない可能性が大いにあるので、できれば別窓で開きたいわけです。

そんなわけで……

紹介されていたコードをベースにちょこっと書き足して、ブラウザの別タブで開く設定にしてみました(^o^)

以下のリンクを、ブラウザのブックマークにドラッグアンドドロップすれば、使えるようになると思います。お試しください♪

  1. どのページでも良いのでブックマークする
  2. ブックマークの編集でURLに以下のコードを書き換える
  3. サイト名も編集して保存

コレで使えるようになると思います。

貼り付けるコードはコチラ

javascript:var%20url=location.href;var%20title=document.title;var%20linkTag%20=%27%27+title+%27%27;var%20x%20=%20prompt(%27%27,linkTag);

ちなみにこのブックマークレットを使って生成されたものは↓のようになります。(このブログのトップページのリンクです)

iF-Log(イフログ)

※PCで見るとちゃんとソースコードが表示されてるんですけど、スマホで見ると普通のテキストリンクになっちゃうな(*_*;

まとめ

ブログを書くのが、けっこう楽になりますよ!

ご活用くださいませ(*^^*)

赤ペソ先生(@spinf60 )でした。

※ライブドアブログのカスタマイズ方法を色々まとめてみたので、こちらもご覧ください(*^_^*)

  • ブックマーク

この記事を書いた人

赤ペソ先生

とにかく仕事をしたくないオッサンです。自分の好きなペースで働きたいので、契約社員+在宅ワークの複業で生計を立てています。#今日の買物 ヤギと昼寝が大好き。