Selasa, 03 Mei 2016

Cara menampilkan tanggal pembaruan postingan


Sempat terfikir dibenak saya waktu itu, bagaimana cara menampilkan tanggal pembaruan postingan jadi kita tidak harus menulis tanggal update saat kita perbarui postingan/artikel kita. Saya memanfaatkan callback json dari blogger untuk menampilkan pembaruan postingan ini. Tenang aja javascriptnya gak memberatkan kok karena kita hanya membutuhkan 1 hasil saja, yang ditandai dengan max-results=1

<div style="clear:both" class="box-update">
<script type="text/javascript">
function tupdate(json) { 
var js = json.entry;
var upd = js.updated.$t;
var pub = js.published.$t;
//Published
var pubstring = pub.substring(0,10);
var pubrep = pubstring.replace(/-/g, "/");
//update
var up = upd.substring(0,10);
var update = up.replace(/-/g, "/");
if(update == pubrep){
console.log("Belum diperbarui");
} else {
document.write("Terakhir diupdate : " +update);
}
}
</script>
&lt;script type=&quot;text/javascript&quot; src=&quot;http://zhinto.blogspot.com/feeds/posts/default/<data:post.id/>/?alt=json-in-script&amp;callback=tupdate&amp;max-results=1&quot;&gt;&lt;/script&gt;amp;gt;
</div>

Javascript


Untuk script callbacknya biarkan saja terparse seperti itu karena jika tidak diparse kode akan error. Untuk penyimpanan kodenya silahkan anda cari kode <data:post.body/> dan letakan kodenya dibawah <data:post.body/>. Untuk mendapatkan ID post setiap postingan saya menggunakan kode <data:post.id/> yang saya tandai diatas. Untuk kode yang bergaris bawah silahkan anda ganti dengan alamat blog anda.

CSS


.box-update {
    padding: 10px;
    background: #ACE052;
    font: normal 14px "Arial",sans-serif;
    border: 1px dashed #35AD00;
}

Silahkan tempatkan css sesuai tempatnya ditemplate anda, biasa diatas ]]></b:skin>. Saya hanya memberi simpel style saja, silahkan kreasikan jika anda ingin memberi style yang berbeda. Untuk Contohnya bisa anda lihat gambar dibawah ini

menampilkan tanggal pembaruan