Tutorial sekarang ini kita akan mencoba menampilkan spreadsheet google pada blog kesayangan kita, berikut adalah langkah-langkahnya :
1. buat spreadsheet di Google Drive atau buka spreadsheet yang telah dibuat oleh formulir pengiriman Anda
2. ambil docKey dari URL yang terlihat seperti https://docs.google.com/spreadsheets/d/THE-KEY/edit#gid=0
3. gunakan Baris 1 di spreadsheet untuk menjadi tajuk kolom yang digunakan dalam variabel di kode. Header 1 kata lebih disukai untuk contoh ini
4. buka File -> Publish to the Web, centang "automatically republish when changes are made", dan tekan "start publishing"
<div class="waktu"></div>
<div class="pelanggan"></div>
<div class="tagihan"></div>
<script>
// ID of the Google Spreadsheet
var spreadsheetID = "xxxxxxxxxxxxxxxx";
// Make sure it is public or set to Anyone with link can view
var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/1/public/values?alt=json"; //this is the part that's changed
$.getJSON(url, function(data) {
var entry = data.feed.entry;
$(entry).each(function(){
//make sure this matches your column labels when you change the source sheet
$('.waktu').prepend('<div style="color:black"><hr>'+this.gsx$Kode.$t+'</hr></div>');
$('.pelanggan').prepend('<div style="color:blue"><hr>'+this.gsx$Nama.$t+'</hr></div>');
$('.tagihan').prepend('<div style="color:red"><hr>Rp. '+this.gsx$Jumlah.$t+',-</hr></div>');
});
});
</script>
Smoga bisa bermanfaat!.
ConversionConversion EmoticonEmoticon