Skip to main content

Membuat Syntax Highliter

Image
By
Assalamu'alaykum :)
Setelah kemarin membuat dua buah tulisan mengenai syntax-syntax php dan jQuery kelihatannya dalam penulisan sintax masih kurang rapi sehingga saya memutuskan untuk mengarahkan kursor kearah google.com untuk mempercantik tampilannya.
Hasil dari google.com adalah menggunakan Syntax Highliter buatan Alex Gorbatchev langkah pembuatannya sebagai berikut :
1. copykan code berikut kedalam tag <head>...</head>

<!-- Add-in CSS for syntax highlighting -->
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
<!-- Add-in Script for syntax highlighting -->
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushAS3.js' type='text/javascript'></script>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushBash.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushColdFusion.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushDiff.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushErlang.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushGroovy.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJavaFX.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPlain.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPowerShell.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushScala.js' type='text/javascript'></script>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!-- End code hilight -->

2. kemudian untk memasukkan code tinggal ikutin langkah berikut 


<pre class="brush: css"> Kode CSS taruh disini </pre>
<pre class="brush: Java"> Kode Javascript taruh disini </pre>
<pre class="brush: html"> Kode HTML taruh disini </pre>
Contoh :  


<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">

</script>
<script class="jsbin" src="URL JS KALIAN">
</script>



























































Popular posts from this blog





















Lupa Nomor Anggota Perpustakaan Nasional Republik Indonesia Online (PNRI)












By


















  Beberapa waktu yang lalu ada teman yang menanyakan masalah bagaimana cara mendapatkan kembali nomor anggota Perpustakaan Nasional Republik Indonesia Online (PNRI) yang beralamatkan di  http://e-resources.perpusnas.go.id/index.php  sementara pada layanan lupa password pun tidak bisa untuk mendapatkan nomor anggota melalui email. Hal tersebut dikarenakan untuk mendapatkan password baru selain email dibutuhkan juga nomor anggota.  Untuk membuat akun baru pun tidak bisa dilakukan karena untuk membuat akun di PNRI harus menggunakan nomor identitas yakni KTP sehingga tidak mungkin kita memiliki dua nomer KTP sekaligus.   Hal ini menjadi issue bagi saya yang sering kali ditanyai oleh orang-orang disekitar saya tentang bagaimana cara mendapatkan nomor anggota mereka kembali. Setelah muter sana sini akhirnya saya menemukan cara mudah untuk mendapatkan nomer anggota anda kembali.   Caranya adalah kirimkan email ke   layanan_eresources@perpusnas.go.id  dan jelaskan keluhan anda terhadap layanan

























Read more






























Menampilkan Format Angka dalam Rupiah dengan PHP












By


















  Pada artikel kali ini saya akan membahas mengenai casting angka (integer) dalam format rupiah agar lebih mudah untuk dibaca saat kita ingin menampilkan harga barang atau hal sejenisnya dalam sebuat website.    Untuk melakukan casting atau mreubah format angka PHP menyediakan fungsi tersendiri untuk penangan format angka yaitu number_format(). Sintax lengkapnya string  number_format      ( float  $number     , int  $decimals  = 2     , string  $dec_point  = ','     , string  $thousands_sep  = '.'     )  $number = angka yang akan kita format  $decimal = jumlah angka dibelakang koma  $dec_point = pemisah nominal dengan desimalnya (koma)  $thousands_sep = pemisah bilangan dalam ribuan (biasanya titik)   Untuk lebih jelasnya sebagai berikut   buatlah sebuah file dengan nama uang1.php  kemudian tuliskan script berikut    <html>   <head>       <title>Format angka menjadi Rupiah</title>   </head>   <body>       <form method="POST&qu

























Read more






























Menghapus Nama Reviewer pada Microsoft Word 2016












By


















 Bagi editor, untuk menjaga blind review terkadang agak menyulitkan ketika proses review dari seorang reviewer menggunakan comment pada Microsoft Word. Nama reviewer akan terlihat di panel comment dan juga di properties file yang sudah di review oleh reviewer.    Untuk menghilangkan nama reviewer di comment dan properties, editor atau reviewer itu sendiri bisa dengan mudah menghilangkan data diri melalui cara berikut ini.   Langkah menghilangkan nama reviewer pada Microsoft Word 2016:    Klik File akan terlihat personal information disebelah kanan         Klik Check for Issues          Klik Inspect Document          Klik OK jika ada pertanyaan          Document Properties and Personal Information         Klik Remove All          Klik Close         Simpan file kemudian close dan buka kembali, maka semua data informasi personal akan terhapus       (sebelum proses penghapusan)       (setelah proses penghapusan)       Selamat mencoba....      Test dilakukan pada Windows 10 dengan Microsoft

























Read more