このブログを検索

2014年9月28日日曜日

Bloggerのファビコン(favicon)を変えてみよう

 GoogleBloggerのファビコン(favicon)を変えてみよう。

 Googleの運営する無料ブログBloggerではファビコンが簡単に変更できる。

ファビコンって何?

 favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したもの。

 ファビコンはブラウザでサイトを開いたときのタブ部分に表示されるアイコンのことをいう。

 Bookマークする際にもファビコンが一緒に保存されるので、ちょっと目立たせることができる。

ファビコン画像を作ろう

1、ペイントなどで縦16px横16pxの画像を作る。

・縦16px横16pxの画像というと相当小さいので、大き目の正方形の画像で作っておいて、サイズ変更で縦16px横16pxにするとやりやすい。

・あまり複雑なものを作らないほうが良いかも。

 ファビコンは表示部分が小さいのであまり複雑な凝った物を作らないほうがきれいに見えるかも。

1)【スタート】⇒【アクセサリ】⇒【ペイント】をクリック。

2)【ファイル】⇒【サイズの変更】⇒pxを選択して、縦横とも同じpxを指定。

3)画像を作成。

4)【サイズの変更】⇒pxを選択して、縦横とも16pxに指定。

5)名前をつけて保存する。

 GIF、PNG、JPEGいずれかの形式で画像を保存。

ファビコンのファイル形式

・IE以外のブラウザであればファビコンの画像形式は、GIF やPNGでも構わない。

・IEにもファビコンを表示したい場合は、ico形式に画像を変換する。

 ウェブサイトでファビコンの形式をico形式に変換できる。

 やり方は簡単。

ファビコン画像をico形式に変換する

1、http://ao-system.net/favicon/index.phpにアクセス。

2、【参照】ボタンで作った画像を指定。

3、【Favorite iconを作成】をクリック。

4、【ダウンロード】をクリックしてFavorite iconを保存する。

GoogleBloggerのファビコン(favicon)を変更する

1、GoogleBloggerにログイン。

2、サイト名をクリック。

3、【レイアウト】⇒【ファビコン】の「編集」をクリック。

4、【参照】をクリックして、保存しておいたファビコン画像を選択し【保存】をクリック。

 これでGoogleBloggerのファビコンの変更終わり。

変更後のファビコンの表示に時間がかかる場合もある

 ファビコンの変更後、数日たたないとファビコンが表示されないときがある様子。

 このサイトだけでなく、ほかのサイトでも数日後にファビコンの設定が表示されるようになったなんて話があるようだ。

 このサイトの場合、2日ぐらいかかった。

 ちなみに、このサイトのファビコンはGIFなのでIEには表示には表示されないと思う。

 見たい人はIE以外のブラウザでお願いします。

2014年9月27日土曜日

Bloggerの記事の個別ページの下に広告を入れよう

 Bloggerの記事の下に広告を入れてみよう。

 今日の課題は以下の3つ。

1、広告コードを変換。
2、条件分岐タグを使って個別記事のページにのみ記事下に広告を表示させる。
3、記事の下に広告を入れるためのテンプレートHTMLの位置。

 BloggerのテンプレートHTMLに直接広告を入れるには工夫がいる。

 コードをそのままテンプレートに記載しても表示されないので注意。

 

2014年9月26日金曜日

 Bloggerの記事のタイトル下に広告を入れる

 Bloggerの記事のタイトル下に広告を入れてみよう。

 今日の課題は以下の3つ。

1、広告コードを変換。

2、条件分岐タグを使って表示するページを指定する

3、記事のタイトル下に広告を入れるためのテンプレートHTMLの位置。

4、広告の回り込み。

 Bloggerの記事下に広告を入れるには、ちょっと工夫がいる。

 コードをそのまま広告コードをテンプレートに入れても表示されないことが多いのでご注意。

 例によってGoogleAdsenseの広告を元にBloggerの記事下に広告を入れてみる。