Text Warna-Warni pada Kode Script di Postingan (SyntaxHighlighter)

Text Warna-Warni pada Kode Script di Postingan (SyntaxHighlighter) - Text warna warni text warna warni, itulah yang sering dilontarkan dan ditanyakan oleh Blogger awam seperti saya, terkadang ada yang bertanya : "Bagaimana sih, cara membuat text yang berwarna-warni pada postingan, blog aku ini kan tentang tutorial blogger, aku sering melihat text warna-warni ini disetiap blog-blog tutorial, aku ingin seperti itu.", sebenarnya mudah saja untuk membuat text warna-warni ini, yang disebut SyntaxHighlighter.

Untuk membuat SyntaxHighlighter ini membutuhkan kode pre bukan blockquote , karena saya sering melihat kode script pada blog-blog tutorial lainnya yang menggunakan blockquote bukan pre jika sobat bertanya mengapa lebih baik pre dibandingkan blockquote , lihatlah tutorial Kang Ismet DISINI.

Ok langsung saja kita masuk ke tahap:

Cara Membuat SyntaxHighlighter

Kali ini saya membuat tutorial mengenai SyntaxHighlighter.js bukan Prism, disebabkan karena untuk SyntaxHighlighter lebih mudah caranya dibandingkan dengan Prism, dan agar bisa dipakai pada kolom komentar.

Langkah 1 : Masukan Javascript
Simpan script berikut di atas </head>


<script src='http://bloggertut.googlecode.com/svn/trunk/js/highlight.pack.js'/>

    <script>

      hljs.initHighlightingOnLoad();

    </script>

Langkah 2 : Masukan CSS

Banyak pilihan CSS yang bisa sobat digunakan, sebelum memilihnya silahkan lihat Demo DISINI.
Untuk Pilihan CSS, bisa sobat ambil DISINI.

Simpan kode CSS tadi diatas ]]><b:skin>

Jika sobat tidak puas dengan style pre diatas bisa sobat pilih DISINI

Cara Penggunaan

Untuk menggunakan SyntaxHighlighter ini pada postingan, tulis seperti ini:

<pre><code>...kode HTML, CSS, JavaSript di sini..</code></pre>

Sekian dari saya, selamat mencoba dan semoga berhasil yah. Wassalam.

Sumber Berita Ini: Text Warna-Warni pada Kode Script di Postingan (SyntaxHighlighter)

Riio Cyber-Art

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.

Text Warna-Warni pada Kode Script di Postingan (SyntaxHighlighter)

Cara Membuat SyntaxHighlighter

Sumber Berita Ini: Text Warna-Warni pada Kode Script di Postingan (SyntaxHighlighter)

Update Artikel Terbaru

Entri Populer