Bloggerでリンクカードを表示する方法

Bloggerでリンクカードを表示する方法

BloggerでQiitaのようにリンクカードを表示する方法を調べた。

リンクカード表示方法

• 下記のコードをコピーして、BloggerのエディタにHTMLとしてペーストします。

• 〇〇〇〇〇をリンク先のURLに変更します。

<iframe class="hatenablogcard" style="display:block;width:100%;height:155px;margin:12px 0;
max-width:680px;" title="%title%" src="https://hatenablog-parts.com/embed?
url=〇〇〇〇〇" frameborder="0" scrolling="no"></iframe>

表示結果

表示結果は下記のようになります。

Qiitaでのリンクカード表示方法

ちなみにQiitaでのリンクカードの表示方法はもっと簡単です。

下記のようにリンクを書き込むだけです。

（空行）
https://ti32blog.blogspot.com/2021/09/cvisual-studio-2022-preview.html
（空行）

表示結果

参考

Blogger＊ブログカードを表示する簡単な方法

@Qiita(Increments株式会社)様の記事