Auto Filter Search Box for Blogger Post in HTML Javascript

Theme > uper jo code us ko blogger ka find karo text to search talash karo waha per is code ko replace karo.us ka bad savascript wala jo body wala jo closing han us ka uper paste karo Us ke baad ><>

Source Code

<li><a href='#'>Error 404</a></li>
</ul>
<div id='custom-search-container' style='position: absolute; right: 0px; top: 7px; z-index: 9999; width: 250px;'>
  <form action='/search' method='get' style='margin: 0; padding: 0;'>
    <input autocomplete='off' id='search-input' name='q' onkeyup='liveSearch()' placeholder='Search...' style='width: 100% !important; height: 32px !important; padding: 0 10px !important; font-size: 14px !important; color: #333 !important; background: #ffffff !important; border: 1px solid #3498db !important; border-radius: 4px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; outline: none !important; display: block !important; box-sizing: border-box !important;' type='text'/>
    <ul id='search-results' style='display:none; list-style:none; background:#ffffff; border:1px solid #ddd; position:absolute; left:0; right:0; top:35px; z-index: 10000; padding:0; margin:0; box-shadow:0 5px 15px rgba(0,0,0,0.2); max-height:150px; overflow-y:auto; border-radius:4px;'>
    </ul>
  </form>
</div>
<div class='tombolsrc'/>

<script type='text/javascript'>
//<![CDATA[
var postDatabase = [];
fetch('/feeds/posts/default?alt=json&max-results=999')
  .then(res => res.json())
  .then(data => {
    if(data.feed.entry) {
      postDatabase = data.feed.entry.map(e => ({
        title: e.title.$t,
        link: e.link.find(l => l.rel === 'alternate').href
      }));
    }
  });

function liveSearch() {
  var val = document.getElementById('search-input').value.toLowerCase();
  var resList = document.getElementById('search-results');
  resList.innerHTML = '';
  if (val.length < 1) { resList.style.display = 'none'; return; }

  var matches = postDatabase.filter(p => p.title.toLowerCase().startsWith(val));
  if (matches.length > 0) {
    resList.style.display = 'block';
    matches.forEach(post => {
      var li = document.createElement('li');
      li.innerHTML = '<a href="' + post.link + '">' + post.title + '</a>';
      resList.appendChild(li);
    });
  } else { resList.style.display = 'none'; }
}
//]]>
</script>