はてなブックマークのリンク貼り付け

• 参考リンク :
  • はてなブログの記事を紹介しやすくしました。URLを貼るだけで、コンパクトに整ったブログカードを貼り付けることができます【追記あり】 - はてなブログ開発ブログ
  • YouTube、Twitter、Instagram、ニコニコ動画、SoundCloud、pixivなど、さまざまなサイトを手軽に貼り付けられるリンク挿入機能を強化しました - はてなブログ開発ブログ
  • 外部サイト埋め込み機能を強化し、Twitterのツイートなどを簡単に貼れるようにしました - はてなブログ開発ブログ
  • はてなブックマークの「コメント貼り付け」に対応しました。編集サイドバーからも、自分のコメントを貼り付けできます - はてなブログ開発ブログ

リンク + ブックマーク数

• はてなブックマークページの「リンク」から貼り付け
• はてな記法 [URL:title:bookmark]（※ URLと : の間スペースなし）

KNOPPIX 産総研版が開発中止ということで KNOPPIX V7.4.2DVD 本家版 を今更ながら試してみましてん - Palm84 某所の日記

Firefox + Make Link 用ソース

Make Link 方式で URL = %url% , タイトル = %text%

<a href="%url%">%text%</a> <a href="http://b.hatena.ne.jp/entry/%url%" class="http-bookmark"><img src="//b.hatena.ne.jp/entry/image/%url%" alt="" class="http-bookmark" /></a>

iframe

• はてなブログ編集画面から貼り付け
• はてな記法 [URL:embed]（※ URLと : の間スペースなし）

Firefox + Make Link 用ソース

Make Link 方式で URL = %url% , タイトル = %text%

<iframe src="http://hatenablog.com/embed?url=%url%" title="%text%" class="embed-card embed-webcard" scrolling="no" style="width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" frameborder="0"><a href="%url%">%text%</a></iframe>

iframe + コメント

• はてなブックマークページの「詳細表示」から貼り付け
• はてな記法 [URL:detail]（※ URLと : の間スペースなし）

Firefox + Make Link 用ソース

Make Link 方式で URL = %url% , タイトル = %text%

<iframe marginwidth="0" marginheight="0" src="http://b.hatena.ne.jp/entry.parts?url=%url%" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="%url%">%text%</a><a href="http://b.hatena.ne.jp/entry/%url%">%text%</a></div></iframe>

---

ほな

---

スラスラわかるHTML&CSSのきほん