Menampilkan Json Google Custom Search Engine Menggunakan Jquery

Contoh Jquery kode Google CSE :

<div id="result"></div>

<script>
var url='https://www.googleapis.com/customsearch/v1?key=YourGoogleKey&num=3&cx=YourCseId&start=1&q=trik+blog';
$(document).ready(function() {
jQuery.getJSON(url+"&callback=?", function(data) {
      $.each(data.items, function(i, item){
        $('#result').append(item.htmlTitle+'<br/>'+item.htmlSnippet+'<br/>'+item.link+'<br/><br/>');
      });
});
});
</script>
 Hasilnya :

Kumpulan Trick Blog
Salam Blogger, kali ini saya tidak memposting tips trick komputer pemula dan
saya juga tidak memposting tips trik blog. Kali ini saya ingin berterima kasih ...
http://all-trick-blog.blogspot.com/

Blog Design: Kumpulan Tips Trik Desain Blog Buka-Rahasia ...
8 Okt 2011 ... kumpulan tutorial cara desain blog baik melalui hack maupun trik HTML, CSS,
dan Javascript yang sudah saya tulis di ...
http://buka-rahasia.blogspot.com/2011/10/blog-design-kumpulan-tips-trik-desain.html

Trik Tips Blog: Tutorial Bloggger
cara trik tips blogger. ... Diberdayakan oleh Blogger. Tutorial Bloggger | Trik Tips
Blog. trikaja.blogspot.com. Main menu section. SEO Blog · Tips Blogger · Trik ...
http://trikaja.blogspot.com/
Previous
Next Post »