Cara Menambahkan Syntax Highlighter pada Blogger

Oleh -






Jika kalian seorang programmer atau developer pasti tau kan yang namanya SyntaxHighlighter , yap SyntaxHilighter ini berfungsi untuk menyoroti kode agar dapat membedakan kodingan kita dengan mudah. Kalau kalian membuat blog dengan wordpress sudah banyak sekali plugin yang menyediakan SyntaxHiglighter ini dan penggunaanya pun sangat mudah, tapi kalian pasti bertanya-tanya gimana cara menambahkan SyntaxHighlighter di blogger ? maka dari itu gw disini akan membahas cara memasang syntaxhighlighter pada postingan di blogger / blogspot. Langsung saja nih lagkah-langkahnya

1. Masuk ke blogger > Edit HTML

2. Letakkan kode berikut diatas tag <head></head>

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

3. Cara menggunanakanya kalian harus ubah dulu mode tulisanya dari Compose menjadi HTML, Copy saja code dibawah ini dan paste, lalu ganti tulisan //Your Code dengan script kalian.

<pre class="brush: csharp">
           //Your Code
</pre>

Contoh hasil nya

Komentar

Posting Komentar

Postingan populer dari blog ini

Menggunakan Library Scanner di Java

Oleh -
Gambar
Scanner merupakan sebuah library yang menerima inputan dari user melalui keyboard. Setelah diinput data akan disimpan dalam suatu variabel. Sebelum menggunakan Scanner kita harus menuliskan file header sebelum public class import java.util.Scanner; Setelah pemasukan data tidak diperlukan lagi, anda bisa menutup fungsi scanner dengan syntax namavariabel.Close(); berikut Contoh penggunakan Scanner untuk tipe data integer Source code : Output : Untuk tipe data yang lain bisa dicoba-coba sendiri, kalau ada yang bingung silahkan ditanyakan di komentar
Baca selengkapnya

Menghilangkan objek di Foto dengan Mudah dengan Inpaint

Oleh -
Gambar
Mau ngilangin objek yang mengganggu di foto ?, ga bisa make soto ?, INI ADALAH SOLUSINYA Inpaint adalah software photo editing yang dapat digunakan untuk menghilangkan objek di suatu gambar. Misalnya agan mengambil gambar tetapi terdapat objek yang mengganggu, nah agan bisa menghilangkan objek tersebut dengan software ini. Inpaint sangat mudah digunakan. Cukup menandai objek yang ingin dihapus dari gambar, kemudian klik icon "inpaint" (gambar panah/play). Inpaint akan otomatis mengisi area yang dipilih dengan tekstur yang dihasilkan dari tarikan data gambar sekitarnya. Dan jika tidak mendapatkan hasil yang diingin pertama kalinya, cobalah satu atau lebih teknik berikut dan percobaan sampai mendapatkan hasil yang diinginkan. Kegunaan & Alasan Menggunakan Inpaint - Memperbaiki foto lama - Menghapus tanda air - Menghapus garis - Menghapus objek yang mengganggu - Menghapus data tanggal /stempel - Menghapus keriput dan noda kulit - Sangat mudah digunakan -
Baca selengkapnya

Cara Mudah dan Asik Menghafal Tabel Periodik Unsur Kimia

Oleh -
Gambar
Yoo gan hari ini gw mau share bagaimana cara menghafal tabel periodik unsur (golongan A only) mungkin gw akan lebih banyak share tentang kimia karena gw kuliah di jurusan teknik kimia... ya kalo gw baca-baca sih teknik kimia pelajaran kimia nya cumaa 10% (?) dan sisa nya matematika and fisika... Tabel periodik unsur kimia adalah tabel dari unsur-unsur kimia yang diurutkan berdasarkan nomor atom, konfigurasi elektron, dan keberulangan sifat kimia. Begitu banyak unsur-unsur kimia yang harus kita ketahui, tapi kalian gak perlu pusing untuk menghafalnya jika kita mempunyai cara yang asik dan gak ngebosenin. cara menghafal tabel periodik unsur dengan singkatan... ya kalian juga bisa lah buat singkatan sendiri yang lebih gampang ahahaha ini hanya singkatan mainstream yang biasa dipakai orang, kalian bisa mengkreasikan sendiri GOL I A         : H (Hidrogen); Li (Litium); K (Kalium);   Na (Natrium); Rb(Rubidium); Cs (Sesium); Fr (Fransium) Singkatan         : H ari ini Li Na K awi
Baca selengkapnya