<script>
  (function() {
    var cx = '000977897132251675688:zpshclxcyqo';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

 

검색창에

<form method="get" action="{getUrl()}"  class="gsearchform" >
                        <input type="hidden" name="vid" value="{$vid}" cond="$vid" />
                            <input type="hidden" name="mid" value="노출페이지명" />
                            <input type="text" class="gsearchform rounded HBinputText" placeholder="검색어를 입력해주세요." name="q">
                            <input type="submit" name="sa" value="검색"  class="HBsearch" />
                        </form>