SharedTutor | Tutorials For Everyone

Find your interesting tutorials in SharedTutor.com. Get your tutorial about Computer, Blogging, Makemoneyonline, Games, Design, and more!

How To Add A Custom Search Box With Speech Recognition



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!




No comments

Post a Comment