How To Add A Google Custom Search Bar To The Navigation Menu In Your Weebly Site
Details of Project
Time to complete: 10 Minutes
Step 1. Open Weebly's HTML/CSS Editor
Step 2. Select your site's layout
Note: If you use multiple page layouts for your site, you will need to perform this process for each individual page layout that you use. The search bar will only appear on the page layouts you customize.
Step 3. Delete some HTML coding
Step 4. Add some HTML coding
Step 5. Add the Google Search Bar code
<td>ADD GOOGLE SEARCH BAR CODE HERE</td>
Step 6. Add CSS coding
You're done! Publish your site to see how your Google Search Bar looks!
Tips & Additional Information
If you would like to make your Google Search Bar longer or short, just change the width in the coding as depicted below in orange:
NEED A NEW WEEBLY THEME?
WE'VE GOT YOU COVERED!
NEED HELP CUSTOMIZING YOUR WEEBLY SITE?
WE CAN HELP!
"Appreciate all of your help in getting everything just right!"
"Chris from Weebly Tricks is AMAZING!! I would definitely use his services again."
"...he [Chris] worked long and late hours to see that I was pleased."