Crayon Syntax Highlighter For Blogger

Crayon Syntax Highlighter untuk Blogger Cara memasang Crayon Syntax Highlighter di blogger , biasanya Crayon Syntax Highlighter ini dig...

A+ A-
memasang Crayon Syntax Highlighter di blogger

Crayon Syntax Highlighter untuk Blogger

Cara memasang Crayon Syntax Highlighter di blogger, biasanya Crayon Syntax Highlighter ini digunakan di WordPress tapi pada tutorial kali ini aku akan menunjukkan tutorial untuk memasang Plugins Crayon Syntax Highlighter di blogger

Crayon Syntax Highlighter mendukung beberapa bahasa pemerograman seperti..

HTML CSS PHP SQL XML VB Python Javascript
Dan Yang Lainnya

Nah di sini aku tidak share seemua scripnya, tapi hanya sebagian yang biasa digunakan untuk share tutorial, menyebarkan script di blog perihal css, html, javascript, supaya tidak terlalu berat.

Sebelumnya aku juga sudah share beberapa pembungkus aba-aba untuk dipasang ke blog, kalian dapat liat di link berikut ini



Untuk yang ingin memasang Crayon Syntax Highlighter ini, silahkan ikuti langah demi langkah cara pemasangannya....

  • 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....
  • memasang Crayon Syntax Highlighter di blogger Crayon Syntax Highlighter For Blogger
  • 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 :)

Related

Tutorial Blogger 2016734567705811907

Technology

Hot in week

Recent

Comments

item