気が早いかな？

年末が近づくと　Blogの模様替えが出来なくなってしまうので
今日の内に　クリスマスからお正月に模様替えです。

今回は　すべての素材は　Queen's FREE World さまのものを　お借りしました。
私が使った素材の他に　きれいなものが　たくさんありますので
覗いて見て下さい。

BlogPetの背景も　変更済みです。
Petの下の更新ボタンをクリックして
お楽しみください。
新作は　そのうち紹介します。

全体の模様替え

今日は　ハロウィンですのでｆｅｅｄｍｅｔｅｒもそうなってますね。
私はとういと　下の子が２日続けてハロウィンパーティをした。
言うのと部屋の一部がその仕様になってるので　そうなのかな？
と　言う程度なんですよね(笑)

コツコツと１１月に向けて　描いて来た　色々なパーツが出来て　明日は下の子の幼稚園が臨時休園なので　模様替えが出来ないと思ったので　今夜　思い切ってしてしまいました。
今回は　背景も　すべて　自作で描く事をしてみました。

どうしても　どこか一部を　素材屋さまから　借りてくると　きれいに　まとまる事が出来ずにいたので・・・・。
なんとか　形になったので　クリスマスの模様替えまで　このままでいこうかな？

メンテナンス

今日の　16時よりココログが　19日16時まで48時間の長時間
メンテナンスに入ります。

管理画面へのアクセス
管理上の各種操作
トラックバック・コメントの受け付け
モブログからの投稿

下記のことが出来なくなりますので　注意してください。
投稿も出来なくなるので　ご了承ください。

こちらのＢｌｏｇにコメントがありましたら
ＢｌｏｇＰｅｔのお部屋『Ｅｐｉｓｏｄｅ』まで
コメント　下さい。

新しい月になって

早いもので　今年も残す所２ヶ月を切りましたね。
今日は　風邪もだいぶ良くなったし
時間も　有りましたので
新しい　Ｔｏｐバナーなんぞ　作ってみました。
今月の終わりには　ＨＡＬＬＯＷＥＥＮとのことで
それを　題材にしてみました。
それが　こちら

今回は　自分のトコの　タイトルは入れずに
作ってみました。
８１０Ｘ２００ですが　使ってみたい方は
ダウンロードをして　お持ち帰りください。

ちなみに　仕切りの線もおそろいで

でありますよ。

模様替え

ちょっと　気が早いですが
HALLOWEEN仕様に　衣替え。

いつもは　ブルーを基調にするのですが
秋も深まってきたので　くすんだ色を
多用してみました。

今回は　サイドバーのバナーリンクのところにある
素材屋様から　色々　お借りしてみました。

本来は　写真をトップバナーに添えたかったのですが
まだ　撮ってはいなかったので　イラストにしました。

撮り次第　バナー変更します。

faviconを付けてみた

昨日　ＦｉｒｅＦｏｘを入れたので
やってみたかったことの一つが
「ｆａｖｉｃｏｎの設置」です。
ＫＯＲＯＰＰＹの本棚さまの「ブログにfaviconをつけてみた 」の記事を読んだり
初めてのココログ　カスタマイズさまの「第32回：自分専用のfavicon（ファビコン）を付けてみよう 」の記事を　読んだり　ＩＥを入れていた時は　考えてなかったことが　急に挑戦してみたくなり　やってみました。

まずは　ｆａｖｉｃｏｎの用意です。ココログカスタマイズさまでは　作り方が載っておりますが　今回は　Three Colors Cats! さまの素材をお借りしました。
それを　アップロードしておきます。
拡張子が～ｉｃｏになってる事を確認したら　下のタグを　サブタイトルの下に入れます。

<link="shortcut icon"
href="アップロードしたＵＲＬ">

画面下の「変更を保存」して　「反映」したら　サイトを開くと　ｆａｖｉｃｏｎが付いてました。

今更ながら・・・・。

最近　いろいろな所で　目にするので
ＷｅｂブラウザのＦｉｒｅＦｏｘを入れてみました。
いままでは　ＩＥ６で　使っていたのですが
他のも　試して見たくなって・・・・。
ブラウザが変われば　同じ画面を見るのにも
結構　変わるんだな。
を　実感。
使いこなせるように　ネットサーフィンをしていました。

でも　１つ不満は・・・・。
Ｙａｈｏｏ!とｉｎｆｏｓｅｅｋのツールバーを使うのに
カスタマイズが出来なくて　結構邪魔な　存在に
なってしまったことかな？

