Swap Title Position

Swap the position of Blog's name w.r.t. the position of the post's title, like in the two pictures below:

Before:

After:

Follow these simple steps :



1. Log into your Blogger account.
2. Select the Layout option of the desired blog (from your dashboard).
3. Go to Edit HTML section.
4. Under the Edit Template Box, Find this code (in blue color) :

<title><data:blog.pageTitle/></title>

And replace it with this code :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

And then save it !
Open the blog to see the magic !