This tutorial will show you how to add Google's Custom Search bar to the navigation of your Weebly site.
Step 1. Open Weebly's HTML/CSS Editor
Click on "Design" at the top of the page, and then click on "Edit HTML/CSS" on the bottom left side of the page.
Step 2. Select your site's layout
Select the page layout your site uses on the left, and scroll down to the navigation code.
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
Delete the orange coding as depicted by the example code below:
Step 4. Add some HTML coding
Add the orange code to the coding from the previous step as shown below:
"I write a review very infrequently, but Weeblytricks deserves one. Chris went above and beyond to make sure he understood the scope of what we wanted and provided a great product in a very timely manner. Will use again and would recommend!" - Arthur, 8/17/17
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.