Adding Custom Search Engine Box

Hi guys! I want you to see my blog navbar. Now see on its right side what do you see? You might very well see a search box. If you couldn't find out see the preview below;
Custom Search Engine Box
It's interesting isn't it. That box searches the content of only my blog so if the people cannot find the tutorials the they can use that is to search fort those tutorials. A very delighting fact is that this search engine uses the same mechanism as google itself as it is powered by blogger. So that we can be assured that the other people will get relevant results. Adding a custom search engine is easy. Just follow the steps below;

1. Creating The Search Box;

Before you add the search box, you will need to create one. It is easy,but for better understanding I have kept images as well. Se below;
  • Go to google custom search engine.
  • There click on Create A Custom Search Engine.
  • You will be provided with a form. Fill up with correct credentials;

  1. In the form you can add multiple sites to search if you want. If not enter your blog URL only.
  2. English is the universal language. So, I suggest you to choose it. But if your blog has readers from a specific country you can choose the language of the country.
  3. After you are done click on "Create" button.
  • After you click on Create you will redirected to the page where you will get your box code.
  • Copy the unique code given among the whole code. That unique code is the code of your search box. Remember, you just need to copy the code like in the above image.

2. Search Box Code;

After you have successfully got the unique code we can move to next step. Now, we will add it in our blog. See the below steps;
  • Copy the given code;
<!-- Search box code Starts --> 
<div style="color:#000000;float:right;margin:2px 8px 0 0 ;"> 
<form action="" id="cse-search-box"> 
<input type="hidden" name="cx" value="Your Unique Id" /> 
<input type="hidden" name="cof" value="FORID:10" /> 
<input type="hidden" name="ie" value="ISO-8859-1" /> 
<input style="margin-bottom:2px;" type="text" name="q" size="31" /> 
<input type="submit" name="sa" value="Search" /> 
<script type="text/javascript" src=";lang=en"></script> 
<!-- Search box codes Ends -->
  • In the above code replace;
  1. "" with the URL of your blank page where you want the search results to appear. If you don't have any blank page then create a new page by going to Dashboard>Pages>Create A New Page. Don't write anything there and publish it.
  2. "Your Unique Id" with your unique code you got it previous step.
Now, copy the code replaced by your credentials.

3. Adding Search Box To Blog;

You can keep this search to whatever place you desire. Let's know the way to add it to your blog. Follow below steps;
  • Go to dashboard>Layout.
  • Click on Add A Gadget and choose Html/Javascript.
  • Paste the code you got in step-2.
  • Click on save and you are done.
I hope you guys have successfully completed this work. If you have anything to say then comment below.

Share this

Related Posts

Next Post »


comments «Oldest   ‹Older   201 – 207 of 207   Newer›   Newest»
October 15, 2014 at 1:54 PM delete

Therefore tҺey opt for the diet pills to
get the results гapidlу annd within few weeks. Your аll extra weight will be lost and prоvide you much better
sepf confiddence whiich was never ever before inside you.
"I don't drink alcohol like I used to, only eat very clean, healthy foods, and I spend at least an hour every day working out ' a massive change in diet and physiϲal activity.

October 15, 2014 at 6:28 PM delete

Heya! I understand this is somewhat off-topic but I needed to ask.
Does operating a well-established blog like yours rquire a lot of work?
I'm completely new to blogging however I ddo write in my diary on a daily basis.

I'd like to start a bloog so I wkll bbe able to share
my personal experience and feelings online. Pease let me know if
you have any kind of ideas or tips for new aspiring blog owners.
Appreciate it!

Also visit myy web-site :: m88

October 15, 2014 at 7:15 PM delete

Hello to all, it's really a fastidious for me to
pay a quick visit this site, it includes helpful Information.

Here is my homepage; porn videos

October 16, 2014 at 1:45 AM delete

It must help creatе a state of balance in the body, bringing it back tоo normal.

These advantages aгe all related to their effectiveness, sustainaƅility,
safety and it also serves aѕ a healthier option. * RemermƄer to keep breathing
- nevеr ɦolԁ yolur breath.

Vіsit my weЬ blog diet

October 16, 2014 at 5:56 PM delete

Fastin is a true "mood promoter" whose stimulant
effects are rapid, yet exceptionally even throughout each dose.
Weight loss design includes increased lipolysis
(fat loss) accompanied by elevated mood and high-energy levels in combination with a reduced caloric intake and increased metabolic expenditure typical of an effective overall weight loss plan.We love inspiring our followers and fans,
whether it’s on facebook, pinterest or twitter, and we especially like to hear.

It’s Friday again! How has your weight loss journey been going this last
week? Great, we hope! The side effects of phentermine,
like lack of sleep and low mood, as well as pushing yourself to exercise.
As well as setting the goals you want to achieve and planning
out how you will approach each of the weight loss stages. Since we know
that weight loss is a journey (we’ve been there, too!),
we have developed a series of tools to help you reach your goal!
Weight loss tools to lose more pounds. Lose weight,
Celebrate your success! has helped thousands of people lose weight!
We offer FREE weight loss tools and supportive online community!
Get inspired by the success of our users by checking out our 90+ success stories,
by people just like YOU! Adipex (sometimes known as Adipex-P) is the most popular brand of phentermine diet pills, manufactured by Teva Pharmaceuticals USA.
It is a phentermine 37.5 mg dosage (the strongest) that you can buy
in capsule or tablet form. Adipex is not cheap phentermine.
It is generally considered high quality. Phentermine 37.5 mg
is a very popular dosage of phentermine. Popular dosages include 15mg, 30
mg and 37.5 mg. All manufacturers of phentermine diet pills have their own 37.5 mg dosage.
Phentermine 37.5 mg tablets or capsules are generally cheap and are manufactured by generic pharmaceutical
groups. Qsymia (previously known as Qnexa) is a new diet pill combo made of phentermine and Topiramate.

It was approved by the FDA in 2012 and recently launched in September 2012.
Because it uses phentermine as an appetite suppressant,
it is considered as a very effective diet pill but cannot be prescribed
to everybody. Phen Caps are an alternative to the prescription drug, phentermine.
Phen Caps give similar benefits as phentermine, such as supressing appetite, stimulating your metabolism and increasing energy, without
the side effects. Phen Caps do not contain phentermine, making them available
without a prescription to anyone.

December 18, 2016 at 10:18 PM delete

This is a nice blog. It has very relevant and interesting content. Thank you for informing us about this subject. I have acquired a lot of ideas from this blog about the search engine box and I hope that you will post such nice content in the days to come. Help with Research Papers on Marketing Topics

March 6, 2017 at 3:23 AM delete

It is about time for you to get the adorable curves you've always dreamed about. Get the Total Curve™ Breast Improvement Therapy Right Now!
breast enlargement cream best

«Oldest   ‹Older   201 – 207 of 207   Newer›   Newest»

Add Your Gadget Here