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



















Install Driver Printer Epson L360 pada Linux Mint












By


















Untuk menginstall driver printer epson l360 pada linux mint anda terlebih dahulu download driver berikut ini   driver epson L360    Adapun langkah installasinya adalah   buka terminal kemudian masuk ke folder tempat anda menyimpan driver / klik kanan open in terminal pada folder tempat anda menyimpan driver  ketikkan sudo dpkg -i epson-inkjet-printer-201401w.deb  selesai   Jika anda masih belum bisa mengakses printer maka lakukan langkah berikut ini :   Pastikan laptop anda terhubung dengan printer  Masuk ke menu printer (ketikkan saja printer setelah menu)  Klik add  Pilih Epson L360  Selesai   Testing dilakukan menggunakan Laptop Lenovo G40 pada Linux Mint 17.2  

























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 Micro...

























Read more






























Vector Jolly Roger One Piece












By


















Jolly Roger atau bendera bajak laut adalah bagian terpenting dalam kelompok bajak laut. Bendera bajak laut yang kita kenal saat ini berupa kepala tengkorak dengan tulang menyilang dibagian belakang. Bentuk bendera seperti itu sebenarnya adalah bentuk dari bendera bajak laut tradisional di wilayah Eropa dan Amerika.  Entah kenapa pagi buta begini (1:46pm) muncul niat untuk belajar membuat bendera bajak laut one piece, bolak balik sana sini nyari file yang udah jadi gak nemu2 akhirnya iseng-iseng gambar sendiri dan hasilnya not bad lah buat pemula, hahahahaha.....  Berhubung ane masih nubie pamer dikit dah hasil karya tengah malam ditemani secangkir kopi + happy tos  ini dia hasil gambaran ane     ane buatnya pake corel nih, yang mau file vectornya bisa donlot dimari one piece  

























Read more