Friday, May 17, 2013

How To: Add a Search Bar on Your Blogger Homepage...and Why You Should.

Search Bars! Search Boxes! What the heck are those and why on earth would I want one on my blog?! Aww friend, I am SO glad you asked! Let me tell you all about this fun lil thing.

Search Bars/Boxes- What are they?
Simply put, a search box/bar works the same as any other search engine would (Ahem...Google, anyone?) except it's on YOUR BLOG and searches through YOUR STUFF! Wheeeeeeeeee! We like that.

For any Blogger users out there, this is in the form of a "Gadget", and is something we can SIMPLY add to our blog to give it a bit more blinggy-bling. 

Why Should I Have One on My Blog?
Well, there's a couple of reasons! For one, functionality! This little Gadget-O-Love adds a lot of functionality to your blog. It enables readers to search through all of your hard work and find exactly what they are looking for.

Why is that important? Because if any readers out there are ANYTHING like me, they don't have a lot of time to scroll through each and every post you've ever written until they find what they're looking for. They'll most likely give up along the way and go somewhere else (GASP!) to get their info. We definitely don't want that.

So, by adding a Search Bar/Box you are saying to your devoted readers, "Hey, I get it...time is money. Why not type in exactly what you're looking for and be on your merry way?"

That's exactly what it does. It creates a little internal search engine within your blog! So now, anytime you've tagged a post (I hope you're making precise tags within each blog post you publish) those tags get stored in your search engine. So let's say Sally loves your blog, is trying to do something she knows she's seen posted before, but can't remember when. By having a Search Bar/Box all she needs to do is kind of know what it is she's looking for (maybe..."fun fonts for free"), type those words into your bar, and hit enter. Your internal search engine will now do the work for her! It will search through each and every post you've written, and then bring up a nice little tidy list of previous blog posts that has something to do with her key words!

So instead of 700 posts, she now only has to go through a couple. Usually the search engine is so smart and precise, that it narrows it down to only 3-4. Badda Bing, Badda Boom. 

In essence, a Search Bar/Box makes your blog work the way it should, as well as making it engaging and helpful. This keeps your readers coming back time and again.

So now, How Do I Add One to My Blogger Blog?
Easy Peasy! Just follow these steps and you'll be there in no time at all :)


1. First and foremost, make sure you are signed into your Blogger account. Once you are, you're going to go to your blog's homepage and click "Design"- which is up on the top right!


2. By clicking "Design" you are able to see your blog's inner core- where you can do any and all changes you might want to make. There are so many lovely things you can do in this place, so play around! 

For our purposes we will need to find "Layout" and click it.


3. Next, you'll see you're now able to see your blog's "skeleton" (in a sense). This is an outline of what you have on your blog, where everything you've added is placed, and an easy way to make any changes- like moving something around, deleting something, or adding on.

Find where you want to add your new Gadget (a Search Bar/Box is indeed a Gadget!)- this place doesn't have to be exact- but has to be around where you're thinking of having it go. I suggest having a search bar somewhere close to your main information on your home page (i.e.: profile pic, social media, etc). We can move the Search Bar around once it's installed.

Click "Add a Gadget".


4. Now we are seeing a list of all the different Gadgets available on Blogger! There's some neat ones there, so look around! You might find something you didn't even know you could do! As you can see, Blogger lets you know what's already been installed by simply saying "Already Added" on the right side of each Gadget.

Scroll down until you find, "Search Box" and click the little "+" on the right. This adds it to your blog!


5. Now we need to simply configure our Search Bar/Box. All this means is we're going to make it do exactly what we want it to do.

A. Here you can title whatever you want your bar to be. Keep in mind that this "name" will show up on your blog for all to see. You can also leave it blank should you choose.

B. Make sure this box is checked! This allows people to type in key words (i.e.: How To, Blog Design, Blog Help...) and your Search Bar will search ALL throughout your blog's posts for any post related to those words! Neat huh?

That being said, I personally want the Search Bar to ONLY search my blog, so I unchecked the following two boxes. I don't want people seeing results from anywhere else, other than my blog :)

C. Here is where you will see a nice little preview of what your Search Bar will look like :)

D. When you are satisfied, click "Save". This will apply those changes to your Search Bar/Box.


6. Now as you can see we're taken back to our blog's skeleton. And, as you can see in A. our Search Bar is automatically up at the very top of my Gadget list. I'm not happy with it being there, so to move the box around all I need to do is click and hold down on the box, and drag to where I want it (within that area). Usually just up and down. If you're wanting it somewhere completely different, you'll need to delete (by clicking "Edit"), delete the Gadget, and start over someplace else on your skeleton.

