Add A Search Box

About Add Your Site Add Search To Your Site Advertise

The Groove Engine Search Box - Version One

To add the Groove Engine Search box above to your website, copy the code below and paste it into your website. You can place it in your header, (before </head> tag), or footer, (before </body> tag), or any area where you want visitors to use the search box.


<form method="get" accept-charset="UTF-8" action="https://se.thegrooveengine.com/yacysearch.html">
  <div style="display:flex; align-items:center; justify-content:center; gap:8px; padding:10px; background-color:#f7f1f0; border:1px solid #edddda; border-radius:6px;">

    <img src="https://thegrooveengine.com/images/YacyLogo.png?1776306741000" alt="Search Groove"
      style="height:70px; width:auto; display:block;" />

    <input type="text" name="query" value="" maxlength="80"
      style="width:300px; font-size:16px; padding:8px 10px; border:2px solid #e3142e; border-radius:4px; outline:none;" />

    <input type="hidden" name="verify" value="cacheonly" />
    <input type="hidden" name="maximumRecords" value="10" />
    <input type="hidden" name="meanCount" value="5" />
    <input type="hidden" name="resource" value="local" />
    <input type="hidden" name="urlmaskfilter" value=".*" />
    <input type="hidden" name="prefermaskfilter" value="" />
    <input type="hidden" name="display" value="2" />
    <input type="hidden" name="nav" value="all" />

    <input type="submit" name="Enter" value="Search"
      style="font-size:16px; padding:8px 16px; margin-left:6px; background:#e3142e; color:#fff; border:none; border-radius:4px; cursor:pointer;"
      onmouseover="this.style.background='#000';"
      onmouseout="this.style.background='#e3142e';" />

  </div>
</form>

The Groove Engine Search Box - Version Two

To add the Groove Engine Search box above to your website sidebar, copy the code below and paste it into your website. You can place it in your sidebar, or any area where you want visitors to use the search box.


<form method="get" accept-charset="UTF-8" action="https://se.thegrooveengine.com/yacysearch.html">
  <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:12px; width:100%; max-width:260px; background-color:#f7f1f0; border:1px solid #edddda; border-radius:6px; box-sizing:border-box;">

    <img src="https://thegrooveengine.com/images/YacyLogo.png?1776306741000" alt="Search Groove"
      style="width:140px; height:auto; display:block;" />

    <input type="text" name="query" value="" maxlength="80"
      style="width:100%; font-size:15px; padding:8px 10px; border:2px solid #e3142e; border-radius:4px; outline:none; box-sizing:border-box;" />

    <input type="hidden" name="verify" value="cacheonly" />
    <input type="hidden" name="maximumRecords" value="10" />
    <input type="hidden" name="meanCount" value="5" />
    <input type="hidden" name="resource" value="local" />
    <input type="hidden" name="urlmaskfilter" value=".*" />
    <input type="hidden" name="prefermaskfilter" value="" />
    <input type="hidden" name="display" value="2" />
    <input type="hidden" name="nav" value="all" />

    <input type="submit" name="Enter" value="Search"
      style="width:100%; font-size:15px; padding:8px 12px; background:#e3142e; color:#fff; border:none; border-radius:4px; cursor:pointer; box-sizing:border-box;"
      onmouseover="this.style.background='#000';"
      onmouseout="this.style.background='#e3142e';" />

  </div>
</form>