Beranda > Widget > Widget Daftar Pembaharuan Posting Blog

Widget Daftar Pembaharuan Posting Blog

Rabu, 10 Desember 2014
Membuat widget blogger seperti disamping kiri blog ini, seandainya ada posting yang sudah kita rubah, dan kita juga ingin membuat catatan atau membuat pemberitahuan bahwa post yang kita rubah.

Caranya sangat sederhana, persis sekali dengan membuat recent post otomatis dan bahkan javascriptnya pun bisa dibilang sama persis. Jika kita perhatikan kode Feed suatu blog, kita dapat menemukan kode ...},"updated":{"$t"... dan juga kode ...},"published":{"$t"...
Dari kedua deret kode diatas, kita dapat mengambil kesimpulan bahwa perbedaannya hanya penyortiran menurut tanggal publish atau tanggal update.

Bagaimana cara penggunaannya?
Dalam tutorial recent post, kalian pasti menemukan deret script URL berikut:

<script src='http://adi-ny.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=pemanggilJava'></script>

Kita hanya perlu merubah tulisan orderby=published menjadi orderby=updated sehingga didapatkan seperti ini:

<script src='http://adi-ny.blogspot.com/feeds/posts/default?orderby=updated&alt=json-in-script&callback=pemanggilJava'></script>

Jika kalian masih bingung, kalian bisa gunakan javascript berikut:

<script>
/*
+--------------------------------------+
 Author : Adi Nugraha Y
 Blog : http://adi-ny.blogspot.com/
 Date : Tuesday, November 10th 2014
+--------------------------------------+
*/

function update(json) {
var obj,kar,tag,bin,post,judul,i,l,url,pub,pubT,published,upd,updT,updated,temp,keterangan,raw,postingan,pk;
pk = new Array();pk = PemisahKode.split(";"); // Merubah pemisah menjadi Array
obj = new Array();obj = objek.split(pk[0]); // Merubah pemisah menjadi Array
kar = new Array();kar = pemisah.split(pk[1]); // Merubah pemisah menjadi Array
tag = new Array();tag = HTMLtag.split(pk[2]); // Merubah pemisah menjadi Array
bin = kar[2].indexOf(']');

for (i=0; i<obj[1]; i++) {
post = json.feed.entry[i]; // Pemanggil Entry, bisa dibilang POROS >.<"
judul = post.title.$t; // Pemanggil Judul
for (l=0; l<post.link.length; l++) {//mencari judul secara berulang
 if (post.link[l].rel == 'alternate') {
url = post.link[l].href;
break;
 }
}

// Deretan Pengelolaan Tanggal Publish
pub = post.published.$t;
pubT = pub.indexOf('T');
published = pub.substring(0, pubT);

// Deretan Pengelolaan Tanggal Update
upd = post.updated.$t;
updT = upd.indexOf('T');
updated = upd.substring(0, updT);

temp = new Array();temp = updated.split("-");
if (updated==published){
keterangan=nrubah;
}else if(updated!=published){
keterangan= temp[2] + kar[1] + temp[1] + kar[1] + temp[0];

}

raw = post.content.$t; postingan = raw.replace(/(<([^>]+)>)/ig, "");
if (postingan != "" && postingan.length > obj[0]) {
postingan = postingan.substring(0, obj[0])+kar[2].substring(bin, 0);
} else {
postingan = postingan
}
if ("id" in post) {if (updated!=published){
document.write('<'+tag[0]+'>');
document.write('<'+tag[1]+'><a href="'+url+'">'+judul+'</a></'+tag[1]+'><'+tag[2]+'>');
//document.write("<'+tag[3]+'>Publish = "+published+"</'+tag[3]+'>" );
//document.write("<'+tag[3]+'> Updated = "+updated+"</'+tag[3]+'>" );
document.write('<'+tag[3]+'>'+kar[0].substring(1, kar[0].length)+' '+keterangan+'</'+tag[3]+'></'+tag[2]+'>');
document.write('<'+tag[4]+'>'+postingan+'</'+tag[4]+'>');
document.write('</'+tag[0]+'>');
}}

     

}
}
</script>


<script>
var objek = '50/5'; // [100=Banyak karakter posting] / [5=banyak posting]
var pemisah = '[updated=][|][&hellip;]'; // |=pembatas tanggal ex[15|12|2014] & karakter tambahan setelah pemotongan posting
var nrubah = 'Not edited yet :('; // Tulisan tidak update
var HTMLtag = 'div|h4 class="judul" |cite|i|p'; // Pembungkus seluruhnya, pembungkus tanggal, pembungkus karakter tanggal, pembungkus posting
var PemisahKode = '/;][;|'; // Pemisah kode, Default: [/=objek][ "][" pemisah tanggal dan karakter tambahan][|=HTMLtag]
</script>

<script src='/feeds/posts/default?orderby=updated&alt=json-in-script&callback=update'></script>


Keterangan kontrol
NamaValue atau ISIBatasKeterangan
objek50/5/50 adalah banyak karakter tulisan, 5 adalah banyak posting yang ingin ditampilkan
pemisah[update=][|][...]][[update=] keterangan tanggal update, [|] Pemisah tanggal bulan tahun, [...] keterangan sesudah pemotongan posting.
nrubahNot Edited yet :(nonenone
HTMLtagdiv|h4 class="judul" |cite|i|p|[div] sampul utama sebuah posting, [h4 class="judul" ] judul sebuah posting, [cite] pembungku tanggal bulan tahun, [p] pembungkus tulisan post.
PemisahKode/;][;|; (kontrol unit)Kontrol unit, kalian bisa rubah separator sesuka kalian pada kode Inti

2 comments

keknya cara postingannya sama kaya blog dte.web.id , dikasih keterangan lewat tabel
iya gan, gw terinspirasi dari Taufik [DTE] juga ._. , mungkin nanti gw ganti lagi biar gk mirip ._.
Poskan Komentar

Cancel Reply
< >
Drawing codeSyalalala!