How To Add A Custom Search Box With Speech Recognition

Have you ever wanted to have your blog site’s search box feature have speech recognition? If you do then you’re in luck because we’re goin...



This image doesn't have any alt text

Have you ever wanted to have your blog site’s search box feature have speech recognition? If you do then you’re in luck because we’re going to teach you the way to do just that in today’s featured Blogger trick! This tutorial comes due to Samarth Agarwal of showmedreams.blogspot, so credit visits him.


  • Log into your Blogger account and on your dashboard, visit the ‘Layout’ page.



  • Click on the ‘Add a Gadget’ placeholder where you’d would like your ‘Search’ box with speech recognition to seem.



  • On this list of gadgets, choose ‘HTML/JavaScript’.



  • Now copy and paste the code below:


<form action="http://showmedreams.blogspot.com/search/" id="searchform" method="get"> <input id="s" name="q" placeholder="showmedreams.blogspot.com" type="text" value x-webkit-speech="true" /> </form>     


  • (Remember to replace the highlighted portion with your personal URL)



  • Save your new gadget and preview your blog post. You should have a ‘Search’ box function with speech recognition. Congratulations!




COMMENTS

http://videohive.net/?ref=gimmegfx

http://themeforest.net/?ref=gimmegfx

http://audiojungle.net/?ref=gimmegfx

Name

blogging,255,computing,705,ebook,53,ebooks,354,freebies,358,graphics,225,IFTTT,3,internet,207,mobile,252,news,99,sharedtutor,78,slider,2,video tutorials,5,VideoHive,1156,YouTube,1005,
ltr
item
SharedTutor Tutorials For Everyone: How To Add A Custom Search Box With Speech Recognition
How To Add A Custom Search Box With Speech Recognition
http://2.bp.blogspot.com/-Dv7jgzw9zPE/TigPhXvS-iI/AAAAAAAAE0o/hqXwAWzKx4U/s200/blogger-logo.png
http://2.bp.blogspot.com/-Dv7jgzw9zPE/TigPhXvS-iI/AAAAAAAAE0o/hqXwAWzKx4U/s72-c/blogger-logo.png
SharedTutor Tutorials For Everyone
http://www.sharedtutor.com/2013/09/how-to-add-custom-search-box-with.html
http://www.sharedtutor.com/
http://www.sharedtutor.com/
http://www.sharedtutor.com/2013/09/how-to-add-custom-search-box-with.html
true
1970043136941886328
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy