1. Goto blogger.com & login


2. On Dashboard, click Layout > Edit HTML




3. On Edit Template, find below tags

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

replace with

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

from (click the image to enlarge)


to (click the image to enlarge)


4. Save Template


[back to top]

If you are the blog author and want to edit your blog, you will see QuickEdit icon on every gadget/widget. You may want to view your blog as normal visitors without QuickEdit icon.

How to hide or remove QuickEdit icon? Follow below steps:

1. Goto blogger.com & login


2. On Dashboard, click Layout > Edit HTML




3. On Edit Template, put below css declaration

.quickedit {display:none;}

between <b:skin><![CDATA[ and ]]></b:skin>

(click the image to enlarge)


for example:

<b:skin><![CDATA[
/* maybe theme info here */

/* maybe variable definitions here */

.quickedit {display:none;}

]]></b:skin>

4. Save Template


[back to top]

Usually, after creating a new blog, u will have navbar at the top of your blog.


How to hide or remove Blogger NavBar? Follow below steps:

1. Goto blogger.com & login


2. On Dashboard, click Layout > Edit HTML




3. On Edit Template, put below css declaration

.navbar {
visibility: hidden;
display: none;
}

between <b:skin><![CDATA[ and ]]></b:skin>

(click the image to enlarge)


for example:

<b:skin><![CDATA[
/* maybe theme info here */

/* maybe variable definitions here */

.navbar {
visibility: hidden;
display: none;
}

]]></b:skin>

4. Save Template


[back to top]