はてなブログの「ブログカード」を作れるブックマークレット

はてなブログの「ブログカード」を作れるブックマークレット

様々なはてなブログさんを見ていくと、「ブログカード」なるすばらしい記事紹介ほうほうを見るようになりました。上記写真のような非常におしゃれな方法でブログを紹介するのです。

実はこれをブックマークレットで作成できちゃうのを作った人がいるのです。すごい!早速導入だ!

はてなブログ「ブログカード」

こちらの記事によると、作成されるものは以下のような感じです。

<iframe class="bookmarklet hatena-embed" src="http://hatenablog.com/embed?url=http%3A%2F%2Fhayashikejinan.com%2Fblog%2F1166%2F" title="はてなブログ ブログカードをブックマークレット化してみたよ" style="border:none;display:block;margin:0 0 1.7rem;overflow:hidden;height:155px;width:100%;max-width:468px;"><a href="http://hayashikejinan.com/blog/1166/" target="_blank">はてなブログ ブログカードをブックマークレット化してみたよ</a></iframe>

これを見てもらえれば分かりますが、「style」でこのブログカードの形に作り上げていますね。とっても仕組みは簡単です。これは頭いいですね!それでいて綺麗!

上記記事の下側にブックマークレットがご紹介されてます。是非ゲットしてください!この設定では「max-width:468px」となっています。つまり、モバイル表示などでは表示は自動的に縮小されるという。すばらしい。

ブロガーさんに、ぜひこのブックマークレットの存在を知って欲しいです。

この記事に関連する記事一覧

この記事のタグ

キセノンテンターの最新情報をゲット

コメントを残す

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