Membuat Syntax Highlighter Dengan Css Di Blog

Syntax Highlighter yaitu fitur dari beberapa teks editor untuk menampilkan teks (Terutama Source Code) dalam aneka macam warna, font sesuai dengan istlah kategori. Fitur Syntax Highlighter mempermudah penggunanya di dalam menulis bahasa yang terstruktur menyerupai bahasa pemrograman atau bahasa markup.

Secara umum syntax highlighter sanggup menciptakan font menjadi berwarna-warni, akan tetapi aku hanya menciptakan dengan satu warna dikarenakan tidak memakai javascript apapun melainkan hanya css.

Cara Membuat Syntax Highlighter

Buka Blogger > Template > Edit HTML lalu salin dan tempelkan isyarat di bawah ini sebelum ]]></b:skin> atau </style>

pre{ padding:10px;margin:.5em 0;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#292E34; position:relative;width:100%; -moz-tab-size:2; -o-tab-size:2; tab-size:2; word-break:normal; user-select:text;  -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;  -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none}  pre code { display:block;background:none;border:none;color:#BFBF90;direction:ltr;text-align:left; word-spacing:normal;padding:0;font-weight:700}

Simpan Template.

Selanjutnya untuk penerepannya dalam postingan blog gunakan isyarat pemanggil di bawah ini.

<pre><code>   <!-- Masukkan isyarat disini --> </pre></code> 

• Result

Note: Pemasangan syntax highlighter tersebut tidak akan kuat pada kecepatan blog sebab tidak memerlukan javascript

Sumber https://ramadaniad.blogspot.com/