Tips buat Syntax highlighter di blog responsive template 100% - Buat kalian para blogger pasti mau dong mempercantik tampilan halam blog / halaman postingan artikel kalian dengan variasi dari syntax highlighter. nah dalam melakukan variasi ini kalian harus melakukan beberapa tahap pengkodingan. nah langsung aja deh buat kalian yang mau tau tutornya yuk simak aja di bawah ini. Untuk proses penambahan variasi syntax highlighter ini kalian harus menyelesaikan beberapa tahap yang akan hatiku mata kasihkan di bawah ini.
Tips buat Syntax highlighter di blog responsive template 100%
- Pertama yang anda lakukan pasti harus masuk ke akun "BLOGGER" anda.
- Lalu pilih "template" dan klik "edit html"
- Copy kode di bawah ini lalu kalian pastekan di atas kode ]]></b:skin>
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl .literal,
pre .id,
pre .css .function {
color: #569dcf;}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
color: #aa985a;}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title,
pre .css .pseudo {
color: #509a55;}
pre .deletion {
color: #dc322f;}
pre .tex .formula {
background: #073642;}
- Kemudian anda cari kode </head> , lalu copy dan pastekan kode di bawah ini tepat di atasnya.
<script src='https://googledrive.com/host/0B8zY82qas755TXNaZ0FGWUVPSEE' type='text/javascript'/><script>hljs.initHighlightingOnLoad();</script>
- Untuk penggunaanya sendiri cukup mudah , contoh di bawah ini.
<pre ><code>....Script kode HTML, CSS, JavaSript yang akan di pasang..... </code></pre>
Keterangan : Misalkan kalian akan membuat syntax highlighter di dalam postingan blog, setelah kalian melakukan proses diatas kalian tinggal perlu menempatkan kode <pre ><code>....Simpan script kode HTML, CSS, JavaSript di Sini..... </code></pre> di dalam postingan yang akan dibuat , tapi dalam memasukan kode tersebut anda harus mengedit melalui "HTML" bukan "Compose" jika di blog.