How To Customize the Blogger Browser Tab

Today I am going to give you a simple blogger code to help you change the text in the browser tab. All you have to do is copy and paste.

For example, when visitors would click on my lemon biscuit blog post, the browser tab would say:

"Sammi Sunshine: Lemon Biscuits" 

This is what I WANT to appear when visitors click on my lemon biscuit blog post:

"Lemon Biscuits"

I didn't like that my website name appeared before the title name. I searched for a way to change it, but it wasn't an easy find. When I finally found a source, it was hard to understand, but I read it a few times and figured out what it was trying to say. So I changed the html code, tested it out, and it worked!

Step 1: On the left hand side of your screen click on "Template". Then click "Edit HTML". 

Step 2: Search for this line of code, mine was the 12th line down. You can easily search for it by clicking anywhere in the html code, pushing ctrl+f on your keyboard, and entering the code in the search box.

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

Delete that line of text. Then copy the code below and paste in place of the code you just deleted.

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

Step 3: Click "Save Template" and test out the links on your blog! The browser tab should display the post name only. If you have a navigation bar with labeled tabs, the browser bar will also display only the name of the tab. 

I am not knowledgeable about html at all, I just found a topic that was hard to find and understand, so I tried to simplify it for you! If you have any troubles or issues, I highly recommend visiting the original source I got this information from and asking there! 

Peace & Sunshine,

Information from: Blogger Tips Pro/ Don James