Tuesday, April 25, 2017

Cara menampilkan hasil pencarian blogger menggunakan JSON

Cara menampilkan hasil pencarian diblog melalui jSon ini yang saya tunggu-tunggu dari blogger karena dengan menggunakan cara ini kita bisa menampilkan hasil pencarian dengan Keyword tertentu.

Apa kelebihan jSon hasil pencarian ini dari pada script jSon yang menampilkan label tertentu? Jawabannya adalah:

Semua posting dengan keyword yang anda cari akan tampil, misalnya anda cari keyword "Artis" diblog anda, maka hasil pencarian pasti akan menampilkan semua posting yang mengandung kata "Artis".

Tapi jika, kode jSon kita memanggil feed hanya menggunakan tag/kategori "Artis", maka hasil yang akan tampil adalah khusus Tag/Kategori "Artis" saja, jadi hasilnya tidak akan menampilkan semua posting yang mengandung kata "Artis".

Kode Javascript untuk menampilkan Feed hasil pencarian

<script type='text/javascript'>
//<![CDATA[
//Pengaturan default
var linkblog = window.location.hostname; 
var tampilkan = 10;
var judulMax = 70;
var carikata = "";
function cari(json) {
 document.write('<ul class="hasilCari">');
 for (var i = 0; i < tampilkan; i++) {
  var listing = ListUrl = ListTitle = "";
  for (var j = 0; j < json.feed.entry[i].link.length; j++) {
   if (json.feed.entry[i].link[j].rel == 'alternate') {
    break
   }
  }
  ListUrl = "'" + json.feed.entry[i].link[j].href + "'";
  if (json.feed.entry[i].title != null) {
   ListTitle = json.feed.entry[i].title.$t.substr(0, judulMax)
  }
  var listing = "<li><a class='kdmlist' href=" + ListUrl + "target='_self'>" + ListTitle + "</a></li>";
  document.write(listing)
 } 
 document.write("</ul>");
}
//]]>
</script>
<script type="text/javascript"> 
linkblog = "http://dokumentasikode.blogspot.com"; 
tampilkan = 8; 
judulMax = 70; 
carikata = "blog"; 
document.write("<script src='"+linkblog+"/feeds/posts/default?q="+carikata+"&alt=json&callback=cari&max-results="+tampilkan+"'></"+"script>"); 
</script>

Penjelasan kode

KodePenjelasan
linkblogIsi dengan link atau url blog anda
tampilkanisi sesuai dengan konten yang ingin anda tampilkan
judulMaxisi dengan jumlah karakter judul yang ingin anda tampilkan, jika judul anda melebihi 70 karakter maka judul posting anda akan terpotong sampai di 70 karakter saja
carikataisi dengan kata yang ingin anda cari, contoh diatas saya mencari kata Blog

Fungsi max-results

Mungkin sebagian dari anda ada yang berfikir kode max-results gak berguna? ada gak yang berfikir seperti itu? kode max-results itu sangat berguna guys, kode tersebut berfungsi membatasi jumlah Load Feed JSon.

Karena jika tidak ada kode max-results maka jSon yang akan di Load adalah sebanyak 25 itu defaultnya.

Dan itu akan sangat memberatkan blog anda guys, maka dari itu saya menyisipkan kode tersebut agar hasil yang di tampilkan sesuai dengan kode tampilkan, jadi loading blog juga gak berat.

Anda bisa simpan kodenya dimana saja sesuai tempat yang anda perlukan, jangan lupa untuk mengubah parameternya, dan sekian postingan Cara Menampilkan hasil pencarian blog menggunakan JSON.

Jika ingin memasukan gambar gunakan tag
[img]url gambar[/img]
Jika Video
[youtube]URL Video[/youtube]
Jika kata - kata mutiara gunakan
[blockquote]Kata-kata Anda[/blockquote]
Emoticon
EmoticonEmoticon