【簡単】きれいな『はてなブログカード』リンクをブログやサイトで使う方法

はてなのブログパーツである「ブログカード」をブログやサイトに貼り付ける方法です。

下記のソースコードを、埋め込めばはてなブログでよく使われているブログカード形式のリンクが作れます。

ポイントは、

• title=“” の部分に、ページのタイトル名を入れること。
• src=“” の部分に、https://hatenablog-parts.com/embed?url=ページのURL を入れること。

の2つです。

※コピーの際は、ソースコードをダブルクリックして全選択するとスムーズです。

<iframe class="hatenablogcard" style="width:100%;height:150px; max-width:600px;" title="アプリ開発エンジニア入門" src="https://hatenablog-parts.com/embed?url=https://materializer.co/lab/" width="300" height="150" frameborder="0" scrolling="no"></iframe>

当サイトでは画像が表示されていませんが、通常は右側にそのページで使われている画像も埋め込まれます。