B. When you think you know where you want it, click "Preview" to be shown a mock-up of what your blog will look like once you hit "Save". Click out of that box and come back here to make changes. I usually have to "Preview" 3 or 4 times before I've got it right.

C. Again, once you're happy with your placement, click "Save Arrangement"!


7. Viola! When I go to my homepage, displayed in all it's glory is my new Search Bar/Box! It's easy to see (up towards the top) and is titled appropriately (so my readers know what it is).


8. Here's how it works! Let's say you want to find an old blog post, or your reader really needs to know how to do something: Just type in the key words into your Search Box and BOOM a beautiful list of ANY and ALL YOUR BLOG POSTS that include those words, shows up! 

Neat. Tidy. Easy. That's what we like!
Pin It

100 comments:

  1. so great. I'm doing this right now!

    ReplyDelete
  2. Having a search box is super convenient even for authors because I like to link back to former posts and can get there quicker with my search bar!

    ReplyDelete
  3. i dnt knw y... but ma blog is not searching anything....

    ReplyDelete
  4. do i have to do any kind of changes in ma posts?? it does have labels, still its nt findin it...

    ReplyDelete
  5. This is really the worst search box. Why does it have to pull up a Google interface? Why not keep my website's interface. It is a lame search box.

    ReplyDelete
  6. check this search bar : use key word for demo Trivandrum

    http://esearchkerala.blogspot.in/

    ReplyDelete
  7. Thanks a lot! Just the information I was looking for as I'm a new to blogging.

    ReplyDelete
  8. My search don't do anything, it says.error 404?

    ReplyDelete
  9. hello
    this is my blog http://worldlyricsmaniac.blogspot.com/

    but my search gadget is not functioning at all

    any idea on how to make it work ?

    ReplyDelete
  10. wow nice idea also visit www.topgamespoint.blogspot.com

    ReplyDelete
  11. wow nice idea also visit www.topgamespoint.blogspot.com

    ReplyDelete
  12. Thanks, Download PC Games, Movies, Series! Only the best torrents! www.offserial.blogspot.com

    ReplyDelete
  13. Great post,thanks!!
    http://ntsotsos.blogspot.com

    ReplyDelete
  14. I have a search bar that does not function and all of my posts have been labeled/tagged....I have researched many other popular blogs that have them and noticed that none of theirs worked either. I, also, just tried to use yours and nada....have you looked into this? It would be really fantastic if they worked.
    Please, share with us if you figure out how to get them to work!

    ReplyDelete
  15. It WAS working years ago but the last year or so, NOT. All my blogger friends also said theirs NOT WORKING either! May be u know why. Thanks!

    ReplyDelete
  16. For me when i tried to search my first blog post, it didnt do anything?
    But thanks for sharing that!
    http://happinessissiamese.blogspot.ca

    ReplyDelete
  17. gud one!!
    http://hotcelebsgalleries.blogspot.in/

    ReplyDelete
  18. thanks buddy not it's working on my blog....http://www.lyricsjar.com/

    ReplyDelete
  19. Hi, I've got a problem with this I hope you can help!
    I've inputted the search bar just as you've told but it doesn't show blogs that have the term in only my labels. Is there a way to do this?

    ReplyDelete
  20. Hi it worked like a charm . Thanks
    Please visit my website for all the Hottest Bargains, Coupons, Deals, Freebies,Giveaways.
    www.bargainbee4u.com

    ReplyDelete
  21. Nice one. Thank you. http://utuakuko.blogspot.com/

    ReplyDelete
  22. Great Post! Thank you for sharing your experiences and I look forward to reading more.Fashion Elongation

    ReplyDelete

  23. Great Post! Thank you for sharing your experiences and I look forward to reading more.Textile Help Line

    ReplyDelete
  24. Even almost a year later, this tutorial is VERY helpful! Thank you!
    - Tina
    http://tina-koyama.blogspot.com/

    ReplyDelete
  25. I have been through several posts on this very subject but the satisfactory information that I found here is something that all other blogs are missing. Lit ultrabar India


    ReplyDelete
  26. Great information. Thanks for providing us such a useful information. Keep up the good work and continue providing us more quality information from time to time. Real Estate Search Engines

    ReplyDelete
  27. Thanks! This helped a bunch.

    ReplyDelete
  28. Thank you so much!!! Never knew how to put a search bar in and I just learned.

    ReplyDelete
  29. thank you!! http://www.thewanderlusthasgotme.blogspot.co.uk

    ReplyDelete
  30. Great post! So easy to follow...thanks for taking the time to do this!

    ReplyDelete
  31. Here's an easier option for adding search to a website:
    http://sitecomber.com/getsitecomber/

    ReplyDelete
  32. Awesome Post! Get latest official Ideas in India https://eOfficeIndia.blogspot.in

    ReplyDelete
  33. Very nice experience to read your most informative article.

    PIC Grant Singapore

    ReplyDelete
  34. You have used css in a very great way to style search boxes.Great work.I have also witten something on google custom search engine.I have put a lot of effort to help people regarding this topic.If you find it useful then please refer it to your visitors to help them..
    http://fetch-info.blogspot.in/2015/01/search-box-for-blog-or-website.html
    Thanks a lot and keep posting.Your posts are always great..

    ReplyDelete
  35. You have used css in a very great way to style search boxes.Great work.I have also witten something on google custom search engine.I have put a lot of effort to help people regarding this topic.If you find it useful then please refer it to your visitors to help them..
    Search box for blog
    Thanks a lot and keep posting.Your posts are always great..

    ReplyDelete
  36. You made my search easy. I am running a simple blog with almost no visitors but I wanted to add search blog. So thanks for help.

    ReplyDelete
  37. Byourownblog is an excellent and informative website. Thank you for sharing your pretty nice post. Largest Auto Fashion Machinery Blog really appreciate your efforts and will be waiting for your next writing.

    ReplyDelete
  38. byourownblog is an excellent and informative website. Thank you for sharing your pretty nice post. Largest Auto Fashion Machinery Blog really appreciate your efforts and will be waiting for your next writing.

    ReplyDelete
  39. You have used css in a very great way to style search boxes.Great work.I have also witten something on google custom search engine.I have put a lot of effort to help people regarding this topic.If you find it useful then please refer it to your visitors to help them..http://bdcomplex.blogspot.com/
    Thanks a lot and keep posting.Your posts are always great..

    ReplyDelete
  40. Good stuff - Thank you! Fortunately I have HTML experience, but I'm a newbie blogger, so need to get used to the templates and settings. You just shortened my learning curve and I appreciate it.
    www.dontjoinourclub.com

    ReplyDelete
  41. I am regular reader of your blog and no doubt it all stuff is awesome. The best thing about your sharing and posting is that you always provide content that is helpful for both the newbie and experts. Looking for more stuff and tutorials.

    Love from Bloggers Town

    ReplyDelete
  42. This comment has been removed by the author.

    ReplyDelete
  43. Without having a feature rich and well built website, it is not possible for the business to enter digital space for gaining objectives in systematic and timely manner. Hence, only the best Website Design and Web Development company like IndaPoint is to be selected for the purpose.

    ReplyDelete
  44. The 2017 Pro Bowl is the National Football League's all-star game for the 2016 season which will be played at Camping World Stadium in Orlando, Florida on January 29, 2017.
    Pro Bowl 2017

    Pro Bowl 2017 Live

    Pro Bowl 2017 Live Stream

    Pro Bowl 2017

    Pro Bowl 2017 Live

    Royal Rumble 2017

    ReplyDelete
  45. This is an excellent and informative website. Thanks for sharing your pretty nice post. Rmglifeinfo, Rmgcosting, Garmentspedia, Autogarment , Garmentspolicy , Garmentstextile , LectraWilcom and Compliancegarments really appreciate your efforts and will be waiting for your next writing.

    ReplyDelete
  46. RONDA ROUSEY was battered by Amanda Nunes in her long-awaited UFC comeback bout - here are some of the best pictures from the fight. Born in Sweden, Hermansson (14-3) looks to bounce back from his first UFC loss, a submission defeat to Cezar Ferreira that snapped .
    UFC 209
    UFC 209 Live Stream , UFC 209 Live
    UFC 209 Fight , UFC 209 Fight Card

    UFC lightweight Marc Diakiese is putting out a strong message of tolerance and acceptance, become the first fighter for the world's largest MMA. CONOR McGREGOR has been pictured with Manchester United star Wayne Rooney as talks of a superfight with Floyd Mayweather rumble on.
    UFC 209
    UFC 209 Live , UFC 209 Fight Card
    UFC 209 Live Stream , UFC 209 Fight

    ReplyDelete
  47. imson Tide made the NCAA tournament once in six seasons, but averaged right around 20 wins a season. Avery Johnson has kept that trend alive in his two seasons in Tuscaloosa, winning 37 games but not reaching the tournament. The Crimson Tide are hoping next year is the year, though. Johnson and Alabama made a statement on the recruiting trail in the fall, reeling


    March Madness

    March Madness Live

    March Madness Live Stream

    March Madness 2017

    March Madness 2017 Live

    ncaa March Madness

    ncaa march madness live

    ncaa tournament

    March Madness Bracket

    ncaa final four



    in five-star guards Collin Sexton (No. 10) and John Petty (No. 21). Sexton had Kansas and others in the mix, while Petty was an in-state prospect that was pursued by Kentucky as well. Sexton and Petty will start immediately for Alabama, and could form one of the most explosive backcourts in the country. Four-star forward Alex Reese is another freshman who should see time. Moreover, Johnson has a young nucleus back next season. The top four sco

    ReplyDelete
  48. The HPD pored over hours of footage, according to chief Art Acevedo. With the help of a game-changing tip and tireless work from NFL security, Patriots security, the
    \


    March Madness

    March Madness Live

    March Madness Live Stream

    March Madness 2017

    March Madness 2017 Live

    ncaa March Madness

    ncaa march madness live

    ncaa tournament

    March Madness Bracket

    ncaa final four





    FBI and an assistant U.S. attorney, they found something. There was a man outside the United States with the Tom Brady jersey and more. His name was Martin Mauricio Ortega, a source told ESPN, a former Diario L

    ReplyDelete
  49. The Masters Tournament, also known as The Masters or The US Masters, is one of the four major championships in professional golf. The Masters is scheduled for the first full week of April, and it is the first of the majors to be played each year.

    The masters

    The masters 2017

    The masters Golf

    The masters Golf 2017

    The masters Live

    The masters Live Stream

    Masters golf result

    Masters results

    Masters Golf Leaderboard

    Master Leaderboard

    The masters

    The masters 2017

    The masters Golf

    The masters Golf 2017

    The masters Live

    The masters Live Stream

    Masters golf result

    Masters results

    Masters Golf Leaderboard

    Master Leaderboard

    Masters Tournament 2017 live coverage from Augusta National Golf Club at CBSSports.com. Watch the tournament live, choose cameras and get live stats.

    ReplyDelete
  50. This time, we head to Birmingham, Alabama to check out UFC 10 from July 1996, which brings back the eight-man one-night tournament format. Barely a decade ago, the Ultimate Fighting Championship was looked at as little more than a freak show a human cockfight that drew the attention.
    UFC 210
    UFC 210 Live , UFC 210 Fight Card , UFC 210 Fight , UFC 210 Card , UFC 210 Live Stream , UFC 210 PPV



    UFC 10 Review: Mark Coleman Enters The Octagon For. Joel AbrahamContributor IIIDecember 24, 2010. I am still having nightmares about UFC 10. FS1 presents the Ultimate Fighting Championship's top pound-for-pound fighters across two weeks of prime time action with the UFC 10 Day.
    UFC 210
    UFC 210 Live , UFC 210 Fight Card , UFC 210 Fight , UFC 210 Card , UFC 210 Live Stream , UFC 210 PPV

    ReplyDelete
  51. Your blog has given me that thing which I never expect to get from all over the websites. Nice post guys!

    App Developer

    ReplyDelete

  52. to me
    I am a PHP developer. I've 5 years experiance in PHP. I can perform Magento,codeigniter,mobile apps,Net services and admin panel. I've good experiance in jQuery, javascript , AJAX , My Sql and many others. Best 10 Cheap Car Insurance in 2017

    ReplyDelete

  53. Hi! I have a great experience in freehand illustrations. Have a moment to uncover me in Google to view my portfolio: "Elena Naumchenkova illustrations" Thanks for your time and energy to visit my profile. Look ahead to do the job with you.

    Best regards,
    Elena this my blog site, you'll be able to stop by listed here: extra cheap car insurance

    ReplyDelete

  54. For the past 15 decades. I uncovered how to produce fantastic marketing written content. Constructing upon these procedures and knowledge, I managed to efficiently complete particular and Skilled projects And that i would like to assist you do precisely the same.
    Prepared to start out? Remember to contact me! you may pay a visit to my web site: us very cheap car insurance for new drivers

    ReplyDelete

  55. I'm a continue to be at your home mom to be which has a history in the fashion and beauty industry. Now, I am trying to apply the talents I've realized in my digital internet marketing classes, along with my encounter in social media administration to aid companies arrive at their ambitions and objectives.

    I am proficient in Microsoft Business office, Google Analytics, Google Adwords, Sprout Social, Photoshop and iMovie.
    I will help you with:
    one. Investigation & info analysis
    two. Digital internet marketing approach
    3. Information marketing and advertising & social media
    four. A/B testing & promoting optimization
    5. SEO/SEM. this my blog you can visit: uk very cheap car insurance low deposit

    ReplyDelete
  56. The Adobe Photoshop 7.0.1 update fixes a number of problems discovered after ... Download.com cannot completely ensure the security of the software hosted on .... Release Date, August 25, 2002. Date Added, August 25, 2002. Version .Adobe photoshop 7.0 free version download..

    ReplyDelete
  57. How to use Best 10 Cheap Car Insurance in 2017 the driving. firms' own tricks against them to lower your car insurance premium and get a cheaper quote - 6 secrets revealed. ... 11:24, 16 MAY 2017; Updated 11:49, 16 MAY 2017. Money. Get cheaper car ... Best time to renew your policy ..... New ten pound noteWhen is the new £10 note coming out?

    ReplyDelete
  58. Get https://www.codeplex.com/site/users/view/verycheap1107 Info. Your Search & Social Results Now.
    See social too · Enhanced results · Try Info.com · Smarter search · Find the best info · Dig deeper

    ReplyDelete
  59. Adobe Photoshop 7.01 update fixes a number of problems discovered after Photoshop 7.0 was released. The most significant fixes in the 7.0.1 release ...

    ReplyDelete
  60. how to take screenshot in laptop windows 7 of anything you can think of here the link to the ... Anyone help me..... i got new

    ReplyDelete
  61. how to screenshot in windows 7 Platform(s): Vista, Windows XP, Macintosh OS X, Windows 8, Windows 7 ... To take a screenshot of the entire screen, press the Print Screen (it could also be ...

    ReplyDelete
  62. top Best 10 Cheap Car Insurance in 2017 can be easier and cheaper to get from our comparison site. ... Defaqto 5 star rated 2017 award winning car insurance with free legal protection up ...

    ReplyDelete
  63. Adobe Photoshop 7.0 is an excellent option for anybody looking to download a full version of the image editing software. Being multi-platform...

    ReplyDelete
  64. Adobe photoshop 7.0 free version download is an excellent option for anybody looking to download a full version of the image editing software. Being multi-platform...

    ReplyDelete
  65. adobe photoshop 7.0 Free Download Setup for PC. Adobe Photoshop is available in a single click download option. Enjoy unlimited professional photo editing.

    ReplyDelete
  66. how to take screenshot in laptop windows 7 Capture a snip of a menu. After you open Snipping Tool, open the menu that you want a picture of. Press Ctrl + PrtScn keys. Select Mode (in older versions, select the arrow next to the New button), choose the kind of snip you want, and then select the area of the screen capture that you want.

    ReplyDelete
  67. First, you need to locate the Prt Scrn button on your keyboard. Normally it should be End button on the how to take screen shot in dell laptop You will need to Press Fn + End button simultaneously then open a Paint app in the operating system and paste (Ctrl+ V) it and edit the picture if you want.

    ReplyDelete
  68. Uploaded by Dil The DareDevil
    how to take screenshot in laptop windows 7 of anything you can think of here the link to the ... Anyone help me..... i got new ...

    ReplyDelete
  69. if you've ever wondered How to take screenshot in lenovo laptop pretty. simple all you need to do ...

    ReplyDelete
  70. Uploaded by FIVBANDMAN
    Ill show you how to screenshot on laptop hp mostly how to take a picture of your computer screen. How ...

    ReplyDelete
  71. Top best free iphone apps and services make the cut in WIRED's pick of the best free and paid-for iPhone and iPad apps.

    ReplyDelete
  72. My run down of the top ten free best free iphone apps 10. Sky Sports News Score Centre If you are a football fanatic then this is the app for you. This nifty little piece of kit .

    ReplyDelete
  73. If your top best free iphone apps , tell us all about them in the comments. There are loads of to-do apps on the App Store, but has a different goal: rather ...

    ReplyDelete
  74. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Some of the best music apps are free. If you're looking for new music for your iPhone, look no further than these great best free iphone apps.

      Delete