本ブログでは、GoogleのBloggerを利用しています。
そしてデザインテンプレートは、ZERO（無料）の有料版Prime ZELOを購入して設定しています。
調べてもBloggerのテンプレートは少なく、表示スピードなど機能も高いため購入することに。
ただしデフォルトアイコンが…
↑だったり…カスタムの必要性があります。
カスタム方法を紹介しているサイトのとおりにやるとうまくいきませんでしたので困った人用にメモログ。
（１）設定サムネ画像の登録とURL（アドレス）の取得
まず、サムネとして使用する画像をBloggerにアップロード。
投稿やページで写真アップ用のページを新しく作り、そこにドラッグアンドドロップ。
保存する必要あるので、私は既存の投稿ページあたりさわりないチョキの手の画像を入れて保存して、その画像のURLを取得することにしました。
（右クリックで画像アドレスをコピーを選択）
設定画像のURLをメモ帳にコピペしておく
（２）デフォルトのサムネ画像のURL取得
☆このURLが紹介サイトと異なるためにつまづきました。
実際のブログのリスト表示のアイコンを選択して右クリック！
ここでも画像のアドレスコピーを選択。
取得したURLは、
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BQe3BpC7X6FWRdZSmZxwzF5XTk4begKwKvU94gFnxduRudYrns0EJsJsALzNZGNc7ga5MDSSBGN6WT-mS4mpK1iECF38i0HNsjBpacWIx2We0OYtKaQg9BUsxdScG3RQelYkOkx8NoI/s320/Prime_zelo.png
s320/Prime_zelo.pngここだけメモ帳などに残しておいて…
（後で使います）
（３）設定変更
管理画面 ＞ テーマ ＞ HTML編集を選択
先程メモしておいた s320/Prime_zelo.pngを検索すると…
該当する画像タグを見つけることができます。
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BQe3BpC7X6FWRdZSmZxwzF5XTk4begKwKvU94gFnxduRudYrns0EJsJsALzNZGNc7ga5MDSSBGN6WT-mS4mpK1iECF38i0HNsjBpacWIx2We0OYtKaQg9BUsxdScG3RQelYkOkx8NoI/s320/Prime_zelo.png'/>
これの青字部分を設定サムネ画像のURLに書き換えましょう。
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BQe3BpC7X6FWRdZSmZxwzF5XTk4begKwKvU94gFnxduRudYrns0EJsJsALzNZGNc7ga5MDSSBGN6WT-mS4mpK1iECF38i0HNsjBpacWIx2We0OYtKaQg9BUsxdScG3RQelYkOkx8NoI/s320/Prime_zelo.png'/>
紹介サイトでは３箇所あると記載されていましたが、
２つしか見つかりませんでした。
その２箇所を書き換えて、右下のディスクアイコンボタンを押して保存したら完了。
確かに変わっています！
サムネ画像は、いろいろ悩みましたが…無難で何だろうと期待感持ってもらえる？ピース、チョキのイラストにしました。
今日の作業はここまで。
つづく
コメント