この解決策は　バージョンアップを待たないと
いけないみたい・・・。　

月別バックナンバーをプルダウン表示を導入

ここのブログを　初めてだいぶ経ちましたので
導入してみたかった「月別バックナンバーをプルダウン表示」を挑戦してみました。

参考にした
KOROPPYさますべての全ての月別バックナンバーをプルダウン表示
facet-diversさまの「月別バックナンバー　プルダウンメニュー」
ありがとう　ございました。<m(__)m>

まずは　Jsファイル
「monthlyArchiveSelector01a.js」をダウンロード
します。
次に　マイリストに私は「月別バックナンバー」というメモリストを作りその中にしたのスクリプトを入れました。

＜noscript＞
＜a href="自分のarchives.htmlのアドレス"＞バックナンバー一覧＜/a＞
＜/noscript＞
＜script type="text/javascript" src="アップロードしたｊｓファイルのアドレス"＞
＜/script＞
＜script type="text/javascript"＞
＜!--
MakeMonthlyArchiveSelectorHtml("自分のBlogのアドレス", "ブログを始めた年/月", "月別バックナンバー");
//--＞
＜/script＞

色を変えたところは　自分のに合わせて描き直します。
これを　私の場合は純正のバックナンバーを外した所に置き換え　反映して
これで　出来ました。

それに　合わせて　ちょこっと入れ替えをしましたが　これで　成功しました。

私の覚書でした。

美容院

ヘアマニキュアをしてないところが　目立ってきて
プリンちゃんになっていたので・・・。
美容院へ行ってきました。

あと　２ヶ月したら　矯正パーマをかけるつもりでいたので・・・。
カットの方は　毛先の痛んでる部分を整える程度でやめ・・・。
いつもの色の付き具合で　マニキュアをしてもらい・・・・。
ブローの時
「今回は　今度の矯正をかけたらどうなるか？
アイロンで伸ばしてみよう！」

という事になり　してもらい・・・。
うちに帰ると　子供達が・・・・。

いつもの　ふんわりヘアではないのを見て一言！
「お母さん　どうしたの？」
と　二人とも　まじまじ見るのです。

やはり　いつもと　違うと　子供の反応が面白いので・・・・。
イメェチェンはやめられません。
でも　髪を洗うと　元に戻るんだけどね。
今回は・・・・・。

コメント欄のカスタマイズ

ちょっと　気になっていたので・・・。
この機会にと　コメント欄を少しカスタマイズ。
まずは　コメント欄が　切れていたのが気になっていたので
そこの　修正。
カスタムCSSに　次のタグを　追加。

#comment-text textarea, #comment-text-field textarea{
width: ●●px;}

●●には　縮小したい幅を記入。
私は　３５０ｐｘに設定。

そして　その背景に　色を付けました。
そのタグも　上のカスタマイズ同様　カスタムCSSに　次のタグを　追加。

#author, #email, #url, #comment-text textarea, #comment-text-field textarea{
background-color:カラーコード; }

カラーコードは　６桁の数字で記入してください。
色が付いてるか　付いてないか分からない様な薄い色のほうが　見やすいと思います。
試してみてね。

カレンダーの投稿日の色付け

カレンダーの投稿日は　元々は　投稿した日の数字のみ色付けされますが・・・。
それを　一工夫！
投稿した日を　色で囲んでしまおう！
と　言うのが　今回の　カスタマイズ！
カスタムCSSを編集に　次のタグを　追加

#calendar a { background-color:カラーコード;
width: 20px; line-height: 20px;
display: block; margin: 0 auto; }

カラーコードには　6桁の数字を入れてください。
そうすると　左サイドバーのように　色が付きます。
試してみてね。

ブログ上の囲み線の消し方

この技も　前のブログから　使っている技ですが
改めて　記事にしたいと　思います。

この写真のように　
横とか周りに
囲み線を出ているのを
消す方法が　
あるのです。
見た目にも　
きれいなるので
試してみる価値は
ありますよ。
方法は　簡単なんです。

＜style type="text/css"＞
＜!--
.sidebar img { border: 0px; }
--＞
＜/style＞

上のタグをコピーして（＜と＞は半角に直してね）
左サイドバーの一番初めに埋め込みます。
私の　ブログで言うとカウンターの始めに埋め込んでます。
これだけで　O、Kです。
試してみてね。

ちょっと変更

