ランダムイメージ

　
ブログの表紙ページを作ろうと思い立った際、一般的ホームページのトップようなイメージを考えた。
が、gooブログにはいろんな制約があるため、できないと思われるものを排除した結果、ただ文字を羅列しただけの形式に落ち着いた。
最初は上部に写真を１枚貼っておいたが、なんとなくトップページにしては寂しい。
そこで数枚に増やし、開く度に違う写真にすることはできないだろうか？と考えた。gooブログで。
検索してもFC２とかの話なので諦めかけたが、「ランダムイメージ」で検索したらCGIがいくつか引っかかってきた。
KENTさんとこのCGIは何度が利用させていただいているが、gooブログでも動くかな？とう不安を抱えたまま設置してみた。

いける！
トップに４枚の写真をランダムに表示させることができた。（外部リンクのため携帯では画像が表示されないかも）
写真をクリックしたらリンクに飛んでカウントするという機能もあるが、それは今回必要ないため省いた。
ちょっと思い出アルバムみたいか。

ブログのカスタマイズ

【トラバ練習板】あなたのブログ、どんなカスタマイズしてますか？

見ての通りではありますが、列記してみますと
（元はカスタムブルーです。）
◇タイトルバックにオリジナルのどんぐり写真。
◇タイトルと記事タイトルにふたばマークのgif画像。
◇左メニュー見出しにもふたばマーク。
◇左メニュー背景にグラデーション。
◇左メニューのENTRY ARCHIVEとRECENT COMMENTとBOOKMARKにスクロールバー設置。（IEでは表示されません。）
◇右上の帯にIPカウンター。
◇右メニュー上部に福井県の天気。
◇右メニュー見出しバックに画像。
◇右下に忍者アクセス解析。（フル機能はしていません。）
◇ページ下部にクレジット表記。
◇ページ右下にはふたば３つ。
◇文字色、フォント、行間など。

と　こんなところでしょうか。
無料ユーザーで、どこまでできるのかを私なりに追究した結果であります。


Macユーザーの方、いかがですか？
Safari4でも体裁よく見えるように再度あちこち調整しました。
タイトルなどでOsaka（フォント）をboldにするとつぶれてしまうのが気になり、Safariではboldをはずしてあります。
そして、Osakaの黒文字は少々強いので、やや薄くグレーにしました。（これはIEも同様の設定。）
そして偶然ですが、FireFox3.5.1でもうまく表示されるようになりました。ラッキー。vv

Safari（サファリ）対策

Macの標準ブラウザであるSafariで当ブログを見ると　体裁が少し乱れるという問題を解消しました。
（おそらく数パーセントのユーザーでしょうか。）

◇左メニューの黄色の背景色が右にはみ出してしまう。⇒背景色をはずす。
◇左メニューの見出しの背景色が右にはみ出してしまう。⇒２種類のサイズを設定する。
◇右メニュー見出しの背景画像が寸足らずになる。⇒背景画像をはずす。
後日追記：背景画像の左右を大きく作り直すことで解消しました。↑

CSSに書き加えたもの。（一部抜粋）

/* 左メニュー背景【Safari対策】 */
#menu {
background-color: #FFFFCC;#
}

/* 左メニューの各見出し【Safari対策】 */
.menuBar {
width: 174px;#
}

