目から鱗!Bloggerのアイキャッチを任意の画像にする方法

Bloggerって記事一覧のアイキャッチ(サムネイル)は、記事の1番最初に貼った画像になってしまうんですよね。
アイキャッチを自動で取得してくれるのはありがたいんだけど、記事によってはアイキャッチにしたい画像が2枚目以降だったりするので、関連性のない写真がタイトルの脇に表示されてしまいます。
「一番目に貼ればいいじゃん」
って話ですが、そうもいかないときもあるさ人間だもの。


アイキャッチが選べないのはなにかと不便なので、自分で選んだ画像をアイキャッチにする方法を紹介します。

アイキャッチを自分で選んだ画像にする方法


ちなみに上の記事一覧の矢印の部分をアイキャッチと呼んでますが、違ってたらゴメンナサイね。
記事一覧のサムネイルってことです。

で、今回参考にしたのはなんと海外のサイト。
英語で半分以上なに言ってるのか分らないけど、なんとな~くニュアンスで理解しました。


「なるほど、こんなやり方があったのか!」


って目から鱗でした。


やり方は以下の通りです。

その1


アイキャッチを変更したい記事のHTML編集で先頭部分に


<img src="image-here" style="display:none;">


と記載します。

その2


で、赤字のimage-hereって部分をアイキャッチにしたい画像のURL(https~jpg)に変えれば完了です。
※画像のURLは画像をアップロードすればHTML編集画面で確認できます。


なんと以上です。


すっごく簡単でしたね。




おかげで書くことがもう無くなってしまいました。

まとめ

ちなみにこの記事も、記事にはない画像がアイキャッチになるようになってます。
地味に便利なのでよかったら参考にどうぞ。


参考サイト:My Blogger Lab

スポンサーリンク
スポンサーリンク

4 件のコメント :

  1. 初めまして。便利な技を教えて頂いてありがとうございます。
    早速ウチのブログでもやってみました。
    こんな単純な事で出来ちゃうなんてホント目からウロコですよねえ。

    返信削除
    返信
    1. 閲覧ありがとうございます!
      お役に立てればなによりです。
      bloggerって他のブログに比べて小難しいですよね(^^;

      削除
  2. はじめまして2018年2月11日 1:00

    bloggerを使っていますが、希望通りに作成するのがむずかしくて、色々検索していたらこちらのサイトにたどり着きました。
    こちらのサイトは分かりやすくて、デザインも素敵で感動です。
    自分のブログでも参考にさせて頂きたいと思います。

    返信削除
    返信
    1. 閲覧ありがとうござます!
      有難いお言葉を頂きこちらも感動しました!(笑)
      くだらない内容の記事ばかりですが、よかったらまた遊びに来て下さい!

      削除