広告

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。
posted by fanblog
「ここにブログの名前を入れます」は更新を終了しました。記事はすべて新ブログ「Big Bang」に移転済みです。記事のタイトルをクリックすると新ブログの該当記事に移動します。そちらでお楽しみください。

カテゴリー別アーカイブ  :  

注釈記法を間違えていました

ひとつ前の記事「サイドバーにもサムネイルモジュール」ですが、
スタイルシートの注釈記法を間違えていました。

勘太さんがスクリプトを使ってくれたらしいので見に行ったんですが、
こちらの思っている通りに表示されていない。

勘太さんのページのソースを確認したんですが、スクリプトは正常に動いている。
スタイルシートのPATHも(CSSの場合はなんて呼ぶんですかね、入れ子の順序も)
あっている。

ローカルでのテストは正常だったのに、ブログに上げると動かない。
あるいは違った表示がされてしまうということは(特にファンブログの場合は)
よくあるのですが、今回は単純にスタイルシートに書いた注釈の記法が
間違っていたのでした。どうもすいません。

スタイルシートの注釈表記法はC形式らしい。

つまり、/* この間が注釈 */ となる。
それをC++などで使う、 // 行末までが注釈

と書いてしまった。それが原因で思ったとおりにCSSが適用されなかったようです。
注記方法を訂正したら、正しく反映されるようになりました。

では、何故今回こんな間違いを犯したのか?

それは、普段CSSに注釈など書かないからです。

つまり、ローカルで完全にテストを終えた後に、
ブログでの説明用に普段書かない注釈を書き足した。

その記法が間違っていたので散々テストした後でアップしたにもかかわらず
正しく動かなかった。というわけです。

注釈に限らず、コードのエンティティ変換など、ソースが出来てから後、
Webに上げるためにはいろいろな手順を踏まなければいけません。

挙句公開したら「ソースを貼ったらアフィリエイトが表示されなくなった。
これってソースのせいなのかなあ」とか質問されれば頭に来ますわ。

「ソースのせいじゃねえよ!お前のアフィリの貼り方が悪いんだよ!」と
怒れば、怒ったこっちが叩かれ、質問した人物は擁護される。

「わからないから聞いているのに」
「怒らずに、わかるまで教えてあげるべきなんじゃないですか」

これってどうなんですかね?

おかしいと思ったら、貼り付けたソースコードを剥がしてみる。
それだけでそのソースが原因かどうかわかるのに、それさえせずに質問してくる。

それで遂にひとりブログをやめましたけど。

画像が表示されているのを見るだけで心が痛むらしいので前記事のモジュールは
公開しませんでしたが、やめたので、ソース書きました。

質問する前に、自分で出来ることをやりさえすればよかったのに。
それさえせずに質問するのが当然という風潮が最近のファンブログにはありました。

そんなんじゃ誰もソースなんか公開しなくなると思いますよ。

新ブログ「Big Bang」で続きを読む

プロフィール画像のサイズ変更

A8.netのファンブログで、サイドバーのプロフィール画像の大きさを変えるには、スタイルシートにこう書きます。

td.profile_name_text img.photo{
	width:150px; /* 横幅を150ピクセルにする場合 */
}

完全に非表示にする場合

td.profile_name_text img.photo{
	display:none; /* 非表示 */
}

実際にどう表示されるかを事前に見たければ「スタイルシートコンバータ」スクリプトを使ってみてください。SOURCE or URL欄にあなたのブログのURL、CSS欄に上に書いたスタイルシートを貼り付けて送信すれば、適用された結果が表示されます。

スタイルシートの書き方は「で、スタイルシートはどこに書くのか?」を見てください。

新ブログ「Big Bang」で続きを読む

ファンブログのスキンの文字数制限

ファンブログのスキンで使える最大文字数は30720文字でした。

このブログは目的別インデックスをprofileページに作っているんですが、
記事を追加しようとしたら下のエラーが出て書き込めませんでした。

これ以上目的別インデックスを増やすなら、iframeを使うことになる。
面倒くさいので、今後は保留。

新ブログ「Big Bang」で続きを読む

ファンブログでは記事中にCSSは書けない

