貼るだけでSeesaaブログのコメントに絵文字が使えるスクリプト

注意)このページのソースには不具合があります。不具合のない新バージョンを次のページで公開しています。

新しいファンブログのコメント欄で絵文字を使えるプラグイン」 Seesaaブログでも使えます(確認済み)

設置も、そちらの方が簡単です。このページのソースはお使いにならず、そちらをお使いください。

Seesaa

シーサーブログのコメント欄で絵文字を使えるようにするスクリプトを書きました。
このソースをサイドバーに丸ごとコピーするだけで使えます。

シーサーブログのコメント欄に絵文字を設置

“貼るだけでSeesaaブログのコメントに絵文字が使えるスクリプト” の続きを読む

トラックバック一覧コンパクト表示モジュール

2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

ファンブログブログカスタマイズ

トラックバックが送られてくると、表示に場所をとる割に見づらい。
ということで、コンパクトに表示するモジュールを書きました。

ファンブログ専用です。

Before

before

After

before

マウスを乗せると、内容が表示されます。

“トラックバック一覧コンパクト表示モジュール” の続きを読む

昨日のリンク元URL一覧を見るのが面白い

ファンブログ

ファンブログには「あしあと」という機能があるけど、最近は見るだけで全然クリックしていない。
誰が来てくれたというのを見るのはそれなりに面白いけど。

管理画面のアクセス解析に、他に「昨日のリンク元URL一覧」というのがあって、これは割と
クリックしている。

うちの場合、ほとんど全部Googleからのリンクだ。
その中にいくつかファンブログや他のブログからのリンクもある。

ブログからのリンクは、へーこんなところでリンクしてくれてるんだ。とわかるのが面白い。

検索は、うちはGoogle検索が多いけど、人によってはYahoo!の方が多いかもしれない。
ジャンルによって違うんだろうな。

と思うのは、この記事はYahoo!から来る人が多いな。とかいうのがあるから。
Googleから来る人は、大体がカスタマイズ記事に来る。

ほぼ毎日開かれるページと、たまに「そういえば、この記事書いたな」と自分で
思い出すようなページが開かれることがある。

どういう記事に人気があるのかわかって面白い。

ファンブログのスキンはHTMLとXHTMLが混在している

ファンブログのスキンのXHTMLとHTMLの混在について。開始タグと終了タグに関しての整合性エラーの直し方。

2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

ファンブログ

管理ページのリンク元URL一覧に珍しくファンブログ内からのリンクがあったのでクリックしたら
パソコンを便利に!!というブログに着きました。

その記事「ブログのタグ対応の間違いの直し方」のコメント欄からリンクを張られていたのですが、
読むと、ソフトを使ってタグ対応をチェックした結果が書いてありました。

今、右サイドバーに「プロフィール」だけを表示しています。
この「プロフィール」が無い状態だと、この記事にあるように
エラーなしです。
ところが「プロフィール」を表示すると、エラーが13個・・・(^_^;

とのこと。
ファンブログのスキン(テンプレート)は冒頭に

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

と書かれています。これはXHTMLの宣言です。
つまりファンブログのスキンはXHTMLで書かれています。

詳しい説明はしませんがXHTMLHTMLは違うものです。
そして、自動で出力される「プロフィール」のソースはなぜかHTMLで書かれています。
その結果、厳密な判定をすると「プロフィール」の中で13個のエラーが出ます。

HTMLとXHTMLの違い

XHTML
空タグの最後にスラッシュがなくてはいけない。
 <br />&nbsp<img src=”http://…” alt=”” />
HTML
空タグの最後にスラッシュはいらない。
 <br>&nbsp<img src=”http://…” alt=””>

自動で作成される「プロフィール」のフォーマットは変更できません。
そこで、スキンの冒頭部分のdoctype宣言をHTMLの物に代えてテストしてみました。
すると別の箇所でエラーが出ます。何故でしょう。

ファンブログのスキンそのものは前述の通りXHTMLで書かれています。
ですから、スキンを直す際はスキン中の全ての空タグの末尾からスラッシュを取り除く
必要があります。

厳密に訂正するならスキンの次の2つを直さないといけません。

ここではHTML4.01にして説明しますが、これからやるのならHTML5にした方が良いと思います。ただしHTML5とHTML4ではまた違うのでもっと多くの作業が必要になります。

1.doctype宣言をHTMLのものに変更する。

スキンのdoctype宣言とhtmlの開始タグ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

これをHTMLのものに変更

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">

2.スキン内の全ての空タグから末尾のスラッシュを削除する。

<meta … /> を <meta …> に
<link … /> を<link …> に
<br /> を <br> に
<img … /> を <img …> に
など

こうすれば開始タグと終了タグに関しての整合性エラーはなくなると思います。
(が、勝手ながらテストはしていません。)

ただし、そこまで厳密にしなくても動くので、システム開発者でもないのなら気にしないで
いいと思います。