外部システムに依存しない「ブログカード」

  • 投稿 : 2018-02-17
調べると今はいろいろあるみたいです。試したものを書いておきます。
HTMLとCSSだけなので、多くのブログで使えると思う。

その1

blogcard01.png

はてなブログカード iframなしに

上記のところでURLを入れるとブログカードのHTMLを作成してくれます。これを単にブログに貼り付けるだけで、ブログカードになります。アフィリエイトのタグを貼り付ける感覚でできると思います。別途CSSの追加は必要です。CSSも上記で提供されてます。

見た目も美しいので、お勧め。

情報源:「はてなブログカード」のiframeなしの使い方など

その2

blogcard02.jpg

はてな風のブログカードをブックマークレットから作ってみよう! | 株式会社グランフェアズ
はてな風のブログカードをブックマークレットから作ってみよう! | 株式会社グランフェアズ

ブックマークレットでブログカードのHTMLを生成するタイプのものです。ブログカードにしたい記事を表示させて、ブックマークレットを実行するとHTMLを生成してくれるので、それをブログに貼り付けるだけです。

CSSも別途必要で、CSSのサンプルは2つめのリンク先で提供されています。記事タイトルが青いのは、当ブログのCSSが適用されているからだと思います。

情報源:リンクカード(ブログカード)を作るブックマークレット

その3

blogcard03.jpg

Bookmarklet: instantly generate a Card for any web page. | Embedly

昔からみかける「Embedly」です。
最近はいろいろ解説記事を見かけるので、その記事を参考に採用するのもありかと思う。

情報源:
Embedlyで登録なしでCSSでカラフルなブログカードを作ってみました - Embedly
Bloggerでブログカード(リンク)を記事内に表示する方法 | カズメモ!

CSSとかで(日本の?はてなの?)ブログカードっぽい形にできると思う。CSSに関しては1つめのリンク、Embedlyについては2つめのリンク先が参考になるかと思う。
スポンサーリンク