昨日は風邪で　どうにも　PCすら触りたくない
具合の悪さで　携帯からでしたが
今日は　午後から　上の子の参観日でしたので
気合で　午前中で　回復させました[汗]

カスタマイズというほどでもないのですが
今回　変更したのがACR　WEBから
Now Visitorを借りてきました
効果のほどは
今現在、何人の人がページを見ているかをサイト上に簡単に表示することができます

こんな風に表示されるのです。
所得の方法は　まずは　ACR　WEBに行き　Now Visitorをクリックすると　ユーザー登録をします。
登録後に　メールで設定画面を通知されるので　そこからログイン。
色など設定して送信を押すとカウンター表示タグが発行される仕組み。
背景、色、文字を選んで（選ばなくても作れます）自動生成されたコードをブログに貼り付けるだけ。　
もちろん設定なしも可能。
そのまま送信を押すとタグが表示されます。
そのタグを　自分の表示させたい所に　埋め込んで完了です。

ついでに同じ所の　Click Trackも付けちゃいました。
それは　カウンターの所にあります。

サイドバーにアイコンを付ける

最初の頃に　ここでも日付けとタイトルのアイコン設置の記事は書きましたが

記事は　こちら

今回は書き忘れていた　サイドバーのアイコン設置です。
まずは　使いたいアイコンをアップロードしていきます。

.sidebar h2 {
padding: 2px 2px 2px 22px;
background-image:url(画像URL);
background-repeat:no-repeat;
background-position:left;}

padding: 2px 2px 2px 22px;は画像サイズ

上のソースをカスタムＣＳＳに追加したら出てきます。

折り畳みボタンの色変え

改装終了の時の書いたのですが[・・・]
記事を　独立させました。

サイドバーの折り畳みのソース自体はいじらず
ＣＳＳに追加する方法を　むいむい星人の寝言さまで見つけました。

