LoginSignup
0
0

More than 1 year has passed since last update.

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

Posted at

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>

blogger_editor_001.png

表示結果

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

blogger_preview_001.png

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

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

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

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

表示結果

参考

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

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0