Memasang Syntax Highlightner Dengan Defer

Rosyadi

Baru baru ini saya memasang Syntax Highlighner dengan Defer, tentu alangkah baiknya saya berbagi caranya kepada anda yang mungkin saja belum mengetahuinya. mari kita pahami dulu apa yang saya maksud dengan defer. Defer sendiri yang saya maksud adalah menunda javascript-nya sehingga tidak menunda loading blog anda, sekrang mari kita langsung saja pada caranya silahkan disimak, dan dipraktek.. dipraktik.. diperaktek.. gimana yah nulisnya dipraktekan, :D

1. Pertama, silahkan anda pilih tampilan Highlightner yang paling sesuai dengan keinginan anda, mungkin saran saya sesuaikan dengan template blog anda [Klik Disini] untuk memilih css highligner yang paling sesuai, kemudian silahkan buka template yang anda pilih [Klik Disini], pastikan nama filenya sama yah. cara bukanya tinggal klik saja kok, nanti akan keluar CSS-nya.

2. Copy CSS tersebut di atas kode </style> atau ]]></b:skin> di Edit HTML blog Anda.

3. Langkah terakhir, silahkan copy kode script dibawah ini lalu tempatkan diatas </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/highlight2.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

Cara menggunakanya pun mudah tinggal menempatkan script yang akan ditampilkan diantara <pre><code> disini </code><pre>

Tambahan, Pastikan setingan pada post editor "Tunjukan HTML apa adanya"

Sumber : http://www.kompiajaib.com/2016/04/memasang-syntax-highlighting.html

Rosyadi

Terimakasih anda telah membaca Memasang Syntax Highlightner Dengan Defer. Jika ingin menghubungi kami, silahkan masuk ke halaman Contact Us kami.

Keripik Saya

Memasang Syntax Highlightner Dengan Defer

Rosyadi

Artikel Terkait

Tidak ada komentar