Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Saturday, February 9, 2019

Cara Membuat Syntax Highlighter Blogger Terbaru

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 class="python">

def openFile(path):
    file = open(path, "r")
    content = file.read()
    file.close()
    return content

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

Ads 970x90