カゴシマ・クリップ

鹿児島。西郷どん(せごどん)。カフェ・ランチ。なんでも書くブログ。

プロフィールアイコン、ブログアイコンの基礎設定【初心者のはてなブログカスタマイズ】



f:id:gem-clip:20170709103353j:plain

プロフィールアイコン、ブログアイコンの設定を行いました。初心者なので覚え書きです。

プロフィールアイコンの設定方法

アカウント設定⇒基本設定⇒プロフィールアイコン⇒ファイルを選択し、準備した画像をアップロード。

f:id:gem-clip:20170408181415j:plain

この設定で反映されるのはこちら。

  • グローバルヘッダーのアイコン
  • サイドバーのプロフィール画像
  • はてなスターのアイコン
  • はてなブックマークでのコメントで表示されるアイコン
  • コメントで表示されるアイコン

 

完成です。 

f:id:gem-clip:20170408181417j:plain

 

 

 

ブログアイコンの設定方法

設定⇒基本設定⇒ブログアイコン⇒ファイルを選択し、準備した画像をアップロード。

 

f:id:gem-clip:20170408181411j:plain

この設定で反映されるのはこちら。

  • サイトアイコン(ファビコン)
  • ブログカードのアイコン
  • ブックマークタブ
  • ショートカットアイコン

 

完成です。

f:id:gem-clip:20170408181416j:plain

 

はてなブログのアイコンの対応ファイル形式は、JPEG、PNG、GIFです。写真はJPEG 形式、イラストやアイコンはPNG形式、アニメーションはGIF形式が良いと言われています。

 

このブログアイコンはPNGファイルにしました。効果がでるのは、アンドロイドOSのユーザーが、トップページにショートカットを作成してくれた時。

 

f:id:gem-clip:20170408181414j:plain

 

背景が透明化することで、スタイリッシュなアイコンとなっています。
GOOD!

 

「おっ!」とユーザーの注目を集めることができればと思います。自分のブログをショートカットまでしてくれるなんて何とも貴重な機会ですので、せっかくならもうひと押しの満足を提供したいものです。

 

 

最後までお付き合いいただき、ありがとうございました。
皆様は、ブログのヘッダーやアイコンは、どのように工夫されていますか?
よければ読者登録お願いします。必ず自分も読者になりますので、これをひとつの出会いとしてブログを拝見させてください。勉強させてもらいます。