Crayon Syntax Highlighter For Blogger

• Login dulu ke Blogger.com
• Masuk ke Tab Templates, Edit HTML
• Selanjutnya Cari Kode </head> Atau </body>
• Kalo sudah ketemu, masukan Script dibawah ini sempurna d atas salah satu aba-aba yang di cari tadi...!

 <!--Crayon Syntax Highlighter For Blogger--> <link href='https://rawgit.com/mastamvan/backup/crayonhighlighter/crayon-min.css' rel='stylesheet' type='text/css'/> <script src='https://rawgit.com/mastamvan/backup/crayonhighlighter/shCore.js' type='text/javascript'></script> <script src='https://rawgit.com/mastamvan/backup/crayonhighlighter/shBrushPython.js' type='text/javascript'></script> <script src='https://rawgit.com/mastamvan/backup/crayonhighlighter/shortcodes.js' type='text/javascript'></script> <script language='javascript'>  SyntaxHighlighter.config.bloggerMode = true;  SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf';  SyntaxHighlighter.all();  </script> <!--Crayon Syntax Highlighter For Blogger--> 

Crayon Syntax Highlighter ini memerlukan Ajax Jquery Library di template kalian, kalau belum ada... masukan script berikut di atas </head>

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> 

Kalau sudah etrpasang save template

Cara Pemasangan Crayon Syntax Highlighter ke Postingan

Masuk ke postingan yang ingin d pasang aba-aba / buat post gres sebagai contoh

Selanjutnya pilih Tab / Mode HTML bukan Compose pada postingan. Contoh Lihat Gambar....

Lalu kalian copy aba-aba dibawah ini ke adlam postingan mode HTML

 [code hl="1, 4, 7"] Taro Script Agan Disini [/code] 

Jika Tidak Bekerja, silahkan rubah jadi menyerupai ini...

 <div class='post' > [code hl="1, 4, 7"] Taro Script Agan Disini [/code] </div> 

Ganti goresan pena Taro Script Agan Disini dengan aba-aba yang ingin dipasang ke post

Kalo memasukan script ke postingan di mode HTML biar tidak terbaca sebagai HTML agan harus parse atau konversi terlebih dahulu aba-aba tersebut..
Karena kalo tidak di parse / konversi nanti scriptnya akan bekerja dan tidak akan tampil..

Untuk Mem parse aba-aba HTML / Javascript dapat memakai tools yang sudah aku sediakan... Cara Parse Atau Konversi Kode HTML

Setelah itu agan tinggal lanjutkan menulis kata-kata lainnya.

Kalo sudah, tinggal save dan lihat hasilnya. #Thank

okeh, cukup sekian dan terimakasih, semoga artikel perihal Cara Memasang Crayon Syntax Highlighter di Blogger ini bermanfaat bagi kita semua ya :)

Jangan lupa tinggalkan jejak anda di kolom komentar ya :), barang kali ada yang mau ditanyakan okeh :)