はてなブログのブログカードが簡単に作れるので驚いた

はてなブログのブログカードを自分のブログでも使いたいなー、と思っていたらブックマークレットでそれを実現していた素晴らしい先人達がいらっしゃいました。

ちなみにブログカードというのはこんな感じです↓

上記リンク内に書かれていることを実行すればHTMLコードを生成してくれるので簡単にできます。

手順を簡単にですが説明しておきます。

  1. どのページでも良いのでブックマークする。ブログカードを頻繁に作るのであれば、(Chromeの場合)ブックマークバーに置いておくと良い。
  2. ブックマークの名前を自分のわかりやすいように編集(僕は「はてなブログカード」としてます。)、URL欄に以下をそのまま貼り付ける。

    javascript:prompt("ブログカードのタグ",'<iframe style="width: 100%25; height: 155px; max-width: 100%25; margin: 0 0 1.7rem; display: block;" title="'+document.title+'" src="http://hatenablog.com/embed?url='+location.href+'" width="300" height="150" frameborder="0" scrolling="no">;</iframe>');

  3. ブログカードを作りたいページ(リンクを貼りたいページ)を表示し、編集したブックマークをクリック。
  4. そうすると<iframe style="width:100%;...>というように書かれたポップアップがでてくるので、これを表示したい位置に貼り付けるだけです。

2までやっておけば、簡単にHTMLコードを生成できるので本当に便利ですね。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です