<div id='result-container' style='display: block; background: #000; color: rgba(255,255,255,0.9); padding: 10px 20px 10px 20px; word-wrap: break-word; border-left: 3px solid tomato; background-image: linear-gradient(to right, #000, #1E1F22);'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNx_yDO4Kul-UL_G-vWpPtA-R8vYmAF3rbkhxDD51tPzBnT4Z6CW3noQzltEoaDkrcUNg5KFY4gqPjqlExoamuPCcwTFEx6GvAmbNpS1lid9graf1WCiBUpV9ZPgnmEP8waVYd27MWdUXI0JI-ssdOcOSeENDpe0BZG45chdQR7Ql-A-2IlopPJjK5jJnm/s320/images.png" style="height: 150px; width: 150px; object-fit: cover;"/> <h4>Finding something??</h4> <div id='result'/> <input id='searchStr' type='text'/><br/><button class='button-7' onclick='findPost();'>Search</button> </div> <script> function findPost() { let str = document.querySelector('#searchStr').value; document.querySelector('#result').innerHTML = ''; if(document.querySelector('#authorGal')) document.querySelector('#authorGal').remove(); let numposts = 100; let authorGal = document.createElement('script'); authorGal.setAttribute('async', 'async'); authorGal.id = "authorGal"; authorGal.setAttribute('src', 'https://storehaccounts.blogspot.com/feeds/posts/default?alt=json-in-script&label&q=label:Official&callback=whatshot213'); document.querySelector('head').appendChild(authorGal); } function whatshot213(json) { let myfeeds = json.feed.openSearch$totalResults.$t; console.log(json); if(length == 0) document.querySelector('#result').innerHTML = 'Cant find any results...'; for(i=0; i<myfeeds; i++) { let atag = document.createElement('a'); let aimg = document.createElement('img'); atag.innerHTML = json.feed.entry[i].title.$t.replaceAll('"', ''); aimg.src = json.feed.entry[i].media$thumbnail.url; console.log(aimg.src); for(j=0; j<json.feed.entry[i].link.length; j++) if(json.feed.entry[i].link[j].rel == 'alternate') { atag.href = json.feed.entry[i].link[j].href atag.setAttribute('target', '_blank'); atag.setAttribute('class', 'extL'); break; } atag.appendChild(aimg); document.querySelector('#result').appendChild(atag); document.querySelector('#result').innerHTML += '<br/>'; } } </script>