Menu icon Foundation
Google Custom Search

How to implement google custom search in website header http://115.249.123.66/ using foundation framework

Google Custom Search

How to implement google custom search in website header http://115.249.123.66/ using foundation framework

Rafi Benkual over 4 years ago

Once you get the code, you can just add it to your site and style it with Foundation forms like this: http://codepen.io/rafibomb/pen/yyZQqO

Chris Peckham over 4 years ago

There is a stack more work to make a working form and result block. The 'basic' Custom Search Element API will have you fighting with the Foundation CSS so I've given up using that and have decided to have my web server act as client and request JSON results from Google. Another approach is to expand Google's JavaScript abstraction which is what is happening here:

http://arindambose.com/blog/?p=102

But the moment the API changes, this could all break without warning.