Add Blogger search box

The Google Navigation bar at the top of your Blogger blogs has an embedded search box. However, you may want to include a similar box in the main body of your blog (like what I have done), or the sidebar. Other than the convenience for users, the added advantage is that unlike Google search box, the search results of this Blogger.com search box appear in the main body of your Blog.

Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.

There are several HTML codes posted on the net. I tried a few, and found the one that works as

The HTML code to insert is this:-



Remember to change YOUR BLOG URL to the URL or web address of your Blog. Also, change the NAME OF YOUR BLOG to that which you want to call your site. For instance, if your Blog Name is long, you may want to write something like “Search Here” or “Search this site”.

You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.

Remove the Blogger Banner

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code:


-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions

Top 10 Social Networking to Your Blog

1. Share on Facebook

This is simple widget designed to allow your reader to share articles from your blog on Facebook.

Link

2. MyBlogLog

If a member of MyBlogLog visits your site, their username and avatar is will appear in the box. You might click on any person to check out their profile on the service.

Link

3. SocialFeed

This minuscule lifestreaming widget broadcasts your activities on sites such as Twitter, StumbleUpon, Last.fm and so on. It offers different skins to choose from.

Link

4. LinkedInABox

It retrieves your LinkedIn profile to display on your blog. It would allow people to

Link

5. Delicious Linkrolls

Best way to share your latest Delicious bookmarks with people visiting your website. Just adjust your settings and insert the code, you are done.

Link

6. Google Friend Connect

For a makeshift social networking widget you can use this on any blog where you have Google Friend Connect installed. Still more, you can join a site and watch other members, play games and more.

Link

7. Twitter Clock

It's an innovative widget to catch your visitors attention and get them added in your Twitter account. Add this follow me link or button on your website, blog or social network.

Link

8. SocialFeed Widget: Twitter, Pownce, Vimeo & More

Great way to highlight your visitors, what's going on in your mind.

Link

9. Twitter Follow Badge

As you all know Twitter is rocketing in popularity and almost every other visitor to your Blogspot blog must be having a Twitter account this Twitter follow will let them know you are In Twitter and they can follow you. Place the twitter badge on the left or right side of your blog.

Link

10. Meebo Me

Create a chat box on your Blogger page with this widget and converse with the visitors to your site.

Link