ブログ記事をかっこよく見せる！ブログカードのすすめ

このブログ、最初ははてなブログに作っていました。広告が記事を見られないように貼り付けられていることに気づき移転したのですが、はてなブログのブログカードもその際そのまま移転されていました。

はてなブログではリンクを張ると、
gaolalife.blogspot.jp
のように表示されます。

これが移転でも同じように表示されていました。htmlはこうなっており、

 src="https://hatenablog-parts.com/embed?url=

どうもはてなブログにつながってるようなので、他のブログのシステムを利用するのはどうかと思い、似たものを探してみました。

1. Embedly
2. ブログカード風の紹介リンクタグ作成

1. Embedly

ここ最近使っているのがこちらです。

かっこよく表示してくれます。
こちらで作ってみます。

1-0-1. 1.サイトに行く

1-0-2. 2.URLを入力しEMBEDを押すとコードとともに下に表示

1-0-3. 3.編集はPreviewの右端にカーソルを乗せると表示

1-0-4. 4.一番下を選択すると編集画面に

1-0-5. 5.文章を消したりすることができます

1-0-6. 6.大きすぎる写真も編集できます

1-0-7. 7.左下に行くと表示されるボタンを押します

1-0-8. 8.著作権などの関係で文章を消したい場合は

1-0-9. 9.消せます

1-0-10. 10.Dark Themeで黒くすることもできます

2. ブログカード風の紹介リンクタグ作成

日本のサイトです。こんな感じにできます。

ガオライフ: Amazonプライムに勝手に入会していた！解除と返金方法
記事の抜粋
 

2-0-1. 1.サイトに行く

2-0-2. 2.URLを入力し「読込」を押す

2-0-3. 3.「その他の設定」をチェックすると、色などの設定ができます

2-0-4. 4.「色・サイズ」などの設定は保存することができます

これを使うようになって、ブログを書くのが圧倒的に楽になりました。

なお、adblockやublockのような広告を消すものが入ってると正常に表示されないこともあります。