クリスマスギフトは決まった? おすすめギフトはこちら

ライブドアブログでサムネイル付き記事のリンクを貼る方法

どうも!しゃるです。

ライブドアブログで自分や他の人のブログ記事のリンクを貼りたいときありますよね。

でも例えばこんな感じでリンクだけ貼ってもシンプルすぎてつまらないですよね、、

出来ればこんな感じでサムネイルがあるわかりやすいリンクを作りたい!

そこで今回はライブドアブログでサムネイル付きの記事のリンクを貼る方法をご紹介します。

実はGoogleChromeの拡張機能を使えば簡単に出来てしまうんです。

とても簡単な方法なのでぜひ参考にしてみてください!

GoogleChromeの拡張機能を使う!

GoogleChromeの拡張機能を使うとめっちゃ簡単にサムネイル付きリンクを貼ることができるんです!!

やり方さえわかれば10秒で出来ちゃいます。

今回はリンクの貼り方に焦点を絞って解説しますので拡張機能の導入の仕方が分からない方はググってみてください。

まずはGoogleChromeでGetTabInfoという拡張機能をダウンロードします。

キャプチャ2

そうすると画面の右上にこのようなGのアイコンが追加されているはずです。

キャプチャ

これで下準備は完成。

ではここからリンクを貼りつける手順を説明していきます。

まず貼りたいリンクのサイトのタブを独立して表示します。

こんな感じ。

キャプチャ4

タブを独立させるというのは貼りたいリンクのサイト以外に他のサイトのタブを表示しないということです。

上の画像ではタブが一つしかありませんよね?

まずこのような状態にしてください。

もし他にもタブが存在する場合そのサイトのリンクも作成してしまうことになります。

その次に独立させたタブでGoogleChromeのGetTabInfoのアイコンをクリックします。

図53

そうするとこのような画面が出てくるはずです。

キャプチャ5

そしてSelect Templateという欄からPRESET:Thumbnailを選択するとこのような画面が出てきます。

キャプチャ6

下の欄にサムネイル付きのリンクを表示するためのHTMLのコードが表示されているはずです。

そしてこのコードをライブドアブログの記事作成のHTMLタグ編集で貼り付けます。

キャプチャ8

これをプレビューしてみるとこんな感じ!

キャプチャ9

これでサムネイル付きの記事リンクを作ることができました!

いかかでしたか?

とても簡単な方法なので慣れればすぐにリンクを作成することができます。

サムネイルがあるのと無いのでは見た目のわかりやすさが全然変わってきます。

皆さんもぜひ試してみてください!!