Bloggerの titleタグを修正して、ブログ名と記事タイトルの表示順序を入れ替えるカスタマイズ方法です。
特に、ブログのブランドを重要視しない場合、 SEO的には、「記事タイトル（投稿のタイトル）」、「ブログ名（Bloggerのタイトル）」の順番の方が良いとされています。タイトルバーをご覧ください。私のブログも入れ替えています。
Google等の検索結果に表示される文字数は、決まっています。長いタイトルだと、最後の文字列がカットされてしまいます。 できるだけ「記事タイトル」を表示させるために、「ブログ名」よりも先に「記事タイトル」を表示させます。
いろいろ検索しますと、いろいろなやり方があります。間の文字( "-", "|", ">" )も様々です。
私は、個別記事の場合は、「記事タイトル」-「ブログ名」と表示し、アーカイブやラベル等、一覧ページでは、「ブログ名」- 「アーカイブ名(ラベル名)」にしています。
カスタマイズは、「titleタグ」を修正する事で実現できます。
まず、 [テンプレートを編集] 画面で「titleタグ」を探します。
<title><data:blog.pagetitle/></title>
この部分を、下記のように置き換えます。
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
それぞれのタグの意味は、「Bloggerヘルプ」に、レイアウト データ タグの一覧がありますので、ご参照ください。
上記を応用すれば、個別ページ毎に、description（ブログの説明）を替えたりできそうですね。