ラベル Blogger の投稿を表示しています。すべての投稿を表示

2013年10月6日日曜日

Bloggerで記載したはずの投稿タイトルが消えてしまう

Bloggerでタイトルを書いてプレビューや保存、公開などをしたところ、タイトルが消えている場合がある。現象の詳細は最下部の「現象」欄を見てほしい。

原因

閉じるタグ(</～>)が無いなどの不正なタグ使用を行ったため。

対策

どうしても開くタグ(<～>)のみ使用したい時はエスケープ文字を使おう。つまり、『<』を用いたければ『<』、『>』は『>』と記述しよう。エスケープ文字を知らない場合は『エスケープ文字 html』でググれば説明してくれているウェブページが簡単に見つかる。

所感

単純な原因ではあるがエラーメッセージを出さずに消すので面食らってしまった。消しても構わないので、理由を示すメッセージを表示してほしい。

なお、本文ではこのような事象は起きない。というのは作成画面では『<』や『>』などは自動的にエスケープ処理され、HTML編集画面では不正なタグ使用に対してエラーメッセージが表示されるからである。

(HTML編集画面でのエラーメッセージの例)

Bloggerでは見出しタグ：<h1>～<h6>の文字の大きさが不揃いになるので注意しよう

通常、HTMLの見出しタグ：<h1>～<h6>は、<h1>が最上位の見出しで文字が最も大きく、以下数字が小さくなるにつれて文字が小さくなります。Bloggerのエディタ画面では同様の表示になりますが、実際の画面ではそうならないので注意しましょう。というか、使えんよな。。。

以下に、検証時に使用した例とHTMLソース、エディタ画面、表示画面の画像を置きましたので、ご覧ください。

検証時に使用した例

下記のありがとうございますは<h1>から<h6>まで昇順に並んでいますが、文字の大きさが順に小さくなっておらず大きくなったり小さくなったりして見えると思います。

ありがとうございます

2013年9月24日火曜日

Bloggerで左に寄せた画像の下に文章を書く方法

Bloggerでアップした画像を左に寄せると、その下では無く右側にカーソルが行く。この状態で右側ではなく下に文章を書きたい場合はどうするか？

1)一旦、画面中央に画像を置き、画像右に接する部分にカーソルをあわせて改行する。その後カーソルが画像下に移動するので、そこに文章を書く。最後に画像と文章を各々左寄せする。

(例)

この文は上の画像の真下に表示されるはず。

2)html編集画面で、テキストを下記タグで囲む。
これは、1)の該当部分の文をhtml編集画面で見れば分かることではある。

<div class="separator" style="clear: both;">～</div>

どちらの方法にしても、こんな事を気にしないといけないとは面倒だと思う。

以上

2013年9月5日木曜日

Bloggerへの動画アップ時のエラー

始めにGmailにログインした後にBloggerへ遷移して動画をアップしようとするとエラーが出た。
しかし、Bloggerに直接ログインするとアップできた。
なぜこんなことが起きるかは分からないが、どーにか対応してほしいと思う。サービス開始前にテストしてないのかな？アップするまでにすごく時間を無駄に使ってしまったぞ。

ところで、アップした動画は、現在の東京の空で雷鳴が轟いている。