お問い合わせフォームから、「記事下に「新しい投稿」「古い投稿」を表示する方法を教えてほしい」というご依頼をいただきました。
ご依頼いただいた方のBlogを拝見すると、Bloggerテーマ「Emporio」を使用していました。
わたしはこのテーマを使ったことがないので全く知らなかったのですが、デフォルトでは記事下に「新しい投稿」「古い投稿」というものが表示されないようです。
わたしはWEBデザイナーでもプログラマーでもないので、こういったことを簡単にはできないのですが、とりあえず調べてみて適当にやってみたら表示できたので、この記事に記しておきます。
間違いやもっと良い方法があれば教えてほしいので、よろしければお問い合わせフォームからご指摘ください。
それでは方法です。
HTMLを追加する
Bloggerの管理画面から「テーマ」→「HTMLの編集」に移動。
「ウィジェットへ移動」で「Blog1」を選択。
<b:include name='super.main'/>の直下に以下のコードを追記する。
HTML
#blog-pager {
padding: 0 10px;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager a {
font-size: 100%;「新しい投稿」「古い投稿」「HOME」は自由に変えていただいて大丈夫です。
CSSを追加する
CSS
#blog-pager {
padding: 0 10px;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager a {
font-size: 100%;
}以上で表示されると思います。
確認はしていないのですが、「Contempo」「Soho」「Notable」でも使えるんじゃないでしょうかね。
