他のページへのリンクをスマートに表示できる「ブログカード」を提供元のはてなブログ以外で簡単に使う方法を紹介。ライブドアブログもOKです。いうわけで、はてなブログは使っていなくてはてなダイアリーしか開設していない私ですが、はてなのブログカードって「お、これいいな~」と思っていたのですよ。はてなのブログカードとは、以下の画像で見える、記事のタイトルと概要とスクリーンショット(またはイメージ)がコンパクトにまとめて紹介できるものです。画像出典:はてなブログの記事を紹介しやすくしました。Typeなどで使おうとするとちょっと敷居が高いように思えました。oEmbedって...。APIを公開しました。(モバデビ)このページを読むと、iframeのsrcに「https://hatenablog-parts.comm/embed?url=《表示したいアドレス》」と書けばOKとのことだそうです。動作原理は簡単でしたね。Link」用のブログカードのHTMLを作るためのテンプレートまで書いてあって、とても親切です。Link」ですけど、同じテンプレートで行けました。これを使うと、ブログ記事のリンクがすごく簡単!先程の記事もブログカード形式で表示してみました。はてなブログではないライブドアブログでもきちんと表示されていますよね。(2019/10/24追記:この記事の初出時、ブログ記事はライブドアブログで書いていました。Typeで書いています。Link」用HTML作成テンプレートのママでも良いのですが、横幅が「width:100%;」となっていて、ブログをPCで見た時にブログカードが横に伸びすぎてあまり格好が良くなかったので、「width:480px;」とピクセル指定にしました。私が作ったHTMLを作成するテンプレートでは、iframeタグの中に、aタグでリンク先を記述してあります。aタグで普通にリンクを書いておくと後々便利なのかなと思っています(主にブログカードのサービスが終わった時やメンテナンスの時など)。Link」用HTML作成テンプレートのコードはこれ。Link」などの機能拡張を使って、スマートに記事へのリンクを貼っていきましょう。それでは、よいはてなライフを。関連ページブックマークレットを作っている方も。ブログカードをブックマークレット化してみたよ追記(2019/10/24):ブログカードパーツのSSL化に伴うURLの変更2019/10/24現在、初出時のはてなブログカードのURL「http://hatenablog.com/embed?url=」では、SSL化されたページへの埋め込みができませんでしたので、SSL化されたページへの埋め込みを可能にしたURL「https://hatenablog-parts.com/embed?url=」へと記述を変更しました。純一・jdash2000ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。サーバー管理などをしています(前はDTPオペもやっていました)。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。Typeで構築されています)。Reserved.RSSフィードプライバシーポリシ。