Blogger Tips And Tricks: Part – 1
By Rajeev Edmonds from MintBlogger, as part of our weekly series on Blogger.
The Blogger platform is used by thousands of bloggers around the globe. These bloggers have developed many tweaks and hacks to make their Blogger blog a better browsing experience for their visitors. In this first part of a new series on Blogger tips and tricks, I will present some basic tweaks that can be easily implemented even by a newbie, which can help them in rectifying some common shortcomings in their Blogger blog.
Hide Top Blogger NavBar
The top navigation bar on blogger blogs distracts the attention of the readers. If you are publishing on custom domain, the presence of this bar is very annoying. Here is a simple trick to get rid of this navigation bar.
From your blog’s dashboard, go to ‘Layout -> Edit HTML’. Keep the Expand Widget Templates option unchecked. Paste the following code just before ]]></b:skin> this line.
height:0px;
visibility:hidden;
display:none;}
Tweaking Title Tags
By default, Blogger displays the same title in the title bar on every single page. Whether its an individual post, archive page, search result page or home page, Blogger will always display the same blog title in the title bar. From the SEO perspective, this is not what we want.
Every post page should have its post title as the title tag and this post headline should be displayed in the title bar, instead of the blog title. To correct this, find the following line in your blog template.
Replace it with the following code:
<title>Put Your Blog Title Here</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
After implementing this code, your post pages will have post title as title tag, and your home page will have regular blog title.
Use Custom Favicon
By default, Blogger displays an orange favicon on every Blogger blog. If you want to use your own favicon, you can do it in two simple steps:
Upload your favicon on a file server
Create you own favicon and host it on any free file hosting service. There are many free favicon generating services on the Internet that make the favicon creating process easy.
Update the blog template
Once your favicon is uploaded on the file server, simply add the following code in your template just before </head> tag.
In next part of this series, I will present some template modification hacks that will enable you to change the appearance and layout of your blog template in easy steps. Do tell us your opinion too 
Rajeev Edmonds blogs at MintBlogger, a blog about social media and blogging tips
If you liked this post, consider subscribing to the RSS feed (what's RSS?) to get updates on new blog posts.
Really interesting article,i’ve customized the favicon of my blog following your tutorial,thanks!!
Thanks for stopping by Emiliano. Glad you found the article interesting.
Could not get the title tag change to work. I got this message: Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “cond”.
Any thoughts? Thanks!
Nancy, after pasting the code, replace all instances of ‘ (single quotes) with ” (double quotes). Hope this will help.
Great tricks and tips m going to my blog in short time all been useful for me, thx for sharing all.
Glad you found the post useful and informative
Thanks for the great tips
ive thought for removing the navigation bar. But have heard thats its against blogger policy and if you do it , you risk to get you blog removed ?! Is it true ?
Awesome… This information is just what I happen to be looking for. How long did it take to produce this? Thanks a load for this brilliant advice.