Cara Membuat Syntax Highlighter Blogger Terbaru

Maulidya Ayunita       CSS , HTML    Comment   

Assallamuallaikum Wr.Wb

Dikesempatan ini saya akan memberikan sebuah tutorial singkat bagaimana cara membuat syntax highlighter di blogger atau website

Oke simple aja caranya
Copy paste code dibawah ini
dan taruh di atas tag </head>

<link href="https://raw.githubusercontent.com/ccampbell/rainbow/master/themes/css/paraiso-dark.css" rel="stylesheet" type="text/css"/>
<script src="https://raw.githubusercontent.com/ccampbell/rainbow/master/dist/rainbow.js"></script>
<script src="https://raw.githubusercontent.com/ccampbell/rainbow/master/src/language/python.js"></script>
<script src="https://raw.githubusercontent.com/ccampbell/rainbow/master/src/language/language/php.js"></script>

Untuk bahasa pemograman nya bisa kalian ubah sendiri atau tambahkan sendiri

Untuk menggunakan nya sendiri cukup simple agan tinggal menggunakan tag ini saat ingin menulis code di blog atau website anda

<pre><code data-language="python">def openFile(path):
    file = open(path, "r")
    content = file.read()
    file.close()
    return content</code></pre>

kata python bisa di ganti sesuai dengan bahasa pemograman yang akan agan tampilkan nantinya

 untuk HTML sendiri agan harus perlu memparsing dulu htmlnya supaya bisa tampil

 buka web ini untuk memparsing nya
http://www.blogcrowds.com/resources/parse_html.php