.sidebar h2.folded button {background:#3399cc; color:#ffffff;}
.sidebar h2.unfolded button {background: #ffffff; color: #3399cc;}

この２行をＣＳＳに追加で　色が変わります。
私は　これで成功しているのでなんとも言えませんが[・・・]

記事の区切り線を付けよう

カスタマイズも落ち着いたので[・・・]
少しずつ　覚書として残そうと　思いまして！

今回は　記事と記事の間に付ける区切り線を追加の方法を書きたいと　思います。
私の場合　記事の幅が　約４００ｐｘなので　それにあわせて画像を用意します。
その画像を　アップロードします。

ＣＳＳに下のソースを追加します。

.entry { background: url(画像ＵＲＬ)
　repeat-x left bottom;
　padding-bottom: 1px; margin-bottom: 1em; }
.content h2 { border: none; }

これで　保存　反映で付きます。

サイドバーの項目にスクロール

この　カスタマイズは　前のブログから　引き続き使っている大変便利なものなので　ここでも　ご紹介します[ハート]
サイドバーの項目が長くなって　見にくいいなぁ[！]
と　思ったら折り畳む方法もありますが[・・・]
これは　また　今度・・・・。
今回は　サイドバーの項目ごとに　スクロールバーをつける方法です。
方法はまずは　したのｊｓファイルをPCのディスクトップにダウンロードします。

「imp_scroll.js」をダウンロード

これを　右クリックし編集をクリックするとメモで開きます。

["カテゴリ", 80],
["最近のコメント", 80],
["最近のトラックバック", 50],
["お気に入り", 80],

この項目が　スクロールする項目とその幅（ｐｘ）を設定するところです。
この他にしたいメニューがある場合は　この形式を守りながら　書き足していきます。
書き出したら　上書き保存します。

このファイルをアップロードします。

＜script type="text/javascript" src="アップロードしたアドレス"＞＜/script＞

上のタグを　右サイドバーの一番下に入れます。
（＜と＞は半角に直してね[ハート]）
私は　スクリプトリストは「、」です。

その他のやり方は　KOROPPYさまのBlogPeopleにスクロールバーを装着とうのもあります。

ご参考になれば　お使いください。

◎気になったら　クリックしてね。

本文で絵文字を使う

先日　ようやく　KOROPPYさまの助けを　お借りしまして　
コメント欄に絵文字を使う！を導入する事が出来ましたので・・・・。
今回は　さらに　KOROPPYさまのココログ本文で絵文字を使う方法(改訂版)を加えることに　しました。

まずは　コメント欄に絵文字を使う！を使ってる事が　条件です。
その　スクリプトの「各コメントの class 属性」の項目を探し
下のように　直します。

// （３）各コメントの class 属性
var commentBodyClassName = 'entry';

ここだけを　直すとココログで本文に　タグを打ち込むと・・・。

[・・・][ハート][キラリ][うれしい][青ざめ][怒り][！][♪][汗][ひらめき]

こんな風にでてきました[うれしい]

ここでもう一つ　直にタグを入れるのでは　忘れてしまうので
私は　PCの辞書機能にこのタグを　登録しました[キラリ]

絵文字のテスト

エントリー部分の　絵文字導入のテストです。

[・・・][ハート][キラリ][うれしい][青ざめ][怒り][！][♪][汗][ひらめき]

コメント欄に絵文字を使う！

この機能を　とうとう　導入いたしました。
ココログ以外のBlogで　絵文字が　初めから使えるところもありますが・・・。

KOROPPYさまのテンプレートをいじらずにコメント欄で絵文字を使う方法を　そっくり使わせて　頂きました。

長くなりそうなので　こちら・・・・。

続きを読む "コメント欄に絵文字を使う！"

CGIを使ってこいぬの背景をランダム表示

前から　これはやってみたいと　思っていたのですが　中々手を出せなかった設定が　こいぬの背景画像をランダムに表示する方法です。
これは　凄く悩みましたし、設定するまでに　何日か掛かった設定です。
設定自体は　１日で出来たのですが　その環境を手に入れるまでに　時間が掛かりました。

参考にしたのは　KOPPYさまのランダム表示のまま留守番背景を使う方法とYOZOさまのCGIを使って背景をランダムに変更！を参考にさせていただきました。

こちらも長くなるので・・・。

続きを読む "CGIを使ってこいぬの背景をランダム表示"

track word設置

今度は　こんなものを設置しました。
昨日　かげさんの111から始まるHistoryで紹介されている　track wordというものです。

これは　検索エンジンから自分のBlogにどんなキーワードで飛んできたか？
を表示するものらしいんです。

最近　よく　おじゃまするサイト様も　付けているので
どんな　内容なのか？
わからなかったので　手を出さずに　いましたが
この記事を　読んで　設置してみたく　なったのです。

設置方法は
まずは　track wordへ飛んで
blogサイトURL　ID名　メールアドレス　パスワードを登録。
すぐに　ログインできますので　します。
バナーカラーを選んで　変更すると　HTML コードが下に表示されるので
そのコードを　サイドバーの好きな所に　貼り付け。

検索エンジンから飛んできた人の　検索内容が下に表示されます。

◎気になったら　クリックしてね。

コメントのツリー化

こちらに引越ししてきてから　たくさんの方が
来てくださって　コメントを残していただきます。

ここで　コメント欄が見ずらくなってきたのです。
記事は読んでいたのですが・・・。
ここでなら　出来ると思い　導入しました。
今回も　KOROPP様の「最近のコメント」をツリー表示と最近のコメントにアイコンを追加を参考しました。

まずは　ふろむにぅじぃさまのスクリプトをダウンロードします。

そして、「最近のコメント」より後に、以下の記述を追加します。
私は　サイドバーの最後に　「、」という欄を作って　ここに色々なスクリプトを入れてます。
自分のURLに修正してくださいね。
（＜＞は半角に変更）

＜script type="text/javascript" src="自分のBlogURL/comtree.js"＞＜/script＞

そして、スタイルシートに以下の記述を埋め込みました。
画像のURLは、ご自分で作成したものに差し替えてくださいね。

ul ul.tree { list-style: none; margin: 0px; padding: 0px; }

ul ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
font-size: 100%;
background-image: url(http://～/blog/tree.gif);
background-repeat: no-repeat;
}

ul ul.tree li.end {
background-image: url(http://～/blog/treeend.gif);
}
#recent-comment li {
list-style: none inside url(http://～/up.gif);

ツリー表示用の画像は、KOROPP様の画像を参考に、自分で作ってみました。
参考になれば　「tree.zip」をダウンロードして参考にしてください。
ついでに　UP画像も作り下に埋め込みました。

これからは　コメントを確認するのが　　楽しみなりそうです。

◎気になったら　クリックしてね。

引用文をカスタマイズ

この所　色々使い様になった　引用文。
ただ　ずらしただけだと　なにか味がないと思ったので
KOROPPY様の引用をお洒落にする小技と文字書きワールド♪さまの引用文を目立たせるの記事の力を借りまして　設定しました。

/*引用文の引き立て*/ .content blockquote { line-height: 130%; border: 4px double #87cefa; padding: 5px 10px 5px 10px; margin: 3px 20px 3px 20px; background-color: #fof8ff; color: #697497; width: 330px;}

background-colorで引用文の背景色を指定して
border: 4px double #87cefa;で枠の色付け
しました。
少し　変わったかな？

◎気になったら　クリックしてね。

プラネタリウムブログパーツ

ブログパーツさがせ様のサイトで　いいものを見つけました。
簡単なプラネタリウム、ブログパーツです。

上に貼ってありますが　とにかくきれいです。
しかも　日本から見たところっていうのが　いい!!!
　説明書きには・・・・。
　　◎星座早見盤、南天用です。
　　◎現在の南側の星座がわかります。
　　◎日本から見える天体です。（地平線北緯30度あたりに設定。）
　　◎もちろん、時間に従って星空が動いていきます。
　　◎flashです。。

とのこと・・・。
ユーザー登録は不要ですがメールかブログにコメントくださいとのこと 。ぜひ　コメントしておれいしましょう。
設置方法はサイトの下にある　タグを　お好みの所に貼り付けるだけ。

配布しているサイト　　Planisphere

サイト様のブログ　　　れおんのろぐぶっく

◎気になったら　クリックしてね。

日付とタイトルのアイコン設置

何かと　お思いでしょう？

そうです。
このブログに付けたかったアイコンがすべて付いたのです。
本文にどうしてもつかなかったので・・・・。
ココログサポート解決広場のここのページ で解決しました。
そして　それにKOROPPY様のアイコンをつけてみましたの記事とミニアイコンをh2にも追加しましたの記事を参考にして　完成させました。

覚え書きとして・・・。
日付にアイコンを付けるは・・・・。

.content h2 {
padding: 2px 2px 2px 22px;
background-image:url(アップロードURL);
background-repeat:no-repeat;
background-position:left-top;}

padding: 2px 2px 2px 22px;は画像サイズ

タイトルにアイコンを付けるには・・・。

.content h3 {
padding: 3px 3px 3px 22px;
background-image:url(アップロードURL);
background-repeat:no-repeat;
background-position:left; }

padding: 2px 2px 2px 22px;は画像サイズ

これをカスタムCSSに加える・・・。
これで　出来ました。

これからも　色々カスタムしていきたいな。

◎気になったら　クリックしてね。

ブログランキング参加

何か無いかなと　色々サイトを覗いてると　よく目についていた　バナーを　ポチッとすると・・・・。
週間ブログランキング『くつろぎ』にたどり着きました。
前までなら　登録をしなかったんですが　新しい年になり　しかも　ＰＣが来て　早１年が過ぎ　色々な事が出来るようになったので　もう　そろそろ　いいかな？
と　思いました。
今後も　日々勉強ですが　頑張っていきますので　よろしくです。

登録したくなったら・・・・。


上か下のバナーでも　横にも付いてるので　クリックしてみてね。

◎気になったら　クリックしてね。

Pet背景について

Curiosity Episodeでは・・・。

●BlogPet背景を配布しております。

●気に入って頂けたら　右クリック→画像保存する
　ご自由にお持ち帰りください。

●設定の方法

１、クリック→画像保存する
２、その画像を　自分のＢｌｏｇにアップロードします。
　（そのときの　アップロードしたＵＲＬを出しておきます。）
３、ＢｌｏｇＰｅｔをログインします。
４、設定→ペットとクリックしていくと背景画像ＵＲＬが出てきます。
　　そこに　アップロードＵＲＬを貼り付けます。
５、設定を押して　アップロードした画像が出てきたら　Ｏ．Ｋ　　

●決して　直リンクはしないでくださいね。
　二次配布も　禁止です。
　改造（文字入れは可）はしないよう　お願いします。

●一言　コメントを頂けましたら　私自身が　見に行けますし
　今後の製作にも　励みになります。

　　◆BlogPet背景→こちら

●背景の紹介の際は　ご自身のＰｅｔを入れて　紹介願います。

●リンクの画像はこちらに用意してございますので　利用してください。

お読みいただき　ありがとうございます。
それでは　ごゆるりと◯（ ⌒＿⌒ ）◯（ ⌒＿⌒ ）◯