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

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

ソースコード

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

ポイントは、

の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>

ブログカード貼り付けサンプル

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