Logo WMI
Site Overview
About Privacy Policy Terms Of Service Contact
Games
Quiz The Legend Of Neverland
Utilities
PHP Proxy Hunter Python Proxy Hunter Android Flashtool Utility
Site Overview
About Privacy Policy Terms Of Service Contact
Games
Quiz The Legend Of Neverland
Utilities
PHP Proxy Hunter Python Proxy Hunter Android Flashtool Utility

Search

Cara simple memasang prismjs di blog 100 Work Cara simple memasang syntax highlighter dengan prismjs di blog 100 Work.

programming javascript , css

Cara simple memasang syntax highlighter dengan prismjs di blog 100% Work.

Cara simple memasang prismjs di blog 100 Work

Kemaren sudah saya share
Hari ini saya akan share bagaimana cara memasang prismjs di blog secara sempurna.

<script>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/themes/prism-solarizedlight.css");

$("pre:not(:has(code))").each(function(){$(this).wrapInner("<code></code>")});$("code").addClass("language-markup");

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://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js','https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js']);
}
if (window.addEventListener)
        window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
 window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
//]]>
</script>

Deskripsi:

Hapus CSS yang menstyle pre, code, pre code, misal pre{font-family:…} code{font-color:…} pre code{background:…} hapus semua yang seperti itu. (diblogger biasanya di <b:skin>).

Untuk kode yang saya tandai merah bisa di ikutkan bisa pula dihapus. Itu berguna untuk menetralisir mixed content.

Cara memanggil Prismjs Syntax Highlighter:
 Cara memanggil syntax highlighter ini pun sangat simple sekali. Dengan cara berikut
<pre><code>KODE HTML CSS JS PHP DAN LAIN LAIN</code></pre>
Atau
<code>KODE HTML CSS JS PHP DAN LAIN LAIN</code>
Atau
<pre>KODE HTML CSS JS PHP DAN LAIN LAIN</pre>

Simple bukan ?.
DEMO: Codepen

Simple way to Install and Enable HTTPS SSL in Blogspot Custom Domain
What is bitly?

javascript css github github-actions-workflow matrix snippet yaml shell workflows tips & tricks bash android webview java minecraft vscode typescript nodejs javascript eslint jest npm prettier springboot webflux mocha esm json typeerror react regexp regular expression games seven knight bluestacks game control the legend of neverland life skill macros midi recipes event scala map math unit adsense wordpress blogger blogging popular css seo php social media hosting html amp facebook script tools vainglory codeigniter miscellaneous mysql movies linux/unix marketing strategies durango download software musics fonts regedit windows proxy share gradle kotlin cmd genshin impact ide xml templates themes powershell apache xampp recaptcha qfil firmware scripts hyperlink rollback linux python test coverage hexo random net ejs nunjucks hexo-shortcodes codepen markdown groovy proguard geckoview spring-boot mobile legends pyside6 chest location quest
© 2024 WMI™. All Rights Reserved.
  • About
  • Privacy Policy
  • Terms Of Service
  • Contact