ブロガー(Blogger)のカスタマイズとかGoogle界隈

無料ブログサービスはいろいろありますが、中でもBloggerは私が気に入って使っているブログサービスの一つです。 Bloggerは、他のブログサービスに比べると、デザインが日本人好みでなかったり、カスタマイズの方法に関する情報が豊富とは言えないので、苦手という人も多いみたいですね。特に、初心者には使いにくいとの意見もあります。 しかし、私は、いろいろな無料ブログサービスを使ってみて、Bloggerが一番使いやすいと感じているうちの一人です。今回は、私がBloggerをなぜそんなに気に入っているのか説明してみたいと思います。

デフォルトのBloggerのスマホ表示は、とってもシンプルで、カテゴリーとして利用する「ラベル」も表示されません。 しかし、これでは、ユーザーが記事を探しにくく、ブログからすぐに離脱してしまいますので、ラベルを有効的に活用したいものです。 テンプレートのHTML編集を行えば、意外と簡単にBloggerのスマホでも記事下のラベル表示が可能になります。 記事下にラベル(カテゴリー)を表示させるには、HTML編集を行います。 HTML編集で、「post-footer-line post-footer-line-2」を検索します。2カ所見つかるはずで、片方がPC用、もう一方がモバイル用となっています。 そのモバイル用の方に、次のコードを挿入するだけです。 <span class='post-labels'>         <b:if cond='data:top.showPostLabels and data:post.labels'>           <data:postLabelsLabel/>           <b:loop values='data:post.labels' var='label'>             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>           </b:loop>         </b:if>       </span> HTML編集画面は、こんな感じになります。 PC用には、すでにコードが書き込まれているはずなので、それをそのままコピーしてもOKです。 こんなふうに、スマホの記事下にラベルが表示されるようになりました。 ちなみに、モバイルで記事タイトル下にラベルを表示させる方法は、 こちらの記事 で書

Bloggerのデフォルトでは、PC表示で記事下にはラベル(カテゴリー)が表示されますが、記事タイトル下には、表示されません。 Bloggerの場合、ラベルをカテゴリーとして使うわけですから、記事タイトル下にもカテゴリーとしてのラベル表示があると、ユーザーにとって記事が探しやすくなります。

Bloggerのデフォルトでは、スマホやモバイル表示ではサイドバーが表示されません。しかし、これは、ちょこっとカスタマイズするだけで、カンタンに表示させることができます。

ブロガーは、検索エンジンGoogleが運営する無料ブログサービスです。ですから、Googleアドセンスとは相性が良いです。 ブロガーで作ったブログに、Googleアドセンス広告を貼る方法を説明します。