2017年12月8日金曜日

Blogger でブログカードを使う方法

概要

ブログカードとは簡単に言えばかっこいいリンクのことです
こんな感じです

環境

  • Blogger 2017/12/07 時点
  • ShareHtml も同様

ShareHtml を使う

ShareHtml というサービスを使います
ここにブログカード化したい URL を入力しましょう

すると HTML と CSS が吐かれます
まずは CSS を Blogger に登録する必要があります

CSS を登録する

Blogger の管理画面から

テーマ -> カスタマイズ

と選択します
するとテンプレートをカスタマイズできる画面になるので

上級者向け -> CSS を追加

と選択します
そこに先ほど ShareHtml から取得した CSS 情報をペーストすれば OK です
blogger_blogcard1.png

「ブログに適用」選択して戻りましょう

あとは HTML を貼り付けるだけ

新規投稿画面にそのまま HTMl を貼り付ければ OK です
ちなみに自分は StackEdit から投稿していますが、StackEdit でそのまま HTML を貼り付けて投稿してもうまく表示されなかったので、StackEdit の場合は投稿後に直接管理画面から HTML を貼り付けるしかなさそうです

最後に

ShareHtml を使って Blogger でブログカードを作成する方法を紹介しました
他にもブログカードを作れるサービスはあるのでデザインが気に食わないなら変えてみるのもいいと思います
はてなブログなどがあるみたいです

というかそもそも Blogger 自体でブログカード機能をホスティングしてほしいものです

0 件のコメント:

コメントを投稿