Membuat Tombol Loadmore Pada Google News Search Engine

Di postingan http://www.trikalfanetcell.com/2015/12/membuat-tombol-loadmore-pada-google.html pernah di bahas tentang pembuatan tombol Loadmore untuk hasil pencarian Google Engine, namu kini saya akan menuliskannya kembali kode Jquery itu dan hanya ada sedikit perbedaan pada url json Google Searchnya saja:

Kalau di postingan dulu json feed Google Searchnya harus memakai KeyGoogleApplication namu yang ini tidak memakai KeyGoogleApplication, untuk lebih jelasnya lihatlah perbedaan itu :

Yang pake KeyGoogleApplication :

https://ajax.googleapis.com/ajax/services/search/web?v=1.0&rsz=8&start=0&key='+keys+'&q=site:blogspot.com+'+keywords

Yang tidak pake KeyGoogleApplication :

https://www.google.com/uds/GnewsSearch?v=1.0&rsz=8&start=0&q=site:blogspot.com+'+keywords

Kode url di atas perbedaannya adalah kalau yang ke 2 (yang gak pake) adalah url untuk mencari situs berita saja, dan kalau yang ke 1 (yang pake) adalah url untuk mencari situs apapun dari internet, sehingga kode Jquery nya akan menjadi seperti berikut :

<p id="result"></p>
<p id="result2" style="display:none"></p>
<p id="result3"></p>
<p id="btnload"></p>

<script>
var ttle1='php';
var ttle=decodeURIComponent(ttle1);
$( document ).ready(function() {
GetResult(ttle,'result','2','result2','btnload');
});
</script>

<script>
function GetResult(keywords,divouts,banyak,divoutl,divoutr)
{
var url='https://www.google.com/uds/GnewsSearch?v=1.0&rsz=8&start=0&q=site:blogspot.com+'+keywords;
$.ajax({
type: "GET",
url: url+'&callback=?',
dataType: 'json',
error: function(){
alert('Unable to load feed, Incorrect path or invalid feed');
},
success: function(data){
$.each(data.responseData.results, function(i,data){
$("#"+divouts).append('<a href="javascript:void(0)" onclick="GoToPage(\''+data.visibleUrl+'\')">'+data.title+'</a><br/>'+data.content+'<br/><a href="javascript:void(0)" onclick="GoToPage(\''+data.visibleUrl+'\')">https://www-global-info.blogspot.com/'+data.title+'</a><br/><br/>');
return i<banyak;
});
$("#"+divoutl).append(banyak);
$("#"+divoutr).append('<button onclick="loadMore(\''+keywords+'\',\''+divoutl+'\',\''+banyak+'\')">LOAD MORE</button>');
}
});
}

function loadMore(qword,divs,limited)
{
var jml = parseInt($("#"+divs).text())+1;
$("#"+divs).html(jml);
var url='https://www.google.com/uds/GnewsSearch?v=1.0&rsz=8&start='+jml+'&q=site:blogspot.com+'+qword;
$.ajax({
type: "GET",
url: url+'&callback=?',
dataType: 'json',
error: function(){
alert('Unable to load feed, Incorrect path or invalid feed');
},
success: function(data){
$.each(data.responseData.results, function(i,data){
$("#result3").append('<a href="javascript:void(0)" onclick="GoToPage(\''+data.visibleUrl+'\')">'+data.title+'</a><br/>'+data.content+'<br/><a href="javascript:void(0)" onclick="GoToPage(\''+data.visibleUrl+'\')">https://www-global-info.blogspot.com/'+data.title+'</a><br/><br/>');
return i<limited;
});
}
});
}
</script>

Sekian dan smoga bermanfaat.....

Tips Trik Alfanetcell

Membuat Tombol Loadmore Pada Google News Search Engine