他のブログを紹介するリンクを作成する「ShareHtmlメーカー」を使ってみました

ほんのつい最近まで、他の方のブログやホームページや、自分のブログの他の記事を、このブログで紹介するときに、ただの文字列のリンクしかしてませんでした。

下図のような、感じで。

SnapCrab_NoName_2013-1-6_3-15-44_No-00

でも、他の方のブログを拝見していたら、下図のような感じで、サムネイルを添えてリンクを表示しています。

SnapCrab_NoName_2013-1-6_3-18-0_No-00

スポンサードリンク

実を言うと、このリンクの表示方法ですが、てっきりWordPressのプラグインかと思ってました。で、情けなくも、それこそ3ヶ月近く探してやっと見つけましたので、記念にしたためたいと思います。

結果からいうと、この機能は、WordPressのプラグインではなく、「ShareHtml」という、ブログ書きの方々には、ほぼ常識的なほど、有名なブックマークレットみたいです。

作者は、@hiro45jpさんで、サイトは下のとこです。

ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記

他にもブックマークレットとか、作られているようで、感謝です。

設定方法

で、早速設定方法です。

まずは、下の「ShareHtmlメーカー」のサイトにアクセスします。

ShareHtmlメーカー
ShareHtmlメーカーのサイトです。

アクセスしたら、下のようなページが開きますでの、書式のテンプレートを選択して「Bookmarkletを生成する」をクリックします。と、その前に。

SnapCrab_NoName_2013-1-6_3-34-24_No-00.fw

ちなみに、書式テンプレートのイメージは下を「書式テンプレートサンプル」ご参照下さい。

「Bookmarkletを生成する」をクリックすると、下図のようになりますので、普通は「そのまま実行もしくは登録」します。

SnapCrab_NoName_2013-1-6_14-12-20_No-00

ちなみに、私もそうなのですが、Google Chrome愛用者は「そのまま実行もしくは登録」が出来ないので、Chromeのブックマークマネージャーを呼び出して、新規ページ追加の要領で、上記で表示されたソースを下図のように手動で登録します。

SnapCrab_NoName_2013-1-1_12-38-47_No-00.fw

ブックマークレットの登録で設定は完了です。

書式テンプレートサンプル

書式のテンプレートサンプルは、作者のページをご参照下さい。

サンプルイメージ.fw

ちなみに、私は「左サムネイル大 – alignleft」を選択してます。

使い方

使い方は、リンクしたいページをGoogle Chromeで表示して、ブックマークレットをクリックします。

SnapCrab_NoName_2013-1-6_14-26-38_No-00.fw

すると、下図のようにメモの入力の問い合わせがありますので、メモを入力し、「OK」ボタンをクリックします。

SnapCrab_NoName_2013-1-6_14-29-58_No-00

クリック後、下図のようにソースとサンプルが表示されますので、ソースをコピーして表示したい場所に貼り付けます。

SnapCrab_NoName_2013-1-6_14-30-57_No-00

で、ソースを貼り付けたら下のような感じになります。

ふーたらのページ WordPressやAndroidやドコモとiPad miniもね | 日々の思いつきでブログ作成のことなど
ここには、メモを入力します。

どうです?こんな感じ。これで、他の方のブログに少しは近づきましたかね?ブックマークレットの作者には感謝です。

少しずつ、ブログ書きの階段を登りつつある、ふーたらでした。