はてなブログによくある綺麗なリンク(ブログカード)を作成する方法

ついにみつけました! 自分でブログを作っていると、 サイトのリンクがとてもデザイン的にみっともないなぁ〜と思って、 いつかははてなブログで提供されているものを自前のAPIで作っちゃおうかと思っていたんです。 で、はてなブログ中にあるHTMLを解析したとこり、 iframeタグを使って内部にHTMLドキュメントを構築して表示している事がわかりました。 多分検索したら何か引っかかるかなと思ったので、 「hatena link iframe」というキーワードで調べると、探していたものがみつかりました! どうやら、このような綺麗なリンクのことを、「ブログカード」というようです。

「はてなブックマーク」100%の幅になるようにカスタマイズして設置する方法!

※ 2016/7/06 編集: 文章がの構造がおかしかったので、校正しました ブログを上位ランキングさせるために必要なツール言っても過言ではなくなった、 「はてなブックマーク」。 はてなブックマークをされると、 google検索エンジンの順位で高い影響力を持つ「被リンク数」を稼ぐ事ができ、 それにより、ブックマークされた記事が上位に表示されやすくなります。 でも、公式で提供されているブログパーツは幅が固定されてしまって、使いづらい… なので、いっそのこと、幅がぴったりに合うようにCSSでカスタマイズしました。