ブログを重くさせているもの

ブログの重さの原因について、大変よくまとまっている記事を見つけました。
Customizing FC2BLOG - ブログを重くさせているのは何だ?

自分のブログは、軽く、速く、つまらなく(笑)をモットーにやっていますので、
この記事で触れられていることは、かなり気にしているつもりです。

特に画像については、大きく載せれば、迫力もあってキレイに見えますし、
文章をあまり書かなくていい(笑)というのもあるのですが、ココログでは、
カテゴリーやバックナンバーの件数を設定できないので、ブログに載せる
画像の数や大きさ(容量)は、本当に悩ましいところです。

また、ブログパーツやアフィリエイトバナーを貼りまくりたいのもわかります。
でも、貼りすぎると重くなります。自分のブログは必要最低限だけです。
ブログパーツは、ブログをはじめて間もない人など、アフィリエイトバナーは、
Webサイトの専門知識がある人などが、貼りすぎる傾向がある気がします。

光やADSLなど高速な通信回線も普及してきてはいますが、低速回線な人
のことも忘れないように、ブログを書き続けていきたいものです。

|

携帯版のブログのデザインをカスタマイズ

ココログには、パソコン版とそれを携帯電話向けに変換した携帯版の2つが
あると考えていいと思うのですが、このブログはパソコン向けに書いている
ようなところがあって、携帯版のブログのデザインに力を入れておりません。

一応、独自にスタイルシートを適用したり、記事のタイトルの横にアイコンを
表示してみたりはしていますが、パソコン向けと比べるとしょぼいです。
アイコンの表示については、自分でみつけたこともあって記事にしてみたり。
ココログが絵文字に対応: しまじぃにっき

最近、ほかの人のココログを携帯電話で見ることがあって、ふとしたことに
気がつきました。それは、携帯版のブログの上にあるバナーのことです。
このバナーの画像をオリジナルの画像にできるのではと思いつきました。

あまり詳しくは調べていないのですが、携帯版のブログのバナーの画像は、
大きさ:240×60px,色数:64色以下,ファイル名:banner-logo.gif
という画像であることが判明しました。以下の画像は、早速作ったバナー!

これ、作るのに結構時間かかってます。8回くらい作りなおしました(笑)
オリジナルのバナー画像があるだけでも、かなり印象が違って見えました。

追記:ココログの公式FAQに詳しい解説がありました。
携帯版のブログのデザインをカスタマイズすることはできますか?

|

各記事のフッターに広告バナーをランダム表示する

ココログで、各記事の下(以下フッター)に広告バナーを表示させるには?
毎回、記事を書くたびに、広告バナーのコードを貼り付けるしかないです。
さらに、スタイルシート(CSS)で、広告バナーの表示位置を指定します。

もうひとつ、Javascriptを使って広告バナーを表示する方法もあります。
今回は、以下のスクリプトを参考に(組み合わせて)、フッターに広告バナー
をランダム表示させてみたいと思います。

facet-divers: ココログベーシックでClipLink(その2:おまけつき)
Bugsなうさぎの憂鬱 : 各記事にページのTOPに戻るリンクを付ける
シンプル・イズ・ベスト : ランダム広告表示スクリプト

<script type="text/javascript">
<!--

function getPostedDiv(e) {
while (e) {
if (e.nodeName == "P" && (e.getAttribute("class") == "posted" || e.getAttribute("className") == "posted")) return e;
e = e.nextSibling;
}
}

function addBanner() {
var h3s = document.getElementById("center").getElementsByTagName("H3");
var r;
var xx = new Array();
xx.push('ここに広告バナーのコードをそのまま貼る');
xx.push('ここに広告バナーのコードをそのまま貼る');
for (var i = 0; i < h3s.length; i++) {
var h3 = h3s[i];
var div = getPostedDiv(h3);
r = Math.floor(Math.random() * xx.length);
div.innerHTML += xx[r];
}
}

addBanner();

// -->
</script>

広告バナーは、「xx.push('広告バナーのコードをそのまま貼る');」を増やす
ことでいくつでも追加できます(削除はその逆の手順となります)。

あとはポイントとして、広告バナーのコードは改変せずにそのまま貼ること、
スクリプトを右サイドバーの一番上に貼り付けること、ぐらいでしょうか。

|

ほんのちょっとだけブログを軽量化

コリスさんのPNG画像をより美しく、より軽量に最適化するテクニックのような
処理を自動でやってくれるらしいオンラインサービスが紹介されていたので、
それを見て、自分のブログのPNG画像を見なおしてみることにしました。

PNG画像をいい感じに最適化してくれる『punypng』 - IDEA*IDEA
punypng - PNG Image Optimization and Compression -

確かにお手軽にPNG画像を最適化することができたのですが、それ以上に
最適化するため、きれいな減色リサイズ回転ツールYukari(ユーカリ)に同梱
されているBlastPNGを使って、PNG画像の最適化(軽量化)を試みました。

BlastPNGの簡単な使い方
ぼくのわたしの。 PNGの最適化?BlastPNG

そのほか、CSSスプライトで使用している画像を256色から128色に減色し、
トータルで5キロバイトほどの減量に成功しました(笑)

つまらないことしか書いていないから、サクサク表示されたほうがいいよね。
表示も早いが、消されるのはもっと早い。そんなブログが自分らしくていい。

|

恐るべしヤフー砲の威力

Yahoo!ニュースからリンクされたのは昨日書いたとおりですが、そのときの
アクセス数が尋常じゃないことになっています。

最近でこそ、200そこそこのアクセスを頂いていますが、ものすごいです!
最初はカウンターが壊れたのかと思ったのですが、アクセス解析で納得。
とりいそぎ、今日と昨日のカウンターを6桁まで表示できるようにしました。

Yahoo!ニュースからリンクされたのが18時頃だったんでしょうね。
1時間で2,000件を超えるアクセス。19時台は脅威の1時間で6,000件超え。
20時台は4,000件。トータルで15,000件を超えるアクセスがありましたよ!
(アクセス数→PV(ページビュー)、訪問者数→ユニークアクセス数)

そして、個人的に気になっているのは、みなさんが使っているブラウザ。
このブログでは、Firefoxのアドオンを配布しているので、Firefox率が高い
のですが、普通一般の人たちはどのブラウザを使っているのでしょうか?

