How To Change or Add A Post Title Separator in Blogger

Title separators are the symbols, punctuation, and other characters used to distinguish between various parts of the page title. For example, a title may include the blog name, post title and blog description, with each element separated by a hyphen. Any Google search will reveal that some of the most commonly used title separators include the hyphen, the dash, and angled quotes. Many others are used as well, and also we will explore some of them in this article.

To get a feel for how other sites use title separators, let’s look at the titles of a few “high-profile” web pages:

Change or Add A Post Title Separator in Blogger
Now You are thinking what is? this why we are writing a essay here? Guys title separator is a must part of every blog. On WordPress you can easily change title separator of your ow choice but in blogger it is difficult to change. Don’t worry guys it is difficult for you but after reading and understanding this article, you can easily change your blogger blog’s title separator.

Why We Should Change or Customize Title Separator?

Adding a separator between your blog and post title helps in SEO (search engine optimization). It is also known as site swapping. It is of different types. Most of bloggers and webmasters uses this | or  this / sign. You can use any one which suit you blog.

For example +,=,/,|,. Its not important to use the common one. The reason for adding a separator to your blog is just to optimize your blog for SEO and increasing traffic. Now follow below steps and learn How To Customize or Change Title Separator in Blogger Blog?

How To Add Title Separator to Blogger Blog?

(1). Go to login to your account and go to template.
(2). Edit template and search for this code <title><data:blog.pageTitle/></title> by using combination of CTRL and F.
(3). After finding the above code replace it with the below code:

<b:if cond=’data:blog.pageType == “item”‘><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title> </b:if>

(4). After replacing the code click on save the template and visit your blog and click any post, now when you point the mouse on the window you will see a separator.

You can replace | with any sign which you want to be a separator for example /,,{,},[,] or anything else.

Our Recommended Blogger Widgets

  1. WordPress Like Floating Social Sharing Widget for Blogger with Counter.
  2. AllInOne Admin Box Widget with Social buttons and Subscription Box.
  3. Add Sticky Notification Bar To Blogger with Show/Hide Button.
  4. Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
  5. Cute & Stylish Email Popup Subscription Widget.


So above guide is about How To Add or Change Title Separator in Blogger Blog? We hope this post was helpful if not you can ask me in comments. Share this post and help others. Follow and subscribe for new updates about SEO. Do Share.
Thank You! Stay Blessed!
Paramjot Singh

Hey, How you all are? Myself Paramjot Singh, A young (Not Old :P) addicted Blogger from Lucknow, India who want to learn Aha to Shit of the Blogging. I'm blogging since 2 years, and here on My Blogger Guides, I'm sharing my little mind knowledge which I learned in these past two years. :)

Click Here to Leave a Comment Below 3 comments