Remove Blogger default Navbar Easily

I have posted many essential tricks and hacks less or more essential for good functionality and aesthetic blogging experience. Now, I am writing about popular or most wanted tips and tricks for blogger or blogspot blogs.

1. Remove Blogger default Navbar

This Navbar seems to be of less importance because it doesn’t look cool at the top and take an extra space in your design. It doesn’t have enough resources or tools for the reader so better vanish it from your blog. It’s easy to remove it, just go to Edit HTML section of your blog and find :

]]></b:skin>

And add following code before hitting the above line.

#navbar-iframe { height:0px; display:none; visibility:hidden; }

Go To Top and Go To Bottom Buttons For Bloggers

Whether you are a blogger user or wordpress or you use any other CMS, the code below works for all platforms and is compatible with all browsers.

1. Go To Blogger > Design
2. Choose HTML/JavaScript widget
3. and paste these two codes inside it and hit save. That's it!

For scrolling Down use this code:

<a rel="nofollow" style="display:scroll;position:fixed;top:10px;right:5px;" href="#footer" title="Back to Top"><img src="ADD URL OF BACK TO BOTTOM BUTTON HERE"/></a>

Make sure to replace the bolded text with the link of your button.

For scrolling Up use this code:

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="ADD URL OF BACK TO TOP BUTTON HERE"/></a>

Again fill up the required detail with the link/url of back to top button.

Download

Create Your Search Engine For Blogger

Now I will show how to create "Search Engine" in your blogger. This Search Engine is use to find articel in your blog, not to find articel at all website in the world. It's very easy, just follow the trick below you will have search engine in your blog. Here's the step:

1. Login to Blogger, Go to "Layout --> Page Elements". Klick "Add a page elements" then chose "HTML/Java Script".
2. Put the code below into "Content" Box

<form action="http://yourblogname.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form> 

Change yourblogname with your blog's name. The number "30" is width of your search engine, you can change it for appropriate to your layout.

GOOD LUCK!!!

Top Commentators Widget for Blogger

 and you can add the names to be filtered out. If multiple names are to be filtered out, then separate then using commas. Click Customizeand then hit the Add Widget to Blog Button.

1) Widget Based On Recent 500 Comments.This will judge the top commentators from the latest 500 comments to your blog.

2) Widget Based On Recent 5000 Comments.This will judge the top commentators from the latest 5000 comments to your blog.This widget is only needed if your blog has high density of comment.I mean if you have more than 500 comments on your blog you can use this one..

Note:-Install the second widget only and only if your blog has lots and lots of comments.Else you should opt for the first one..