予想どおり、もう圧倒的にIE強し。特にIE7とIE6で全体の8割くらいでした。
それ以下は、Firefox・IE8・Safari・Operaが続きます。Firefoxがんばれ!
IE8への移行は遅々として(ちちとして)進まずといったところですね。
IE7もIE8もIE6よりWeb標準に準拠していますが、ちょっとクセがあるので...。

あと数ヶ月後に達成すると思っていた20万アクセスもあっという間でした...。

|

さらなるブログの高速化(CSS・Javascript編)

このブログでは、KENT WEBさんの日計カウンタ(CGIスクリプト)を設置する
ために、年額1,500円でさくらのレンタルサーバを借りています。
そのサーバがGZipで圧縮済みのスタイルシート(以下CSS)やJavascriptの
転送に対応しているようなので、下記の記事を参考に利用してみました。

JavaScriptを圧縮してみた。 | DesignWalker
JavaScriptを圧縮して少しでも軽くしてみる | チバのブログ

このブログでは、元々のテンプレートのCSSをカスタムCSSの機能を使って、
上書きすることによって、独自のスタイルを適用させていますが、その部分
が重複しているのでひとつにまとめ、新しいCSSを作ります。

新しいCSSは、CSS TIPSさんのCSS Optimizerありんく tech-logさんの
CSS Minify!!などで最適化、GZipで圧縮して、さくらのサーバにアップロード
しておきます。

ココログのCSSファイル「styles.css」は必ず読み込まれるので、同じ名前で
中身を「@import url(新しいCSSのURL);」にして新たに作成、ブログを更新
するたびにココログにアップロード(上書き保存)しなおすことで新しいCSSを
読み込ませています。

自分で設置したJavascriptは、JavaScript CompressorJS Minify!!など
で最適化し、GZipで圧縮して、さくらのサーバにアップロードしておきます。
ココログからの呼び出しかたは今までと特に変わりません。

あまり速くなったように感じませんが、ここまでやれたことに満足しています。

|

さらなるブログの高速化(画像編)

Yahoo!ニュースがリニューアルして表示速度が改善(高速化)されましたね。
Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ

このブログもYahoo!ニュースの改善点を参考に表示の高速化を試みました。

■CSS Sprites(CSSスプライト)の採用■

CSS Spritesは以前から採用していますが、複数の画像を1枚の画像にする
ことで、バラバラ表示されていた画像が一気に表示されるようになりました。
ただ、CSS Spritesにした画像は、余白や色数が多くなるので、複数の画像
を表示したときよりも容量が大きくなるのがやや気になります。

■8bit-PNGの採用■

今まで256色に減色したGIFを使っていましたが、PNGに変更しました。
画像の大きさによってはGIFよりPNGのほうが容量が少ないようです。
右サイドバーの一部の画像に採用しました。

■Optpix WebDesignerを利用した減色処理■

Optpixではありませんが、減色にYukariなどフリーソフトを使用しています。

■Smush.itを利用した8bit-PNGの余分なチャンクの削除■

PNGには削除できるデータがあるらしく、smush.it!というウェブツールを使用
してPNGの容量を減らしました。

以上、体感できないかもしれませんが、それなりに高速化できたようです。

|

背景画像にリンクを貼るために

ブログの一番上(ヘッダー)に表示しているタイトルやバナーをスタイルシート
で背景画像に指定し、それぞれにリンクを貼るための試行錯誤の記録。

・128×128pxの画像をスタイルシートで背景画像(ID名を“bgimg”とする)
に指定する。

#bgimg { background: url(背景画像のURL) no-repeat; width: 128px; height: 128px; }

1.透過gif画像を使って背景画像にリンクを貼る

1×1pxの透過gif画像(43バイト)を背景画像と同じ大きさに指定し、背景画像に重ねて表示する。

<a id="bgimg" href="リンク先のURL"><img src="透過gifのURL" width="128" height="128" alt="" /></a>

2.色付きgif画像を使って背景画像にリンクを貼る

1×1pxの色付きのgif画像(35バイト)を背景画像と同じ大きさに指定し、透明度を0にして、背景画像に重ねて表示する。

<a id="bgimg" href="リンク先のURL"><img src="色付きgifのURL" width="128" height="128" alt="" style="opacity: 0; filter: alpha(opacity=0);" /></a>

3.スタイルシートで背景画像にリンクを貼る

・128×128pxの画像をスタイルシートで背景画像(ID名を“bgimg”とする)
に指定し、相対配置にする。

#bgimg { background: url(背景画像のURL) no-repeat; width: 128px; height: 128px; position: relative;}

リンクの範囲を絶対配置で背景画像と同じ大きさに指定する。

テキストの文字位置を画面の外に指定する。

<a id="bgimg" href="リンク先のURL" style="text-indent: -9999px; width: 128px; height: 128px; position: absolute;">テキスト</a>

|

コメント欄を角丸の吹き出しで表示

コメント欄を画像と罫線を使って、角丸の吹き出しで表示することに成功!

CSSだけで吹き出しを表示するという記事に触発されたのがきっかけ。
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
「CSSだけで作れる吹き出しボックス」の簡易版 (空span無し) - monaurallab (モノラルラボ)

実際に試してみたところ、やはり見た目がいまいち。
そこで、画像を使って吹き出しを表示することを思いつく。
画像を使うなら、今までできなかったコメント欄での角丸もできるかと思い
やってみたところ、案外、簡単にできてしまった。

comment-content(角丸の画像)

comment-body(borderで左右に罫線を表示)

comment-content p.posted(角丸と吹き出しの画像)

marginとpaddingで画像の位置を調整するのに時間がかかった。

ココログでカスタムCSS機能を使っている人はそれなりにいるかもしれない。
だけど、コメント欄を角丸の吹き出しで表示しているのは見たことがない。
今までできなかったことができるようになる喜び。ブログいぢりは楽しいよ。

|

Slimboxがバージョンアップしていたので

Slimboxがいつの間にかバージョンアップしていたことに最近気がついた。
この手のスクリプトはバージョンアップされないことが多いので嬉しい限り。

以前、ページ分割の都合上、画像をSlimboxでポップアップしていたのだが、
ページ分割をやめたのとOperaで不具合があり、Slimboxを削除していた。

しかしながら、バージョンアップによりOperaでの不具合が解消されたので、
またしても、このブログにも導入してみることにした(飽きたら消す)。

