Langsung ke konten utama

Cara Membuat Syntax Highlighter

Syntax Highlighter adalah kolom atau teks area yang biasanya diisikan dengan kode - kode tertentu, seperti java script, html, php atau laiinya. Syntax Highlighter juga mempunyai kelebihan yaitu dapat mendukung jQuery hampir sama dengan Blockquote. Tujuan pemasangan Syntax Highlighter di blog mempunyai tampilan yang lebih keren dan rapi dan terkesan sedikit lebih professional. he.

Syntax Highlighter

Dan cara pemasangannya atau membuat Syntax Highlighter ikuti langkah - langkah di bawah ini :

- Pada edit html cari kode </head> dan pastekan kode dibawah ini tepat diatas kode </head> 

<!-- 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 src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushAS3.js' type='text/javascript'/>

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

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

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


- Preview dan jika tidak terjadi error langsung sobat save.

Selanjutnya, tata cara bagaimana kita memasukkan kedalam postingan kita.
caranya :
Untuk memasang kode HTML :
<pre class="brush:html"> Masukan kode HTML disini </pre>

Untuk memasang kode CSS :
<pre class="brush:css">Masukan kode CSS disini </pre>

Untuk memasang kode Javascript :
<pre class="brush:js">Masukan kode Javascript disini </pre>

Untuk memasang kode PHP :
<pre class="brush:php">Masukan kode Php disini </pre>

Untuk memasang kode Python :
<pre class="brush:python">Masukan kode Python disini </pre>


Jika kita menggunakan blogger, pasti kita menggunakan kode html. Jadi yang kita pilih adalah
<pre class="brush:html"> Masukan kode HTML disini </pre>

Setelah selesai membuat postingan kita, biasanya di compose untuk kode Highlighter nya tidak nampak, jadi kita preview dulu.

Semoga bermanfaat dan terima kasih atas kunjungan sobat.

note :
Pada saat membuat posting, kita gunakan HTML bukan di Compose.

Trik Blogger lainnya klik di bawah ini :

Komentar

  1. Terima kasih, postingannya sangat membantu..
    tapi punya saya kog hasilnya warna hitam yaa...?!!

    BalasHapus

Posting Komentar

Pos populer dari blog ini

Download Dan Cara Instal UC Browser di Laptop

Cara Instal UC Browser di Laptop - Ada dua cara untuk memperoleh UC browser untuk PC. Pada cara pertama, kita bakal men-download file .exe. ( Download UC Browser untuk semua Os di sini : DOWNLOAD UC BROWSER ). Dari browser UC untuk PC serta meng-install UC browser pada PC dengan file ini.
Dalam cara ke-2 kita bakal memakai suatu emulator android yang menggerakkan aplikasi android pada PC.
Saat ini instal ini file exe. Pada computer windows Anda waktu Anda meng-install piranti lunak lain. Lalu membukanya serta Anda usai. Namun persoalannya yaitu bahwasanya UC browser ini dalam bhs Cina, jadi bagaimana untuk men-download UC browser untuk PC dalam bhs Inggris. Cara 2 untuk men-download UC browser untuk PC dalam bhs Inggris
Untuk men-download UC browser untuk versus PC bhs Inggris, Anda butuh meng-install BlueStacks pada computer Anda. Anda bisa mendownload dari link Bluestacks. Download Bluestacks. Sesudah men-download, meng-install software ini pada PC Anda. Saat ini BlueStacks terbuka s…

Buka Situs Yang Di Blokir Internet Positif 2016

Buka Situs Yang Di Blokir Internet Positif 2016 - Sebelumnya pemblokiran juga pernah dilakukan oleh Nawala dan trik untuk membukanya pun sudah banyak yang tau. Kali ini saya ingin berbagi cara buka situs yang diblokir Internet Positif / cara buka internet positif atau buka internet yang di blokir, buka internet positif, bypass internet positif juga buka block internet positif dan untuk yang sudah pada duluan tau terima kasih sudah mampir ke tempat saya. he.. Mudah - mudahan berguna dan digunakan pada tempatnya :D.
Caranya gampang amit lho... :D
Browsernya saya pakai Mozila Firefox.Terus install addons yang namanya Anonymox, caranya :
Satu :Klik di sini https://addons.mozilla.org/en-US/firefox/Terus ketik Anonymox pada kotak search nya.Setalah di dapat langsung aja di Add to Firefox.
Dua :Atau cara lebih gampang langsung aja ke http://www.anonymox.net/en/downloadKlik Add to Firefox.Restart Firefoxnya. Selamat menikmati dan terima kasih.


Cara buka internet positif atau buka internet yang dib…

Download UC Browser Untuk Semua OS

Download UC Browser Untuk Semua OS - Bagi yang ingin memiliki atau mendownload UC Browser untuk Android, iOS (iPhone), Windows Phone, Java, Symbian, dan Windows. Berikut raflyilham.blogspot.com mencoba berbagi link download UC Browser untuk Android, iOS (iPhone), Windows Phone, Java, Symbian, dan Windows.
Tentang UC Browser :UC Browser yaitu mobile internet browser paling depan yang ada di kian lebih 150 negara di semua dunia. UC Browser ada untuk seluruhnya basis dengan 11 bhs yang tidak sama.UC Browser mensupport download simultan serta mempunyai download manager yang terorganisir serta gampang dipakai untuk seluruhnya file Anda, termasuk juga halaman untuk membaca off line. " - PC Magazine.UC Browser untuk Android berikan Anda pengalaman searching situs di hp yang cepat serta all-in-one.Browser cerdas ini sesuaikan dengan piranti serta koneksi jaringan untuk sangat mungkin Anda untuk searching lebih cepat, download lebih cepat serta menghemat cost data!
Download UC Browser Untu…