前記事「amazonで作る金環日食のネットショップ」をアップする際に大変ハマったので注記。

amazonで作る金環日食のネットショップ」を見てもらえばわかるのですが、
あの記事だけ右のサイドバーを消しています。それ自体は別段難しい処理ではないので、
ローカルでテストした時は簡単に実現できました。

しかし、ファンブログで公開するとサイドバーが消えない。なんで?

ソースを見ると、記事中に書いたstyleタグの中身が消えている!

新ブログ「Big Bang」で続きを読む

忍者おまとめボタンのカスタマイズ

忍者おまとめボタンをファンブログで」の続きです。

「忍者おまとめボタン」はSNSボタンを表示する中では、なかなか速いと思います。

ただ、トップページやアーカイブページに10個も記事があるとさすがに少しもたつく気がします。

原因はdocument.writeです。

SNSボタンの表示箇所があるたびにdocument.writeの描画が行なわれ、そのたびにHTMLのレンダリングが止まります。1記事ページにだけ使うのならば全く気にならない程度なのですが。

画面の描画がすべて終わるのを待ってからSNSボタンの書き込みを行なったらいいのではないか?ということで、addEventListenerとattachEventを使ってソースを書きかえてみました。

ただし、表示箇所が10箇所に分かれるので、DOMでページ内を走査することになります。結果的に途中で待つか、後で待つかの違いだけかもしれません。

今回やりたかったのは、もうひとつの理由があってトップページですべての記事にSNSボタンをつけるとウザい。というのがありました。長い記事ならいいのですが、短い記事の度にボタンが付くのはいかがなものか?

短い中には、「続きを読む」の前までで切れている記事があります。そこで「続きを読む」がある場合はSNSボタンを表示しないが、全文が表示されている場合には表示するというルールを作りました。

そして、今まで「ポチッとボタン自動挿入モジュール」で書き込んでいたランキング投票ボタンも一緒に表示することにしました。

さらに、ボタンの中にはブックマークされた数を表示するものがありますが、複雑になるほど遅くなるという都合上、すべてのボタンは数字を表示しないものにしました。いずれにしてもゼロの連続ではみっともないですし。

新ブログ「Big Bang」で続きを読む

忍者おまとめボタンをファンブログで

忍者おまとめボタンという便利ツールがあります。

忍者おまとめボタン

SNSボタンをまとめて表示してくれるのですが、一度設置してしまえばブログのタグを変更することなく表示ボタンを変えられます。

そして何より便利なのが、トップページやアーカイブページでSNSボタンを表示する時。

普通SNSボタンは表示しているページへのリンクを保存します。

しかし、トップページやアーカイブページなどはいくつも記事を表示するため、気に入った記事があっても記事数の変更と共にページのURLが変わってしまいます。

そうならないためには、1記事ページのURLにリンクさせておけばいいのですが、それを自動でやってくれるのです。

ただしこの機能、対応しているブログとしていないブログがあります。
ファンブログは対応外です。

(「忍者おまとめボタン」自体はすべてのブログで使えます。機能が限定されると言う意味です。)

対応しているブログサービス

忍者ブログ    FC2ブログ  livedoor blog  JUGEMブログ
Seesaaブログ  Blogger    WordPress

で、今回はそれをファンブログ対応に改造します。

新ブログ「Big Bang」で続きを読む

サムネイル表示のソース

ファンブログ専用なのですが、コメント欄に投稿者のサムネイル画像を表示するスクリプトを
書きました。

元ネタはおーとえす氏の「ファンブログの人のコメントにサムネを表示させるスクリプト」です。

アップデート情報 2012年2月23日 23:45

iPhoneで見ると文字の大きさがコメント毎に変わるという問題が発覚したので修正しました。

新ブログ「Big Bang」で続きを読む

記事の真下に広告を貼る方法

こんばんは「ここにブログの名前を入れます」略して「ナマ入れ」です。

以前、「広告がもっともクリックされる場所」という記事で、このブログでは、記事終了直後の広告がいちばんクリックされるという理由を書きました。

今回は、その場所にアフィリエイトを貼る方法を書きます。

新ブログ「Big Bang」で続きを読む