ブラウザ

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

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


SPONSORED LINK


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

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

その際に、いちいち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 )でした。


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



読者登録すると、ブログ更新した時にLINEでお知らせします♪


↓↓赤ペソ先生が利用しているサービスまとめ

おすすめ

SPONSORED LINK


「この記事がいいね!」と
君が言ったから
8月 16 日は
赤ペソ記念日♪

最新情報をお届けします

Twitterで赤ペソ先生をフォローしよう!