/* 右メニューの各見出し【Safari対策】 */
.lgBar {
background-image: url(http://blogimg.goo.ne.jp/user_image/...);
background-repeat: no-repeat;#
}

#　を後ろに入れるとSafariはそのスタイル定義ブロック全体を読まないという特性を利用したものです。
後日追記：バージョンによってちがうのでしょうか。最新のSafari4で試してみたところ、# は後ろではなく前に挿入しないといけないようです。

でも、FireFox（Mac版）で見ると全く改善されておらずガックリ。
世の中　ブラウザ多すぎです。

おまけ：左メニューにはSafariとFireFox（Mac版）だけに見えるスクロールバーがあります。（隠れキャラか・笑）

【祝】ランキング入り

ＩＰもＰＶも感覚的には遠い数字なのですが、当ブログがgooブログのアクセス・ランキングに初めて入ってきました。^^
ＰＣからの閲覧数はだいたい把握しているのですが、せいぜい３０ＩＰ、１００ＰＶくらいです。
それ意外は携帯電話からのアクセスということになるのでしょうか。
だとするとＰＣの約５倍が携帯からの閲覧ということになってしまいます。そういう時代なんでしょうかねー。
もしくは画像を読まない検索ロボットくんがたくさん来ているのかもしれません。こちらも全く数字を把握できません。
　　　←ボットチェッカーを見てもそんなに頻繁ではなさそうです。実際の読者数はいったい？？？

gooモバイルのサイトビューワで見るとこんな風。


携帯電話だけで見てくれてる人がそんなにいるのかな～。　いてくれたらうれしいけど…。

ボットチェッカー

　　

アクセス集計してみよう

アクセス集計一覧（ブックマークにも登録）
当ブログへのアクセス数はとても少ないのですが、KENT氏のCGIプログラムを使い　どの記事がよく読まれているのかを検証してみることにしました。
とは言っても、本格的に分析するというようなものではありません…。(^_^;)
※集計する記事は２００９年３月分より、CGIは２００９年３月３１日に設置しました。

追記：集計する記事を２００９年４月分からに変更しました。

現在時刻を表示させる

左メニューのカレンダー下部に小さな時計を設置。
年月日と現在時刻（アクセスした時刻）を表示しています。
これはブログクロック - 時計のブログパーツを利用させていただきました。
（当ブログの仕様で挿入できるのは画像だけなので、少しタグを削っています。）

そして、福井県の天気の位置を上に移動しました。晴れマークが出ているととても気持ちいいので。（笑）

無料版のカスタマイズに限界を感じながらもコツコツと…。^^

ブログパーツ風に今日のお天気

カスタムブルーのＣＳＳだけでどこまでカスタマイズできるかを追究している無料ユーザーのぱぱんだです。^^

今回のカスタマイズは、（カスタムレイアウトのテンプレートを使用せずには）貼れないはずのブログパーツをどうすれば表示させることができるか。

すでに画像をあちこちに貼ってあるので、もうスペースもないと諦めかけていたのですが、ふと目に止まった場所 それは右メニューgooブログの告知エリア。
上部に侵入させることも可能だったのですが、お邪魔しないよう下部に福井県の今日の天気を貼ることができました。

こんなにジャストサイズな天気画像は他にないでしょう。可変画像で日々変化してくれます。（livedoorに感謝）
まるでブログパーツみたいでしょ。


/* 右メニューの囲い */
#lgFrame {
border: 1px solid #FF0000;
background-color: #FFF0F5;
padding: 2px;
text-align: center;
background-image: url(お天気の画像);
background-repeat: no-repeat;
background-position: center 99%;
height: 1200px;
}

わずかなデザイン変更

ブログテンプレートのデザインを少し変更しました。
テンプレート編集というよりも画像制作といった方が適切かもしれません。
どこって？

◇タイトルバックの写真の下方にグラデーション。
◇左メニューの背景にドロップシャドー。
◇右メニューの見出しに背景用画像を挿入。
◇右メニュー背景に薄い色を入れる。（後日追加）

細かい変更ですが、少しは立体的に見えるようになったでしょうか？
（旧デザインはこちら）


最近、キーボードを叩くのがおっくうになってきました。
老化？
いやいや怠慢ですよね。(^_^;)

ちょっぴりカスタマイズ

旧テンプレートのカスタムレイアウト化が進む中、クラシックなスタイルを保ち続けているこぱんだブログです。^^
このブログのテンプレートはカスタムブルーのCSSをいじったものです。
（たぶん、カスタムレイアウト化はないと考えられます。CLアドバンスの意味がなくなりますもんね。）
もう改造できるところがないと思っていたのですが、右下の空間がふと気になってしまいました。

というわけで、昨年の絵文字コンテスト用に作成したgifアニメを少し加工し、右下に配置しました。

これで寂しくないぞ！（笑）


/* ページ全体の背景と文字と余白 */
BODY {
background-image: url(http://blogimg.goo.ne.jp/user_image/画像名.gif);
background-repeat: no-repeat;
background-position: 93% 90%;
background-attachment:fixed;
background-color: #ffffff;
margin: 0px;
}