CALENDAR
S M T W T F S
 123456
78910111213
14151617181920
21222324252627
28293031   
<< July 2019 >>
ARCHIVES
CATEGORIES
RECOMMEND
RECOMMEND
入園入学準備に便利な大変お得なセットができました!お名前シールバリューセット-ディズニー【ディアカーズ】【Disneyzone】
入園入学準備に便利な大変お得なセットができました!お名前シールバリューセット-ディズニー【ディアカーズ】【Disneyzone】 (JUGEMレビュー »)
布用アイロンシール50、フロッキーシール95、おどうぐ用シール2種類100、強力耐水お名前シール378
ワンポイント付お名前ハンコが。私ならこれ☆彡
RECOMMEND
スタイリッシュお名前シールお得4点セット-ディズニー【ディアカーズ】【Disneyzone】【おなまえシール】【ネームシール】
スタイリッシュお名前シールお得4点セット-ディズニー【ディアカーズ】【Disneyzone】【おなまえシール】【ネームシール】 (JUGEMレビュー »)
ちょっとおしゃれなディズニーキャラクターの布用シール2種おどうぐ用シール2種のセットです。入園入学準備にばっちり!
RECOMMEND
働くママ&パパの子育て110の知恵―子どもも仕事も愛したいあなたへ (100人の体験の知恵シリーズ)
働くママ&パパの子育て110の知恵―子どもも仕事も愛したいあなたへ (100人の体験の知恵シリーズ) (JUGEMレビュー »)

保育園選びはもちろん、復職後の家事分担、職場とうまくやるコツ、小学校PTA、学童保育、引越・転勤の乗り切り方まで。出版後5年たってますがまったく古くないです。
RECOMMEND
働くママとパパのためのはじめての小学校&学童保育
働くママとパパのためのはじめての小学校&学童保育 (JUGEMレビュー »)

お母さんがずっと家にいる子をうらやんだり、1人で留守番する時間帯ができたり、実はこどもの小学校入学が、ワーキングマザーの関所なんです。ぜひ早めに心の準備をしておいてください。
RECOMMEND
はじめての保育園―働くママ&パパのための
はじめての保育園―働くママ&パパのための (JUGEMレビュー »)
保育園を考える親の会
まず一冊買うならこれがおすすめ。経験からの実用的なアドバイスがいっぱいです。06年11月発行の新版。
RECOMMEND
犯罪から子どもを守る50の方法
犯罪から子どもを守る50の方法 (JUGEMレビュー »)
国崎 信江
危機管理対策アドバイザーで、母親でもある筆者が、防犯グッズの比較、いざというときの対応方法など具体的に教えてくれる本です。自分の身を守らないといけない時代、ぜひ読んで活用していきたい本です。
RECOMMEND
ワーキングマザーの妊娠・出産・育児―子育てしながら仕事を続けたいママへ
ワーキングマザーの妊娠・出産・育児―子育てしながら仕事を続けたいママへ (JUGEMレビュー »)
河野 真理子, 安藤 博子
出産しても仕事を続けたい方はもちろん、子どもを産むかどうか迷っている方にもおすすめです。経験者ならではのエッセンスがいっぱいで、この手の本ではイチオシです!
MOBILE
qrcode
ホームページ、JUGEMブログの独自アイコン(ファビコン)の設置方法
JUGEMテーマ:ホームページ作成

「もうとっくに気付いている」という方もいらっしゃると思いますが、
本館ホームページ「子連れde海外!!」、
姉妹ブログの「子連れde海外!!つれづれ」、
この「Happy Working Mother Life」に
独自アイコン(ファビコン)を設置しました。

タブなどに表示されるサイトのオリジナルアイコンが
「ファビコンFavicon」という名称だっていうことを昨日初めて知りました。
Favorite Icon(お気に入りアイコン)の略称でFaviconらしいです。
ブラウザのタブ、ブックマークバー、アドレス欄に表示される
サイトの目印となる独自のアイコンマークのことです。

「お気に入り」「タブ」「アイコン」「設定」などで検索して設定方法を確認しました(^_^;)


↑左から、
・トリップアドバイザー
・子連れde海外!!つれづれ(ブログ)
・Happy Working Mother Life(ブログ)
・子連れde海外!!(ホームページ)
・スペースアルク

↑左から
・コープeふれんず
・ニッセン
・e-tour
・ena
・アップルワールド
です。

あらためていろんなファビコンを見てみたところ、
商業サイトは
■オリジナルトレードマークやオリジナルキャラクターの画像
■サイトの頭文字など1〜4文字程度をアイコン化したもの
個人サイトは
■サイトの内容に合った画像
■サイトの頭文字など1〜4文字程度をアイコン化したもの
がほとんどでした。

私は「サイトの内容に合った画像」を採用してみました。
ホームページ「子連れde海外!!」は真っ赤なジョウロのイラスト子連れde海外!!のファビコン
ブログ「子連れde海外!!つれづれ」はミッキーシェープの風船の写真子連れde海外!!つれづれのファビコン
ブログ「Happy Working Mother Life」は緑の花のイラストです。

すごく迷って画像を選んだのですが、
イメージ合っていますか?

設置方法はホームページとブログでは違っていました。
ホームページへの設置方法は
All About 「アドレス欄やタブに独自アイコンを表示する」
http://allabout.co.jp/gm/gc/23917/
を参考にしました。

ウェブサイトの最上階層(index.htm,index.htmlと同じフォルダ)に
 favicon.ico というファイル名のファビコンファイルを置けば