ココログが強制的に読み込ませているMooToolsのバージョンが古いので、
バージョン1.5系のSlimboxしか使えないのは以前と変わらない。

もちろん、ただ導入したわけではなく、以前の記事を参考に改造してみた。
画像・背景(黒透過)・説明文・CLOSE×などブラウザ上のどこでもいいけど
クリックすることで、元の画面に戻る(画像を閉じる)ことができる。

|

Slimboxをrel属性なしで動作させる

最初は「Slimboxのrel属性を自動付与する」というタイトルにしようと思った。
でも、ちょっと意味合いが違うかなと思ってやめた。

このブログはページ分割の都合上、画像をSlimboxでポップアップしている。
だけど毎回、aタグにrel属性(rel="lightbox")をつけるのはめんどうくさい。

そこで、aタグのhref属性がjpg・gif・pngだったらSlimboxを動作させるように
スクリプトを書き換えてみた。

オリジナル
return el.rel && el.rel.test(/^lightbox/i);

書き換え後
return el.href && el.href.test(/jpg$|gif$|png$/i);

ついでに、画像をクリックしたら閉じるようにスクリプトを書き換えてみた。
(当然、画像をグループ化してのスライドショー機能は動作しない。)

オリジナル
O.onclick=J.onclick=E

書き換え後
b.onclick=O.onclick=J.onclick=E

なお、ココログの仕様上、最新のSlimboxが使えないため、Ver1.57でしか
動作確認はしていない。

|

multiboxで画像と動画を表示するテスト

9月はじめのココログメンテナンスで不具合が発生し、現在、ココログでは
「ポップアップ(ライトボックス)で拡大画像を表示」機能を無効にしている。
お知らせココログ: 【障害】メンテナンス後不具合のご報告

ココログ助け合い掲示板でも画像のポップアップができないという質問が
後を絶たない感じであるが、少しずつ進展しているようだ。

おとといあたりからこの記事で指摘したとおり、multiboxというスクリプトが
以前は</head>の直前で動作させるようにしていたのに対し、今は</body>
の直前で動作させるように変更されていた。

今現在は、overlay.jsとmultibox.jsが空になっているので動作はしないが、
それを無理矢理読み込ませて、multiboxで画像と動画を表示してみる。

multibox(ポップアップ)で画像を表示

multibox(ポップアップ)で動画(youtube)を表示スガシカオ - June

このブログではうまく動作したが、ほかのブログで動作するとは限らない。
そのあたりを今、検証しているのだと思う。ポップアップが使える日も近い。

ただ、以前も書いたけど、画像や動画をポップアップさせたいからといって、
multiboxをココログ標準の機能にするというのもどうなんだろうか?

追記
ページの一番下に大きな余白ができるので、黒透過背景画像を非表示。

|

Javascriptで動的にCSSファイルを追加

大変便利に使わせてもらっている暴想さんのココログ最強検索なのですが、
スクリプトがOFFなときは使えないので、そのようなときはココログ最強検索
の検索窓を表示させないよう工夫しています。

今までは、スクリプト(document.write)を使って、外部CSSファイルを追加
していましたが(<noscript>~</noscript>を使うのが一番簡単なのだが、W3CのHTML検証サービスでエラーが出るため使えない)、CSS-EBLOG
さんのJavascriptで動的にCSSファイルを追加するという記事を参考にして、
document.writeを使わない方法で外部CSSファイルを追加できました。

function add_css(url) {
var objlink = document.createElement('link');
with( objlink ) {
href = url;
type = 'text/css';
rel = 'stylesheet';
}
var head = document.getElementsByTagName('head');
head.item(0).appendChild(objlink);
}
add_css('http://islandz.cocolog-nifty.com/blog/styles-visible.css');

これよりもっとスマートなやりかたがあるのでしょうが、これが精一杯です。

|

CSSのみでロールオーバー

記事のフッターに「固定リンク」の代わりに表示しているばたりねこアイコン。
今までは、スクリプトを2つ使って表示・ロールオーバーさせていたのだが、
今回は、CSSのみで(CSS Spritesも使って)やってみることにした。

以下の記事を参考に(ほぼコピペ)、カスタムCSSに追記してみた。
DN*blog » Blog Archive » text-indentを使わない画像置換テクニック

