*

time 2012/11/14

どうも元AKB48のビート内藤(@beat910)です。嘘です。

最近、情報収集の為いろんなブログを読み「へ〜なるほど、為になるなぁ」
と思っては、こんな為になる記事をもっと多くの方に知って活用してもらいたいと思うようになりました。

その情報を元に記事を書くのだから、そんな素晴らしい知識を与えて下さった方の記事も紹介したい!せめてもの恩返しや!そう思うのも当然でしょう。

せっかく紹介するのだから、だたリンクを貼るだけでは味気無い。オシャレにその記事のサムネイル(縮小された画像*ちなみに直訳すると親指の爪)付き、そして欲を言えばはてなブックマークのuser数も付きで紹介したい!

こんな感じに

他サイト紹介記事に便利!サムネイル画像付きリンクを5秒で生成する方法|ウェブシュフ

そんな素晴らしい方法をを教えて下さったのは@web_shufuの上記の記事。いろいろ調べてみましたが一番分かりやすかったです。

下準備をしましょう

Google Chrome – ブラウザのダウンロード

Skitch

Google chromeをダウンロードしてインストール。

そして次に

Chrome ウェブストア – ホーム

ここはGoogle chormeの機能を拡張、つまり自分で選んで便利機能を追加できるサービス。

Chrome ウェブストア – Create Link

そして今回必要なプラグイン(拡張機能)はCreate Link。スクリーンショット 2012 11 13 21 45 17

クロームに追加をクリック

スクリーンショット 2012 11 13 21 45 49

追加クリックで拡張完了。

スクリーンショット 2012 11 13 21 46 07

いえーい、めちゃ簡単!

ちなみに、使い方も至って簡単

Skitch

Chromeの右端上にあるCreate Linkボタンを押すと下に項目が伸びるので
必要に応じたボタンをクリックするだけでリンクをコピーしてくれる、
あとは貼り付けOK。

ここからが大事Create Linkを改造

このままでも、ワンクリックで一瞬でリンクを作成してはくれるのだが
サムネイルは表示されない。なので、ここにでCreate Linkの改造が必要となる。

実際にやってみましょう。

Skitch

Configureボタンを押すと
Skitch

こんな画面が出てくるので、+ボタンをクリック

Skitch

NAMEは自由に決めてください。今回は「hatenaB」にしておきました。

そして、Formatにコードを入力
コードはこちら。
@web_shufuさんから拝借させていただきました。

<a href="%url%" target="_blank">
<img class="alignleft" align="left" border="0" src="http://capture.heartrails.com/150x130/shadow?%url%" alt="" width="150" height="130" />
</a>
<a style="color:#0070C5;" href="%url%" target="_blank">%title%</a>
<a href="http://b.hatena.ne.jp/entry/%url%" target="_blank">
<img border="0" src="http://b.hatena.ne.jp/entry/image/%url%" alt="" />
</a>
<div style="clear:both;"></div>

そこのコードをコピーしてFormatに貼り付け。

スクリーンショット 2012 11 14 16 54 54

おお、さっき作ったhatenaBという項目が増えますね。これでOK。あとはご自身が紹介したいページ内で今作った(今回で言うhatenaB)ボタンをを押すだけでリンクを作成しコピーさせている状態になるので、あとは貼り付けるだけで

簡単!Patagonia(パタゴニア)個人輸入方法 » beat910.com | beat910.com

こんな簡単に作れてしまうのです!!これでバンバン紹介できます!

おわりに

私のような素人でも、分かりやすく説明してくださっているページがあると出来るようになるもんです。そんな記事を少しでも多くの方に紹介できるようになるこの機能は素晴らしい。

ブログを書く中でこんなことしたい、こんな機能はないものか、あの人のこのページはどうやって構成されているのか、など興味を持つことで、自分の成長に繋がることに気付きました。

勉強嫌いな私でも興味を持つことで勉強し、ブログと共に成長していきたいですね。

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterで@beat910をフォローしよう!

シェアしていただきありがとうございます。
関連記事もあわせてどうぞ!
ビート内藤 @beat910について
1983年生まれ
愛知県出身:ブロガー兼Youtuber
詳しくはこちら
Youtubeチャンネル
世界旅してガッテン』 世界を旅しながら情報配信中



ブログランキング参加中! クリックすると幸運が訪れるらしい。

↓↓↓↓↓↓↓ ポッチとな ↓↓↓↓↓↓↓ にほんブログ村 旅行ブログ 世界一周へ

PAGE TOP ↑