- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed > Expand Widget Templates
- Press Ctrl + F and find the below red code shown below.
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Then we need to change them with these codes:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Therefore, the resulting codes will look like:
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'><title><data:blog.pageTitle/></title><b:else/><title><data:blog.pageName/> ~ <data:blog.title/></title></b:if>
Then save the template, and the next time a search engine crawl your blog, the new setting will be applied handsomely.
Options: the character ~ are shown directly in the title and does not represent any code, so you can change it with another characters like @, -, |, #, etc if you wish.
You can check whether the codes are working or not by opening one of your posts, and observe its title on the upper part of your browser. For example, in Mozilla Firefox (that I use myself), we can view the title of the page near the upper border of the window .
0 comments:
Post a Comment