a.permalink {
display: inline-block;
width: 59px;
height: 0;
padding: 40px 0 0 0;
background: url(http://islandz.cocolog-nifty.com/images/css-sprites.gif) no-repeat;
background-position: -724px -84px;
overflow: hidden;
}

a:hover.permalink {
background-position: -783px -84px;
}

ある程度試したところでは、Firefox2以下だとねこアイコンが表示されない。
Firefox2以下のユーザーはすみやかにFirefox3に移行しているハズなので
対応はしないことにした。できないともいう(笑)

スクリプトを使ったときよりもページの表示が速くなり、体感速度も上がった。
スクリプトがOFFでもアイコンが表示されるようになったのはうれしいところ。

なお、HTML・CSS関連の記事は、こと細かに書けないし、書くつもりもない。
素人な自分のつたない知識では、本を出すほどウェブデザインに詳しい人に
影でこそこそ鼻で笑われてしまうからね(笑)

|

画像をポップアップウィンドウで開くテスト

たまにココログ助け合い掲示板をのぞいてみたりしているのだが...。
よくある質問に「ポップアップで拡大画像を表示できない」というものがある。

現在、この機能は無効にされており、ポップアップで画像は表示できない。
お知らせココログ: 【障害】メンテナンス後不具合のご報告

今回は、以下の記事を参考に、画像をポップアップウィンドウで開いてみる。
Re2: 第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く ::: creazy photograph

1.openImageSizedWindow.jsをダウンロードし、ココログにアップロード。

2.ブログのサブタイトルかサイドバーに以下のようにスクリプトを設置する。

<script type="text/javascript" src="http://islandz.cocolog-nifty.com/blog/openImageSizedWindow.js"></script>

3.画像へのリンクは以下のような書式となっている。

<a href="javascript:openImageSizedWindow('拡大画像のURL');">
<img src="縮小画像のURL" alt="画像のタイトル" /></a>

システム側で読み込ませているスクリプトと競合しないので、今までのように
ポップアップで拡大画像を表示させたい人にはオススメしておく。

個人的には、タブブラウザやポップアップブロッカーで無効にされることがある
ので、特に使いたいとは思わないが...。どちらかといえばIE6ユーザー向け?

|

CSS Sprites(CSSスプライト)にチャレンジ

ココログでここまでやってるのはうちのブログくらいなもんだろう(笑)
今回はCSS Sprites(CSSスプライト)にチャレンジします!(ジャパネット風)

背景ごとに別々の画像を用意し、それぞれを表示させるのが普通なのだが、
これらの画像を集めて、ひとつの画像にして必要な部分を表示することで、
Webサイトの表示速度(体感速度)を向上させることができるらしい。

以前もやってみたけどうまくできなかった。以下のサイトを参考にしてみる。
独学で極める “Webデザイン”の技と心:第10回 CSS Spritesでサイトを高速化|gihyo.jp … 技術評論社

イメージとしては、1枚の絵の上に、適当な大きさに切り抜いた紙を重ねて、
ずらして表示させるといった感じかな。

ポイントは、バラバラだった背景画像を集めてつくったひとつの大きな画像の
大きさではなく、その画像の「表示させたい部分の大きさ」を指定すること。
なお、繰り返し表示させる画像(背景パターン)には使えない。

Firefox3でバラバラと表示されていた背景画像が今では一気に表示される。
明らかに体感速度が上がった(当社比1.25倍くらい)。
まぁそれより何より、とにかく自己満足度が高い(笑)

|

ブログの背景を地味に変えてみた

ブログの背景を色(色で塗りつぶし)から画像(繰り返し表示)に変えてみた。

以前の背景(色)

現在の背景(画像)

特に難しいことはない。だけど、問題があって今までずっとできなかった。
その問題とは、角丸画像を透過gifにしているのにうまく透過されないこと。
その部分を透過せずに、背景画像に合わせて色をつけても(小細工!)
特にストライプの画像だと、斜線が微妙にズレたりしてうまくいかなかった。

問題の角丸画像

問題の角丸画像(拡大)

原因は、container部分の背景色が白色なままだったこと!
これを透明にするために、カスタムCSSに追記したらうまくいった。

#container { background-color: #ffffff; }
↓カスタムCSSに追記
#container { background-color: transparent; }

あと背景画像について思ったコト。
繰り返し並べて表示するための画像の大きさ(サイズ)はどれくらいが最適?

ちなみに、背景画像はBackground Image Makerを使って作成しました。

|

ココログに動画プレーヤーを埋め込む方法

ココログに動画投稿サイトの動画プレーヤーを埋め込む方法(自分用メモ)

YouTube

<object data="http://www.youtube.com/v/17wqfweGS0w" type="application/x-shockwave-flash" width="320" height="270">
<param name="movie" value="http://www.youtube.com/v/17wqfweGS0w" />
</object>

Dailymotion

<object data="http://www.dailymotion.com/swf/x4mpkk" type="application/x-shockwave-flash" width="320" height="270">
<param name="movie" value="http://www.dailymotion.com/swf/x4mpkk" />
</object>

FlashPlayerがインストールされていないと動画プレーヤーは表示されない。
(FlashPlayerの自動インストールや自動バージョンアップはできない)

参考:
cyano: FlashをXHTMLで表示させるには(embedタグを使わずに表示させるには)

|

ココログでニコニコ動画の貼り付けテスト

ココログでニコニコ動画のニコニコ外部プレーヤーを貼り付けてみるテスト。

参考:
ニコニコ動画がアカウントなしで外部再生が可能になりました。 - 釣堀.net
はてなブックマーク - 注目の動画 - ニコニコ動画
URL エンコード/デコードフォーム
ニコニコ外部プレーヤーについて - ニコニコ動画 開発者ブログ(新着情報)
外部プレーヤーや各種APIの開放について - ニコニコ動画 開発者ブログ(新着情報)
livedoor Blog 開発日誌 : ニコニコ動画を貼り付けて再生できるようになりました(修正しました) - livedoor Blog(ブログ)

※ココログがニコニコ外部プレーヤーに対応していないので設置は無理!

|

フラッシュカレンダー Ver.2

Kinarie&MayさんのMT用横型フラッシュカレンダーをVer2.10からVer3.00
にバージョンアップさせてみました。

このカレンダーはMT(MovableType)用なので設置は難しいです。
特にココログ・ベーシックやプラスでは。

まずはカレンダーのデータであるxmlファイルの作成します。
テキストファイルに各記事のタイトル・URL・日時を以下の書式に合わせて
コピー&貼り付けし、拡張子を「xml」にして「2008_02」というような名前で
月ごとに作成します

<?xml version="1.0" encoding="utf-8"?>
<rdf:RDF
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:admin="http://webns.net/mvcb/"
xmlns:cc="http://web.resource.org/cc/"
xmlns="http://purl.org/rss/1.0/">

<channel rdf:about="http://islandz.cocolog-nifty.com/">
</channel>

<item>
<title>ごっつぁん亭であん肝と阿寒豚</title>
<link_daily>http://islandz.cocolog-nifty.com/blog/2008/02/gottuan.html</link_daily>
<dc:date>2008/02/20</dc:date>

</item>

<item>
<title>陽陽亭のチャーハンセット</title>
<link_daily>http://islandz.cocolog-nifty.com/blog/2008/02/yohyohtei.html</link_daily>
<dc:date>2008/02/19</dc:date>

</item>

</rdf:RDF>

次にアップロードするフォルダを「xml」という名前で作成し、
上記で作成したxmlファイルをアップロードします。

最後にKinarie&Mayさんのカレンダーソース作成ページでソースを作成し、
以下のようなスクリプトをサイドバーに貼り付けて完成です。

<script type="text/javascript">
<!--
var calendarHtml = '<object data="http://islandz.cocolog-nifty.com/blog/w_calendar300.swf?xmlURL=http://islandz.cocolog-nifty.com/blog/xml/&amp;kc=2&amp;fC=02643e&amp;eC=e1f4ee&amp;tC=02643e&amp;tp=1&amp;mf=2&amp;link=1&amp;tg=1" width="650" height="22" type="application/x-shockwave-flash"><param name="movie" value="http://islandz.cocolog-nifty.com/blog/w_calendar300.swf?xmlURL=http://islandz.cocolog-nifty.com/blog/xml/&amp;kc=2&amp;fC=02643e&amp;eC=e1f4ee&amp;tC=02643e&amp;tp=1&amp;mf=2&amp;link=1&amp;tg=1" /><param name="menu" value="false" /></object>';
document.getElementById('main-top').innerHTML = calendarHtml;
// -->
</script>

|

ココログデザインにはないテンプレート

密かに応募していたココログ誕生4周年記念大感謝プレゼントキャンペーン
でココログオリジナルストラップとQUOカード(500円分)が当たりました。
この当選に感謝して、ココログに役立つちょっとした情報を発信してみます。

ココログの多くがココログデザインのリッチテンプレートを使っていますが、
他の人たちとは違うデザインを使ってみたいと思う人も少なくないはず。
かといってカスタムCSS機能は難しいし。そんな人たちにご紹介するのが、
ココログ用のテンプレート無料で配布しているdecowebです。

このサイトでココログデザインにはないテンプレートを手に入れましょう。
シンプルなものから画像をふんだんに用いたものまで全18種類。
ココログデザインにもグレープシンプルライン/ブラックという2種類の
テンプレートを提供しています。

使い方は、decowebからココログ用のテンプレートダウンロード 解凍し、
新規テンプレートの設定を行います。
カスタムCSSにダウンロードした『styles.css』をコピーするのがポイント!
また、利用規約FAQにも目を通しておくことも大事です。

自分のブログを他の人たちとは違うデザインで差をつけてみませんか?

|

ココログが絵文字に対応

2月5日のメンテナンスでココログがバージョンアップし、絵文字に対応した。
ココログ通信:ココログ携帯活用術2:ココログが絵文字に完全対応!

基本的には、記事本文とコメント欄で絵文字が使えるようになっている。
使い方は、どちらも入力画面の絵文字アイコン をクリックし、
表示された絵文字パレットの中から絵文字を選んでクリックするだけ。
入力画面には直接反映されないが、ちゃんと表示されるようになっている。

これまでは、知識のある人しか表示できなかった絵文字も、
誰でも気軽に使うことができるようになったわけだ。
ちなみに自分は記事本文に絵文字を使うことはほとんどないでしょう。

また、携帯向けのココログにアイコンが表示され画面がにぎやかになった。
そのアイコンは自分の好きなものに変えることもできる。
ホームフォルダの下の階層に「mobile-images」というフォルダを作成し、
entry.gif・clock.gif・category.gif・comment.gif・share.gifという名前で、
自分の好きな画像をアップロードするだけ。

自分はこのブログのファビコンをentry.gifという名前でアップしたので、
携帯向けのココログでは記事のタイトルの横にアイコンが表示されている。
しまじぃにっき(携帯版)

それと、今まで自分の携帯向けのココログではコメントができなかったが、
最近のコメント→続きを読む→下にスクロールで、入力画面に行ける。
これは自分のスタイルシートの設定ミスでした。

やっと絵文字が使えるようになったので、コメントで使ってやってください。

|

ココログをプチカスタマイズ1

昨日から風邪をひいたらしく、ちょっと喉が痛いしまじぃさんです。
元気もなけりゃネタもない。もーどうしようもない感じです。
そんなときは、ココログネタでも書いて、お茶をにごすことにします。

やったこと
記事の固定リンクのURLを自分のつけたい名前(半角英数)にする。

やりかた
1.自分のつけたいタイトル名を半角英数で入力する。
2.“下書き”を選択して保存する。
3.1でつけたタイトル名を自分のつけたい名前にして入力しなおす。
4.もう一度保存しなおす。

せつめい
2008年のにっきから、記事の固定リンクのURLを意識して変えました。
このほうが検索エンジンに引っかかりやすいような気がするからです。
調べたわけではないです。そんな気がするだけです。
このネタは以前から知ってて、たまに使ってました。

参考
つらつらぐさ: ココログのファイル名
[観] ココログで記事の固定リンクのファイル名を任意の文字列にする方法

|

お世話になったあの方に

ありがとうの思いを込めて、サイドバーにバナーを表示してみました。

ブログをクローズドでやってたときから、画像の使用をお願いして、
快く承諾してくださいました。
最近太ったので、ますます似顔絵そっくりになってきました(笑)

ブンセイ画伯の芸能人似顔絵ギャラリー

ねこ素材の使用を快く承諾してくださいました。
もしこのねこ素材に出会ってなかったら、
もっと違うイメージのブログになっていたかもしれません。

ポケットサイズ

自分の思ったとおりのカウンターが実現できました。
カウンターのオンラインサービスがどれもいまいちで、
CGIの設置もよくわからない中でよく設置できたものです。

KENT WEB

リンクの隣にFavicon(ファビコン)を表示することができました。
リンクの表示がわかりやすくなって、見た目も派手?になりました。
知識がない自分でもなんとかうまく設置できましたよ。

Favicon API (ファビコン) α版

フラッシュのパーツを使用させていただいています。
横型フラッシュカレンダーでは、その月の記事のあるなしがわかりやすく、
フォトサムネーラーでは、フォトアルバムをかっこよく表示できました。

Kinarie&May

そのほか、ココログ向けにJavascriptを公開されている方にも感謝です。

そして最後に、見にきてくれるお友だちや職場の同僚、
Googleなどの検索サイトから訪問してくれる方々に...。
どうもありがとう!

|

ブログ用フォトリーダー

Kinarie&Mayさんのブログ用フォトリーダーをサイドバーに表示してみたんだけど、低速回線だとちょっと重いので、あきらめて紹介だけにしておきます。






xmlファイルは、MT用フォトサムネーラーのものがそのまま使えます。

画像が記事へのリンクとなっていたり、一定時間で画像が切り替わったり(スライドショー)、シンプルな感じが好きです。

ただ、表示される範囲(縦横の大きさ)が固定みたいなので、画像が切れて表示されるのが少し気になるかな。

ちなみに画像は最高99枚まで表示できるみたいです。

|

IE6の背景のちらつきを防ぐ

自分のブログではaruko.netさんのFavicon API javascriptライブラリ
を使用して、リンクの横にFaviconを表示させているのだが、
IE6で表示するとリンクのポイント時にFaviconがちらつく。

どうやらIE6のバグらしい。
CSSでのロールオーバーなどでは、キャッシュからではなく、
画像のリンク先を毎回読みにいくことで画像がちらつくらしい。
「IE6 Background Flicker」と呼ばれる現象のようだ。

今までIE6の仕様だから仕方ないとあきらめてたんだけど、
別件で検索してたときに偶然、解消法をみつけた。

No More IE6 Background Flicker
このサイトのスクリプトを併用することでちらつきを解消できた。

ちなみに別件とはWin2000のIE6で、ロールオーバー時に一瞬、
カーソルが砂時計に変わるのを解消できないかというもの。
これは未だに解決できていない。
まぁ、仕方ないので放置(笑)

|

フォトアルバム

ゴールデンウィークの研究成果その2

Kinarie&MayさんのMT用フォトサムネーラーの設置に成功した。

設置のしかたは上記リンク先のとおり。
しかし、フラッシュカレンダーと同様にMT(MovableType)用なので簡単にはいかない。

ここでもポイントはいかにしてフォトサムネーラーのデータであるxmlファイルを作成するかということ。

xmlファイルの書式は以下のとおり。

<?xml version="1.0" encoding="utf-8"?>

<rdf:RDF
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:admin="http://webns.net/mvcb/"
xmlns:cc="http://web.resource.org/cc/"
xmlns="http://purl.org/rss/1.0/">

<channel rdf:about="http://islandz.cocolog-nifty.com/">
</channel>

<item>
<title>化けの皮がはがれた?</title>
<link>http://islandz.cocolog-nifty.com/blog/2007/04/post_2892.html</link>
<content>
<![CDATA[
<img src="http://islandz.cocolog-nifty.com/blog/2007/images/ichiryu1-thumb.jpg" />
<img src="http://islandz.cocolog-nifty.com/blog/2007/images/ichiryu2-thumb.jpg" />
]]>
</content>
<dc:date>2007/04/27</dc:date>
</item>

<item>
<title>何、食ってんだ、この人?</title>
<link>http://islandz.cocolog-nifty.com/blog/2007/04/post_e528.html</link>
<content>
<![CDATA[
<img src="http://islandz.cocolog-nifty.com/blog/2007/images/howmuch-thumb.jpg" />
]]>
</content>
<dc:date>2007/04/22</dc:date>
</item>

各記事のURL・タイトル・投稿日時・画像のURLをコピー&貼り付けしてxmlファイルを作るより方法はない。

自分のブログで画像を用いた記事が100数件。
今回は、2007年分だけ作ってみた。
あとはおいおいやっていくよ。

|

フラッシュカレンダー

Kinarie&MayさんのMT用横型フラッシュカレンダーを設置しました。

MT用横型フラッシュカレンダーには、
最新版の3.00とその前の2.10があって、
当然、3.00のほうが見た目も機能も上なんだけど、
フラッシュファイルの容量が気になって、調べてみたら、

MT用横型フラッシュカレンダー3.00:w_calendar300.swf(62.5KB)
MT用横型フラッシュカレンダー2.10:w_calendar210.swf(8.67KB)

2.10のほうがはるかに容量が小さいことがわかりました。
そこで自分のブログには2.10を設置しました。

設置のしかたはリンク先のとおりなんだけど、
さすがにMT(MovableType)用だけあって簡単にはいきません。
ポイントはいかにしてカレンダーのデータであるxmlファイルを作成するかということ。

xmlファイルの書式は以下のとおりとなっています。

<?xml version="1.0" encoding="utf-8"?>

<feed version="0.3" xmlns="http://purl.org/atom/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:lang="ja">

<entry>
<link>http://islandz.cocolog-nifty.com/blog/2007/04/post_bb61.html</link>
<created>2007/04/23</created>
<title>おおらかさ</title>
</entry>

<entry>
<link>http://islandz.cocolog-nifty.com/blog/2007/04/post_e528.html</link>
<created>2007/04/22</created>
<title>何、食ってんだ、この人?</title>
</entry>

</feed>

要は各記事のURL・タイトル・投稿日時をコピー&貼り付けして、
ちまちまとxmlファイルを作っていけばいいのです。

だけど、自分のブログには記事が800件ちょっとあるよ。
この作業をする時間はあっても気力はないよ。

|

カレンダースクリプトのまとめ

ココログのサイドバーのカレンダーを便利にするスクリプトのまとめ

日付をクリックすると、その日の記事を表示するココログ標準の機能
のほかに便利な機能を実現するスクリプトをご紹介します。

ココログ最強カレンダー(cocolog_ajax_calendar.js)

・←をクリックすると前月のカレンダーを表示
 →をクリックすると次月のカレンダーを表示
 (カレンダーの表示のみ変化・記事はそのまま表示)

・過去の記事に連動してカレンダーもその記事が書かれた月を表示

・日付にマウスを重ねると、記事のタイトルを表示

・月のリンクをクリックすると、その月のバックナンバーを表示

・ココログデザイン(リッチテンプレート)のみ対応
 (カスタムテーマ及び自作のテンプレートには非対応)

・トラックバックを受けつけないと動作しない

作者さんのブログ:暴想

カレンダーJavaScript

・<<をクリックすると前月のバックナンバーを表示
 >>をクリックすると次月のバックナンバーを表示

・過去の記事の連動してカレンダーもその記事が書かれた月を表示

作者さんのブログ:LONGER THAN FOREVER

ココログ・カレンダーを横一列に表示させるスクリプト

・カレンダーをバナー(ヘッダ)下に横一列に表示

・当月のみの表示

作者さんのブログ:あずスタ

カレンダースクリプト

・LONGER THAN FOREVERさんのカレンダーJavaScriptを改良

・<<をクリックすると前月のカレンダーを表示
 >>をクリックすると次月のカレンダーを表示
 (カレンダーの表示のみ変化・記事はそのまま表示)

・過去の記事に連動してカレンダーもその記事が書かれた月を表示

・月のリンクをクリックすると、その月のバックナンバーを表示

・あずスタさんのラインカレンダーを改良し、上記表示に対応

作者さんのブログ:風柳亭

|

Google検索窓を設置

今さらながら、サイドバーにGoogleの検索窓を設置しました。

今までは暴想さんのcocolog_ajax_search.js
にお世話になっておりましたが、
すべてのバックナンバーを読み込みながら
どんどんリアルタイムに検索をしていって、
ヒットしたものから順番に検索結果を出力するという仕様のため、

AIR-EDGEのような低速回線だと、検索に時間がかかる。
JavaScriptをOffにしていると、検索できない。

という問題があり、それを補完する意味でも
今回、Googleの検索窓の設置を決めました。

いかんともしがたいさんのGoogle検索窓の記事や
Googleのリンク、検索機能を追加という情報を参考にして、
次のようなコードをサイドバーに貼り付けました。

<form action="http://www.google.co.jp/search">
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="hl" value="ja" />
<input type="hidden" name="domains" value="islandz.cocolog-nifty.com" />
<input type="hidden" name="sitesearch" value="islandz.cocolog-nifty.com" />
<input type="text" name="q" value="" />
<input type=submit name=btnG value="検索">
</form>

※(注):太字のところは、自分のブログに合わせて変更すること。

ただ、Googleの場合、更新時期や頻度は不定期で、
すべてのページがクロールされるとは限りませんので、
光やADSLなどの高速回線であれば、
暴想さんのcocolog_ajax_search.jsをオススメします。

|

ブログをご覧のみなさまへ

このブログをInternetExplorer6でご覧になっているみなさまへ。
簡単なのでぜひ、試してみてください。お願いします。

しまじぃにっきをお気に入りに追加していない人は、
お気に入りに追加すると、お気に入りにねこのアイコンが表示されます。
InternetExplorerを再起動して、しまじぃにっきにアクセスすると
アドレスバーにねこのアイコンが表示されます。

しまじぃにっきをお気に入りに追加している人は、
もう一度、お気に入りに追加してください。
(「置き換えますか?」と表示されますが、
気にせず、そのまま置き換えてください。)
InternetExplorerを再起動します。
お気に入りにねこのアイコンが表示されます。
しまじぃにっきにアクセスすると
アドレスバーにねこのアイコンが表示されます。

そして、そして...。
アドレスバーに表示されているねこのアイコンをクリックしたまま
デスクトップまでずりずりと持っていって、
ポンっと離すと...。
すごいっしょー!

ちなみにインターネット一時ファイルを削除すると、
アイコンは消えます。
ご安心を...。

|

ココログ最大の弱点

それは重いこと。それもそうだし、サポートが不親切とかもあるけど、
それはniftyの弱点でココログの弱点じゃないよね。

オレが思っている弱点。
それはカテゴリーのバックナンバーだと思う。

カテゴリーのバックナンバーをクリックすると
そのカテゴリーに属する記事がすべて表示される。

例えば、あるカテゴリーの記事が100件あったとしたら
100件分、一気に表示される。
記事をたくさん書けば書くほど、どんどん増えていくから...。
これがもし、画像つきで1000件とかあったら、
ブラクラ(ブラウザクラッシャー)みたいにもなりかねない。

カテゴリーのバックナンバーで1度に表示できる件数を
指定できればいいんだけど、その設定はない。

だから、現状ではカテゴリーをたくさんつくって細分化し、
ひとつのカテゴリーで表示される件数を減らすか、
カテゴリー分けをしないくらいしか思いつかない。

なので、前にカテゴリー分けしたときに設定した
「日記・コラム・つぶやき」というカテゴリーは削除して
カテゴリー分けをしないことにした。

オレのブログの場合、このカテゴリーだけで
300件ちょっとあるので...。

|

カレンダーのカスタマイズ

とりあえず、自分的にかっこよくカレンダーを表示できたつもり。
でも、ここまでくると、欲も出てくる。
livedoorブログみたいに、前月・翌月をクリックして切り換える
(過去のカレンダーを表示する)ことはできないのかなぁと思って、
検索していたら、この機能を実現するスクリプトの記事をみつける
ことができた。

LONGER THAN FOREVERさんの
ココログのカスタマイズ 【カレンダー編(導入)】という記事です。
オレのブログにもさっそく、導入してみました。
以下、設置メモ。


1.スクリプトのダウンロード&アップロード

1.LONGER THAN FOREVERさんからスクリプトをダウンロード

2.ココログの管理ページから
「コントロールパネル」→「ファイル」→「blog(フォルダ名)」
の順にクリックし、ダウンロードした「calendar.js」をアップロード。

※アップロードする場所は、「ブログ」→「設定の変更」の下にある
フォルダの名前を確認

2.コードの張り付け

1.「ブログ」→「設定の変更」の順にクリックし、
「ブログのサブタイトル(キャッチフレーズ)」の欄に
LONGER THAN FOREVERさんの記事(【JavaScriptの設定】)
からコードをコピーして、自分のブログ用に設定してから、張り付ける。
オレのブログの場合は、

<script language="javascript">
<!--
var blogURL = "http://islandz.cocolog-nifty.com/blog/";
var blogStartYear = 2005;
var blogStartMonth = 01;
var calendarType = "J";
//-->
</script>
<script language="javascript" src="http://islandz.cocolog-nifty.com/blog/calendar.js" type="text/JavaScript"></script>

2.「変更を保存」をクリック。

※「サイトに反映」はまだしない
※オレのブログでは上記1・2の手順だけでは動作しなかった

3.マイリストの作成

1.「マイリスト」→「マイリストの新規作成」の順にクリックし、
「リストのタイプ」をリンクに、
「リストの名前」をカレンダー(好きな名前)と入力して
「リストの新規作成」をクリック。

2.「設定」をクリックし、下にある「高度な設定」の「メモの表示」を
テキスト表示にチェックして、「変更を保存」をクリック。

3.「管理」→「項目の追加」の順にクリックすると、別ウィンドウが開く。
メモの欄にLONGER THAN FOREVERさんの記事(【その他】)
からタグをコピーして、張り付ける。

※マイリストの「タイトル」と「URL」には入力しない(空欄のまま)

4.下にある「追加」をクリック。

5.「ウィンドウを閉じる」をクリック。

4.デザインの編集

1.「ブログ」→「デザインの編集」→「表示項目を変更」の順に
クリックし、サイドバーの項目のカレンダーのチェックを外し、
マイリストのカレンダー (リンク)にチェックをつけて、
「変更を保存」をクリック。

2.「反映」をクリックすると、別ウィンドウが開く。
「すべてのファイル」を選択して、「反映」をクリックする。


上記1・2・3・4の手順で、みごと完成!

こんなすばらしいスクリプトを作成された
たつ(LONGER THAN FOREVER 管理人)さんに感謝、感謝です。

|

カウンターパンチ

カウンタを設置しました。

とりあえず、自作画像が使える無料のレンタルカウンタを探してみた。

スゴいカウンター
ご縁カウンタ
せっかくカウンター
Nazca
ふりぃのかうんた
WEBがんばり隊

Wanzネット
eucaly.net

※太字は自分で試してみたもの

その他に次の条件を満たすものとなると、

1.広告が表示されない
2.同じIPアドレスからのアクセスをカウントしない
3.昨日と今日のアクセス数を表示・カウントできる
4.カウンターの初期値が設定できる

Wanzネット
eucaly.net

の2つが残った。

Wanzネットは個人情報を入力しないと借りられないのでやめた。

eucaly.netはちょっと惜しい。
同じIPアドレスからのアクセスは、3分~5分以内はカウントしない仕様とのこと。ということは、5分以上経つとまたカウントしてしまう。
それはちょっとね...。

でも、この中ではeucaly.netが一番いいと思うよ。
設定がわかりにくいけど...。

で、オレの求めるカウンタがみつからなかったので、CGIのカウンタを設置してみた。設置したのはKENT WEBさんのDAY COUNTER

CGIってなんじゃこりゃなオレではあるけれど、ここを参考に1時間ほどでniftyのホームページに設置することができた。

カウンタの画像はポケットサイズさんのところから拝借しました(数字を少し大きくしました)。いつもお世話になっております。

思っていたよりはそんなに難しくなかったよ。

|

ブログ内検索

今までずっとつけたかった待望のブログ内検索をつけた。

Google検索とかココログルとかココログ全文検索とかココログで使える検索はいろいろあったんだけど、どれもこれも検索漏れがある。

だけど、暴想さんの自分のココログを全文検索するJavaScriptという記事を見つけて、さっそく、ウチのブログにも導入してみた。

試しにオレのブログの検索窓で「一郎」って入力して検索してみて!
ズラズラと出できたでしょ。

というわけで、設置のしかたは、マイリストのメモ欄に暴想さんの
自分のココログを全文検索するJavaScript
という記事の一番下にあるスクリプトをコピーして貼り付けるだけ。

マイリストについては、ココログサポートの使い方ガイドのこことか
こことかをみるのがいいかも。
それでもよくわからない人はGoogle先生に聞いてみよう。
それもダメならあっさりあきらめよう。

実はオレ、半分あきらめかけてた。上記の様にしてもうまく動かない。
うんともすんとも。

悩みに悩んだ末、バックナンバーが怪しいとにらんだ。

オレのブログはカテゴリー分けをしていないから、バックナンバー設定で「カテゴリー別」を外していた。

試しにそれをチェックしてやってみたら、みごとに動いたよ。ちょっと感動!

なので、動かない人はバックナンバー設定の「日付ベースのバックナンバー形式」(日別・週別・月別のいずれか)と「カテゴリー別」を両方ともチェックすること!これ大事。

バックナンバーって何さってという人は、ココログサポートの使い方ガイドのここをみるのがいいかもね。

|

faviconの作成

どうやったら、ホームページをお気に入りに追加したときに、オリジナルのアイコンが表示できるのだろうと、ふと思ってしまった。困ったときはGoogle先生に聞いてみるのが一番早い。

どうやら、このアイコンは「favicon」と呼ばれているらしい。
「favicon」で検索してみたら、Web屋のネタ帳さんにfaviconの解説があった。

というわけで、さっそく、faviconを作ってみる。
faviconの作成にあたっては、Favicon Japan!!さんの記事を、faviconの設置については、アイコンでアクセスアップさんの記事を参考にした。

そして、うちのブログの場合はねこ素材が基本なので、ねこのアイコンをつくってみることにした。

ホントは、ポケットサイズさんのところから素材を持ってきて流用できればよいのだが、16×16ドットのものがなかったので、自分でちまちま作ることにしたよ。

そのできは?みなさんの目で確認してくださいまし。
FirefoxやOperaでこのブログをみると、アドレスバーとタブにねこのアイコンが表示されるはず。
IEの場合は...。運がよければ見られると思うよ。たぶん。

|

ココログ関連

先人たちのいろいろな技を拝借して精進しております。
忘れそうなので、以下メモ。


スタイルシート【自作スタイルシートの適用】
自由浮遊社ヱブログ:ココログベーシックでCSSカスタマイズ


掲示板【伝言板の作成】
あそびや:伝言板を作ってみた
あそびや:下書きの記事にはコメントできない


コメント【コメントごとにアイコンと区切り線を表示】
KOROPPYの本棚:コメントごとにアイコンと区切り線を表示する


ヘッダ【ココログのヘッダ部分を画像に】
グワンチェ@ココログ:ココログのヘッダ部分を画像にする


検索【ブログ内検索】
暴想:自分のココログを全文検索するブログパーツ


検索【Google検索窓】
いかんともしがたい:Google 検索窓を設置する その 8 [重要な変更]
Google:リンク、検索機能を追加


記事のフッター【ページのトップに戻るリンクなどを追加する】
facet-divers:ココログベーシックでClipLink(その2:おまけつき)
Bugsなうさぎの憂鬱:各記事にページのTOPに戻るリンクを付ける
Bugsなうさぎの憂鬱:TOPへのリンクを個別ページで出さない


記事の固定リンク【自分のつけたい名前(半角英数)にする】
つらつらぐさ:ココログのファイル名
[観] 観測気球:ココログで記事の固定リンクのファイル名を任意の文字列にする方法


カレンダー【過去のカレンダー表示】
LONGER THAN FOREVER:ココログのカスタマイズ 【カレンダー編(導入)】
風柳亭:バックナンバーに応じたカレンダーを表示するスクリプト
暴想:ココログ最強カレンダー(cocolog_ajax_calendar.js)をリリース


サイドバーのプルダウンメニュー【月別バックナンバー】
暴想:月別バックナンバーをプルダウンメニューにするJavaScript


サイドバーのプルダウンメニュー【カテゴリー別バックナンバー】
暴想:カテゴリー別バックナンバーをプルダウンメニューにするJavaScript


ブログのフッター【リンクなどを追加する】
LONGER THAN FOREVER:ココログのカスタマイズ 【フッター編】


最近のコメント【ツリー化】
JUGEMカスタマイズ講座:ツリー化カスタマイズ応用編
風柳亭:コメントリストツリー化時に名前が表示されない問題へのパッチ


ファビコン【IEでのファビコン表示】
ピカイアの子孫からの手紙。:faviconを付けてみた

|