Membuat Pesan Tampil Di Console Log Untuk Blogger - Agiel Triono

Membuat Pesan Tampil Di Console Log Untuk Blogger

Baca Juga
Console Log


Console Log Adlah alat untuk memberitahukan kesalahan pada HTML inspect element, nah penggunaan yang tidak tepat lah akan menyebabkan account atau website dapat di curi atau di sebut scam atau hacking.
namun tidak menutup kemungkinan sahabat blogger menggunakan tools developer hanya untuk sekedar mengecek apa ada kesalahan pada beberapa link atau kode di website sobat.
nah untuk mempercantik console log window di chrome atau mozzila silahkan ikuti tutorial berikut.

Cara nya sangat mudah hanya tambahkan kode JS di atas kode </body> gunakan CTRL + F
Spoiler
<script>
//<![CDATA[
function printLogEntries (logEntries) {
  function padLeft(nr, n, str) {
    return Array(n-String(nr).length+1).join(str||'0')+nr;
  }

  var DDLogFlagError = (1 << 0),
      DDLogFlagWarning = (1 << 1),
      DDLogFlagInfo = (1 << 2),
      DDLogFlagDebug = (1 << 3),
      DDLogFlagVerbose = (1 << 4);

  var COLORS = [];
  COLORS[DDLogFlagError] = 'background:black;color:red';
  COLORS[DDLogFlagWarning] = 'background:black;color:yellow';
  COLORS[DDLogFlagInfo] = 'background:white;color:black';
  COLORS[DDLogFlagDebug] = 'background:white;color:pink';
  COLORS[DDLogFlagVerbose] = 'background:white;color:gold';

  var logLines = [], logLinesColor = [];
  [].forEach.call(logEntries, function(logEntry) {
      var d = new Date(logEntry.timestamp);
      var dateFormatted = [
        [d.getFullYear(), padLeft(d.getMonth()+1,2), padLeft(d.getDate(),2)].join('/'),
        [padLeft(d.getHours(),2), padLeft(d.getMinutes(),2), padLeft(d.getSeconds(),2)].join(':')
        ].join(' ');
      var logStr = ([
        '%c [' + dateFormatted + ']',
        '%c ' + logEntry.message
      ].join(' '));
      logLines.push(logStr);
      logLinesColor.push('background:white;color:black');
      logLinesColor.push(COLORS[logEntry.level]);
  });
  console.log.apply(console, [logLines.join('\n')].concat(logLinesColor));
}

printLogEntries([
  {level: 1, message: 'Error Log', timestamp:1467638116285},
  {level: 2, message: 'Warning Log', timestamp:1467638118285},
  {level: 4, message: 'Info Update Log', timestamp:1467638126285},
  {level: 8, message: 'Debug Entry Content', timestamp:1467638316285},
  {level: 16, message: 'Verbose', timestamp:1467648116285},
])
console.log("%cBe Careful Using The Console !", "color: Red; font-size: x-large");
//]]>
</script>

Selesai Simpan Templates

Reference :

Console.log() - Web APIs | MDN

Console API Reference

  • Untuk memasukan gambar silakan upload gambar pada komentar disqus.
  • Untuk memasukan link silahkan cantumkan link pada komentar tanpa menggunakan tag <a>.
  • Untuk menulis huruf bold silahkan gunakan <strong>...</strong> atau <b>...</b>.
  • Untuk menulis huruf italic silahkan gunakan <em>...</em> atau <i>...</i>.
  • Untuk menulis huruf underline silahkan gunakan <u>...</u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike>...</strike>.
  • Untuk menulis kutipan pendek gunakan <q>...</q>.
  • Untuk menulis kutipan panjang gunakan <blockqoute>...</blockqoute>.
  • Untuk menyembunyikan konten panjang gunakan <spoiler>...</spoiler>.
  • Untuk menulis syntax highlighter silahkan gunakan <pre><code>...</code></pre>, dan silahkan parse kode pada tab TOOLS.