Jumpa lagi dengan topik JavaScript Dan jQuery. Sebelumnya saya sudah share Cara menambah syntax highlighter dengan prettyprint di
Note: Taruh kode dibawah ini diatas </body></html>
//Defer Syntax HiglighterCara penggunaannya sama dengan artikel sebelumnya » Cara menambah syntax highlighter dengan prettyprint di blog tanpa mengurangi kecepatan loading website 100% Work Tested « yang membedakan hanya kode pemanggil Syntax Highlighter nya lebih simple dan ringan.
function downloadJSAtOnload() {
(function(scripts) {
var i = 0,
l = scripts.length;
for (; i<l; ++i ){
var element = document.createElement("script");
element.src = scripts[i];
document.body.appendChild(element);
}
})(['https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst']);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
$("pre").addClass("prettyprint");
Deskripsi Fungsi Kode Diatas:
['https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst']: Berfungsi memanggil prettyprint sekaligus style sunburst.css.
['https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst']: Kode tebal bergaris bawah (sunburst) bisa diganti dengan:
Pilih salah satu desert doxy sons-of-obsidian sunburst Cek Disini Untuk Melihat Efek Style