ラベル別の記事一覧ページ作成方法

以前 サイトマップ（記事一覧ページ）の作成方法 を解説しました。 これはこれで便利ですが、一つのラベルだけの記事一覧ページを作成したい場合もあるかと思います。 自分の場合、別のダイエットレシピブログでサイトマップを作成したら少しゴチャついてしまいました。 メインであるダイエット...

ふきだし（会話文）の作成方法＆使用方法

ブログでふきだしを使って会話形式にしている表現を見たことがあるかと思います。 これ、なんとBloggerでもできます！ ※別のBloggerブログでの例 本記事ではふきだしのCSSの作成方法と、その使用方法について解説します。

下線や枠線の装飾をテンプレート化する方法

前回、 記事本文を下線や枠線で装飾する方法 を解説しました。 上記のようなコードを毎回入力しても良いのですが、良く使うデザインはテンプレート化して短いコードで呼び出すこともできます。 本記事では良く使う下線や枠線の装飾をCSSの追加でテンプレート化する方法を解説します。

記事本文を下線や枠線で装飾する方法

記事本文で下線や枠線などの装飾を使いたくありませんか？ 目立たせたりまとめ風にしたり……使い方は色々あります。使えたら便利ですよね。 BloggerはHTMLとCSSが分かれていないのでやり方が分かりにくいかもしれません。 でも下線や枠線の装飾は可能なので、本記事ではその方法を詳...

気付けば50記事も書いていた！？

前回で記事の数が50となりました！ ブログ開設当初は30記事くらい書けたらと思っていたんですけど……Bloggerでアレもコレもとやりたいことが増えていってしまいました。 最初にBloggerを始めた時は、本当に分からないことだらけでした。 なかなか調べるのさえ難しく、それでも片...

サイトマップ（記事一覧ページ）の作成方法

記事の一覧を載せたページ（サイトマップ）があると便利ですよね！ 本記事では個別ページでサイトマップを作成する方法を解説していきます。 実物はコチラからご確認ください。 ➡ サイトマップ

記事の前後リンク（新しい投稿／前の投稿）を表示する方法

公式テーマContempo・Soho・Emporio・Notableでは、記事ページから前後の記事に移動するリンクがありません。 一般的なブログには良くある機能ですし、他の公式テーマにもある機能なので必要だと思う方が多いと思います。 本記事ではそんな前後リンク（新しい投稿／前の投...

画像やアフィリエイトを中央寄せ横並びにする方法

画像やアフィリエイトを横並びにして中央寄せにする……コレが簡単そうで意外とできない！ <div align="center">～</div>を使えば難しくないのですが、この方法は現在は非推奨の古いやり方となっています。 そこで今回は違う方法として、テーブルレイアウトとフレックスボ...