Saturday, September 19, 2020
Home Blogging Tips & Tweaks How to Create and Add a Custom Google Search Bar to Blogger...

How to Create and Add a Custom Google Search Bar to Blogger and WordPress

Its not surprising that almost all blog owner wish and have already added this extremely good feature to their blog. The Google search engine is among the most popular if not the most popular search engine as of present and adding it to your blog will be of an advantage. You wont only get highly ranked by Google, but you get the opportunity to earn more for every click made on the search result if you have an Adsense account enabled with it.

Creating Google custom search engine for your blog is very easy and this is how to get it done;

Google Custom Search Engine

  • Enter your site URL, Select Language and Name of the Search Engine, and then click on the “Create” button.

Google Custom Search - Create CSE

  • Once you click on the “Create” button, you will get a congratulatory message telling you that your Custom Search Engine have been successfully created.
  • The next step is to add the code to your website page. To be able to do this, you will have to click on the “Get Code” button to copy the code which you will add to your website.

Custom Search - Congratulations

Adding The Search Widget to Blogger:

  • Log into your Blogger dashboard
  • Click on Layout >>> Add Gadget
  • Locate and click on “HTML/JAVASCRIPT
  • Paste the code which you copied earlier into the box provided
  • Click on “Save
  • Preview to verify if the Google Search bar is appearing where you want it to and then click on “Save Arrangement

Adding The Google Search Widget to WordPress:

  • Login to your WordPress dashboard.
  • Navigate to Appearance >>> Widgets.
  • Locate and click on Custom HTML and add it to the side you want the Google Custom Search to appear on your WordPress site.
  • Finally paste the code you copied earlier into the content box provided and click on Save >>> Done.

Note that you can add the code anywhere in your website and it will work smoothly.

That’s all…

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

List of All JavaScript Arithmetic Operators With Examples

JavaScript offers several operators to help us work with numbers. All these operators are binary operators, which means they operate on two operands. The operands...

How to Find a Website’s RSS Feed’s URL

Having access to the RSS feed of a website gives you the opportunity to stay up-to-date on everything that website publishes. Whether that’s a...

Laravel: String data, right truncated: 1406 Data too long for column (SOLVED)

I was working on a project today when i ran into the error message "String data, right truncated: 1406 Data too long for column...

How to Enable or Disable Chrome’s Autofill on Android Devices

Storing your login details and other information in Chrome and/or your Google Account isn’t as secure as using an encrypted password manager, but it’s...

Recent Comments