サイトのページすべてに一括表示できるとのことで、その方法で設置しました。

ファビコンファイルは16×16の画像を下記サイトで変換させて作りました。
http://www.chami.com/html-kit/services/favicon/

JUGEMブログにファビコンを設置する方法は
Atelier Alice「 JUGEMにファビコン設置☆」
http://blog.a-alice.net/?eid=109
を参考にしました。

JUGEMブログにアップできるのは拡張子がgif,jpg,pngのファイルのみなので
拡張子がicoのファビコンファイルはアップロードできないため
gifファイルをファビコンファイルとして指定します。
(この方法だと、インターネットエクスプローラ(IE)には
ファビコンとして認識してもらえません)

1.16×16のgif形式の画像を用意します。

2.「データ管理」→「画像の管理」から画像をアップロードします。

3.「画像の説明 / 画像を呼び出すタグ」でタグをコピーし、
  メモ帳やワードか何かに貼り付けます。

4.「デザイン」→「HTML・CSS編集」をクリックします。

5. [HTML編集フォーム]内確認し、<HEAD>を探します。

6. 一番最初の<HEAD>の次の行に、次の行の記述をコピーして貼り付けます。
<link rel="icon" href="(画像のパス)" type="image/gif" />

7. 3.でコピーしたタグから、画像のパスの部分(下記の赤字部分)をコピーします。
<img src="http://img.blog.abc.com/20121224_123456.gif" alt="" width="16" height="16" class="pict" />

8. 6.の記述の(画像のパス)部分に、7.でコピーした画像のパスを貼り付けて、
(画像のパス)の文字を削除します。
例:<link rel="icon" href="http://img.blog.abc.com/20121224_123456.gif" type="image/gif" />

9.「HTMLを編集」ボタンを押して終了。


グーグルクロームだとタブのほか、
お気に入りのリンクバーにファビコンが表示されますが


アドレス欄には、ファビコンは表示されません。


インターネットエクスプローラだと
タブやお気に入りバーのほか、
アドレス欄にもファビコンが表示されます。


しかし、gifファイルをファビコンとして指定したブログのファビコンは表示しません。



拡張子が.icoでないと、ファビコンとして認識しないのだそうです。
JUGEMさん、.icoもアップロードできる仕様にしてくださいませ。
ワーキングマザー育児のブログを探すなら・・・
にほんブログ村 ワーキングマザー育児
にほんブログ村 子育てブログ ワーキングマザー育児へ
| ホームページ作成 | 12:24 | comments(0) | - | pookmark |
FacebookのLike Boxを設置したのに表示されない・・・単純な理由でした
JUGEMテーマ:ホームページ作成

ホームページにFacebookのLike Box(いいねBox)を設置しようと、
いろいろなコードを入れてみたものの、いっこうに表示されず
四苦八苦することかれこれ一週間。
やっと理由がわかりました。

私は個人アカウントのほかに、Facebookページアカウントを取得して
子連れde海外!!Facebookページを開設しているのですが、
Facebookページアカウントでログインしていると、
Like Boxが表示されないのでした・・・

一定時間が経ったら表示されるのかなとか、
何種類かあるコードのどれをつかったら表示されるのかとか
何通りも試してみてしまいました(-_-;)

コードを入れても表示されない方、
個人アカウントに切り替えて確認してみてください!


ワーキングマザー育児のブログを探すなら・・・
にほんブログ村 ワーキングマザー育児
にほんブログ村 子育てブログ ワーキングマザー育児へ
| ホームページ作成 | 23:12 | comments(0) | - | pookmark |
ホームページビルダー15の共通部品の一括変更機は能超便利☆
12月3日に発売された ホームページビルダー15をさっそく購入し、
私のメインのサイト「子連れde海外!!」全体のデザインリニューアルに着手したのですが、
このバージョン15で導入された「複数ページの共通部品を一括変更できる機能」
超便利です!!!

正確には、ひとつのページのリンクメニューや、タイトルなどを変更した後クリックし、
「共通部品の同期」ボタンを押すと、複数のページの同じ部分を一括変更できるんです。
共通部品の同期ボタンを押した後、同期するページを選択することもでき、
サイト全体の変更だけではなく、サイト内の特定カテゴリーの部品だけの変更もできます。
とっても便利ですよね!

「子連れde海外!!http://www.kozure.net」は100ページのサイトなので、
リンクを設定するだけでもすごくたいへんな作業で、
前回、サイトリニューアルをしようとしたときにもホームページビルダーをバージョンアップしたものの、
ホームページビルダー12には一括変更機能はなかったので、
ページデザインを考えて地道にCSSデザインのページを作り、
数ページだけ更新したのですが、その後が続きませんでした。

今回は、CSSテンプレートを使えるし、この共通部品の同期機能もあるしで、
作業の手間がぐーんと少なくてすみます。
デザインリニューアルがようやく完成できそうな予感v(^.^)v

JUGEMテーマ:ホームページ作成
評価:
---
ジャストシステム
¥ 13,411
(2010-12-03)
コメント:バージョン15から用意されたフルCSSテンプレートで簡単に素敵なデザインのホームページが作れるようになりました。CSSを変更するだけで一発デザインチェンジもできます。リンクメニューやタイトルなどの共通部品の一括変更機能も付き、ページ数が多いサイトには超便

ワーキングマザー育児のブログを探すなら・・・
にほんブログ村 ワーキングマザー育児
にほんブログ村 子育てブログ ワーキングマザー育児へ
| ホームページ作成 | 18:59 | comments(0) | - | pookmark |
| 1/1PAGES |