ブログにサムネイル画像付きリンクを貼りたい…でもShareHtmlが使えない…ときの対処法

ShareHtmlメーカーという便利なツールがブロガーの間で有名です。これを使えば、サムネイル画像付きのリンクをブログに貼ることができます。

タブログの記事紹介で必須なツール「ShareHTML」の設定方法
http://bamka.info/tablog-sharehtml

しかしながら、このShareHtml、どうやら特定のサイトでは作動しないみたいなのです。というわけで今回は、ShareHtmlが使えないサイトでもサムネイル画像付きリンクを作る方法をご紹介します。

その方法とは、Firefoxのアドオン「Make Link」を使うという方法です。

Make Linkを使ってShareHtmlのブックマークレットをアドオン化

まずはMake LinkeをFirefoxにダウンロードしましょう。ダウンロードしたら、いったんFirefoxを再起動します。

次に、アドオンマネージャーからMake LinkにShareHtmlを追加します。「設定>新規」と選び、名前をShareHtml(任意)、フォーマットのところに以下の文字列を追加します。

<a href="%url%" target="_blank"><img class="alignleft no-shadow" alt="" src="http://capture.heartrails.com/150x130/shadow?%url%" width="150" height="130" align="left" border="0" /></a><a style="color: #0070c5;" href="%url%" target="_blank">%title%</a><a href="http://b.hatena.ne.jp/entry/%url%" target="_blank"><img class="no-shadow" alt="" src="http://b.hatena.ne.jp/entry/image/%url%" border="0" /></a>
<strong style="color: green; font-size: 80%;">%url%</strong>

これで、右クリックからShareHtmlが使えるようになりました(ただしFirefox限定ですが)。

便利ですので、ぜひお試しください。

Pocket

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>