goo blog サービス終了のお知らせ 

こぱんだの千載不磨

千年の後でも消えず永遠に残るさまに思いを馳せ

カスタムレイアウト使ってる?

2008年04月05日 | カスタマイズ(gooブログ)

「カスタムレイアウト」テンプレートがリリースされてから1週間ちょい経ちましたが、CSSをいじれるタイプが出ないので切り替えられずにいます。
CSSがいじれてレイアウトも簡単に変更できるといった設定を作ること自体が難しいのかな?
今までがんばってカスタマイズしてきたユーザーは現カスタムレイアウトにはまず移行できませんね。
カスタムレイアウトが発表された時はあちこちで期待する声が聞こえましたが、リリースされてからはあまり話題になってないような…。
でも少しずつバリエーション(現在12種)が増えてきているので期待して待ってますよ、gooスタッフさん。


そして、カスタマイズしようにもやりたいことは実現できないのですが、わずかな変更を施しました。
少し前からですが、リンク文字のアンダーラインを全てはずしました。
すっきりしてるでしょー。^^
それでリンクがわかりにくいといけないので、マウスオーバーで色が変わるようにしました。
必要な変更箇所は2つ、いやもっとかな。

/* 全体のリンク飾り */
A {
text-decoration: none;
}

/* リンク(マウスポインタを乗せた状態) */
A:hover {
text-decoration: ;
color: orange;
}


※アンダーラインをはずすための「text-decoration: none;」はあちこちに打込む必要があります、たぶん。


そして、パーツを追加しました。
ボットチェッカーです。(サンゴの下にあります)
検索ロボットが巡回しに来た日とインデックスされた内容を調べるものです。
Yahoo!、Google、MSNの3種ですが、Googleが頻繁に来てることがわかります。
無料なので、興味のある方はお試しあれ。^^


追記:ボットチェッカーはダイエットのため、はずしました。
リンクを貼っている文字をクリックした瞬間だけ色が変わるように、下の通り「red」を追加しました。些細なことでも、カスタマイズは楽しー。(笑)

/* リンク(クリックされた状態) */
A:active {
color: red;
}

カウンターとアクセス解析

2008年02月08日 | カスタマイズ(gooブログ)
手軽に取り付けられるカウンターを見つけました。
ご存じの方もいらっしゃると思いますが、「3カウンター」というものです。
ユーザー登録の必要もなく、色はお好みで縦型・横型も選べます。もちろん無料。
小さくて邪魔にもなりません。

Q1:さあ、その3カウンターはどこに付いているでしょう?
(注:ブログトップの白文字のカウンターではありません。)

そして、普通に有名な忍者ツールズのアクセス解析も少し前から付けています。
JavaScriptのタグが貼れないのでフルには機能してませんが、形だけ。(笑)

Q2:さて、その忍者ツールズのアイコンはどこにあるでしょう?
(色を変えたいんだけど、いうこときかないよん。。。)

※問題にお答えいただくなくても結構です。

追記:3カウンターは調子が悪いのではずしました。_ _ (2/23)

gooあしあとのレイアウト

2008年01月30日 | カスタマイズ(gooブログ)
gooあしあとを設置してから、ブログの楽しみ方が広がりましたが、一つ悩んでいたことがあります。

◆記事本文にgooあしあとを設置すると妙に長くなり、次の記事まで遠くなる。
◆トップ記事自体をgooあしあとだけにするのもちょっと辛い。
◆できれば、無料のままでサイドバーに入れたい!

と多くの無料ユーザーが思っているばず。

そこで、なんとかできないかと模索し、できる範囲内の一工夫を思いつきました。
それがこの記事のレイアウト。カスタムテンプレートでなくてもできます。

でも、やり方は簡単ではありません。(?)



<table border="0" cellpadding="0" cellspacing="0" width="500">
<tr>
<td>ここに記事本文を書きます。</td>
<td width="200">ここはgooあしあとの変換タグ</td>
</tr>
</table>

※<>はすべて半角に直し、数値はお好みで変更してください。
※文字の体裁を整えたい場合は、それ相応の苦労を強いられると思います。


これからはこのレイアウトを続けるとお思いでしょうか?

いいえ、すぐ元に戻します。(笑)
思いのほか、大変なのでした。

あとは、あしあとウィジェットの高度なカスタマイズ機能追加に期待しましょう。


追記:この記事のあしあとウィジェットはダミー(画像)に置き換えました。

ブログデザインの微変更

2008年01月19日 | カスタマイズ(gooブログ)
なになに、どこが変わったかわからないって?(笑)

記事タイトルが少し寂しい気がしたので、どんぐり画像を入れてみました。

.↑これだけです。ちょっとしたことなのですが、苦労しました。(^-^;

CSSのどこの記述を書き換えればいいのか?
画像のサイズと位置の調整方法は?
やってみていろいろわかりました。

CSSの解説サイトでlist-style-image:url(画像のURI) ; というタグを見つけた時、もうできた気になったのですが、なぜかうまくいきません。

background-imageで一応入ったけど、ただ入っただけ…。
ここからが長かった。

no-repeatにしてみる。
height入れてみる。
padding入れてみる。
数値変えてプレビュ-、
数値変えてプレビュ-。

ちょっとどんぐりでかいな~。
小さくしよっ。

数値変えてプレビュ-、
数値変えてプレビュ-。

これでよし!

ちっぽけなことですが、割りと大変でした。(@_@)
こんなの聞いてもやってみたいと思う貴兄のために、当ブログの設定を一部公開しておきます。

/* エントリータイトル */
.etTitle {
background-image: url(http://blogimg.goo.ne.jp/user_image/xxx.jpg);
background-repeat: no-repeat;
height: 24px;
padding-top: 4px;
padding-left: 24px;

color: #800000;
font-size: 16px;
font-weight: bold;
}

とこんな感じですが、参考になりますかどうか…。

ブログデザイン変えてみました

2008年01月08日 | カスタマイズ(gooブログ)
ブログのタイトルバックに好みの写真を入れたい。
背景色、文字色、行間等を調整したい。
でも、gooブログから提供される一般のテンプレートは全く加工できない。
ならば、カスタムを選ぶしかない。
しかし、あくまで無料にこだわりたい。(笑)

というわけで、gooブログ開設以来、一つのテンプレートを使い続けていましたが、気分も新たに少しオリジナルな感じにしました。
CSSをいじっただけですが、ほぼ満足な仕上がりになりました。
みなさんもいかがかな?