<div class='searchresults-only' id='search-results'/>
<script>
function getPostTitle() {
var postTitle = document.querySelector('h1').innerText.trim();
return postTitle;
}
function showSearchResults() {
var postTitle = getPostTitle();
// Membuat elemen pencarian dengan atribut yang diperlukan
var searchElement = document.createElement('div');
searchElement.setAttribute('class', 'gcse-searchresults-only');
searchElement.setAttribute('queryParameterName', 'q');
searchElement.setAttribute('gname', 'gsearch');
searchElement.setAttribute('linkTarget', '_self');
searchElement.setAttribute('enableImageSearch', 'true');
searchElement.setAttribute('resultSetSize', 'filtered_cse');
searchElement.setAttribute('imageSize', '225x400');
// Menambahkan elemen pencarian ke dalam div search-results
var searchResultsDiv = document.getElementById('search-results');
searchResultsDiv.appendChild(searchElement);
// Menampilkan hasil pencarian menggunakan Google CSE API
google.search.cse.element.render({
div: 'search-results',
tag: 'searchresults-only',
gname: 'gsearch'
});
// Mengatur nilai query dari judul post
google.search.cse.element.getElement('gsearch').execute(postTitle);
// Menghapus elemen yang tidak diinginkan dari hasil pencarian
var unwantedElements = document.querySelectorAll('.gsc-results-wrapper-overlay, .gsc-adBlock');
unwantedElements.forEach(function(element) {
element.parentNode.removeChild(element);
});
// Menghapus elemen gsc-above-wrapper-area beserta isinya
var aboveWrapperAreas = document.querySelectorAll('.gsc-above-wrapper-area');
aboveWrapperAreas.forEach(function(element) {
element.parentNode.removeChild(element);
});
// Menghapus elemen gsc-result-info-container beserta isinya
var resultInfoContainers = document.getElementsByClassName('gsc-result-info-container');
for (var k = resultInfoContainers.length - 1; k >= 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('h3, h5, h6');
// Proses setiap subheading
subheadings.forEach(subheading => {
// 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('afterend', imageHTML);
});
</script>
0 Komentar untuk "Script Auto Image untuk Postingan Blogspot"