Script Auto Image untuk Postingan Blogspot

 



<div class='searchresults-only' id='search-results'/>

<script>

  function getPostTitle() {

    var postTitle = document.querySelector(&#39;h1&#39;).innerText.trim();

    return postTitle;

}

function showSearchResults() {

    var postTitle = getPostTitle();

    // Membuat elemen pencarian dengan atribut yang diperlukan

    var searchElement = document.createElement(&#39;div&#39;);

    searchElement.setAttribute(&#39;class&#39;, &#39;gcse-searchresults-only&#39;);

    searchElement.setAttribute(&#39;queryParameterName&#39;, &#39;q&#39;);

    searchElement.setAttribute(&#39;gname&#39;, &#39;gsearch&#39;);

    searchElement.setAttribute(&#39;linkTarget&#39;, &#39;_self&#39;);

    searchElement.setAttribute(&#39;enableImageSearch&#39;, &#39;true&#39;);

    searchElement.setAttribute(&#39;resultSetSize&#39;, &#39;filtered_cse&#39;);

    searchElement.setAttribute(&#39;imageSize&#39;, &#39;225x400&#39;);

    // Menambahkan elemen pencarian ke dalam div search-results

    var searchResultsDiv = document.getElementById(&#39;search-results&#39;);

    searchResultsDiv.appendChild(searchElement);

    // Menampilkan hasil pencarian menggunakan Google CSE API

    google.search.cse.element.render({

        div: &#39;search-results&#39;,

        tag: &#39;searchresults-only&#39;,

        gname: &#39;gsearch&#39;

    });

    // Mengatur nilai query dari judul post

    google.search.cse.element.getElement(&#39;gsearch&#39;).execute(postTitle);

   // Menghapus elemen yang tidak diinginkan dari hasil pencarian

var unwantedElements = document.querySelectorAll(&#39;.gsc-results-wrapper-overlay, .gsc-adBlock&#39;);

unwantedElements.forEach(function(element) {

    element.parentNode.removeChild(element);

});

  // Menghapus elemen gsc-above-wrapper-area beserta isinya

var aboveWrapperAreas = document.querySelectorAll(&#39;.gsc-above-wrapper-area&#39;);

aboveWrapperAreas.forEach(function(element) {

    element.parentNode.removeChild(element);

});

// Menghapus elemen gsc-result-info-container beserta isinya

var resultInfoContainers = document.getElementsByClassName(&#39;gsc-result-info-container&#39;);

for (var k = resultInfoContainers.length - 1; k &gt;= 0; k--) {

    resultInfoContainers[k].parentNode.removeChild(resultInfoContainers[k]);

}

// Menunggu hingga Google CSE siap dan kemudian menampilkan hasil pencarian

window.onload = function() {

    showSearchResults();

};

</script>

    

      <script>

  // Dapatkan semua subheading dalam post

  const subheadings = document.querySelectorAll(&#39;h3, h5, h6&#39;);

  // Proses setiap subheading

  subheadings.forEach(subheading =&gt; {

    // Dapatkan teks subheading

    const subheadingText = subheading.textContent;

    // Buat URL gambar dari teks subheading

    const searchQuery = encodeURIComponent(subheadingText);

    const imageUrl = `https://tse1.mm.bing.net/th?q=${searchQuery}`;

    // Buat tag HTML untuk gambar

    const imageHTML = `<img alt='${subheadingText}' src='${imageUrl}'/>`;

    // Sisipkan tag gambar di bawah subheading

    subheading.insertAdjacentHTML(&#39;afterend&#39;, imageHTML);

  });

</script>


Labels: Blogger
0 Komentar untuk "Script Auto Image untuk Postingan Blogspot"

Back To Top