Bagaimana cara menulis kode html dengan mudah memakai Syntax Highlighter
Syntax Highlighter menurut Wikipedia adalah a feature of some text editors that display text—especially source code—in different colors and fonts according to the category of terms. Singkatnya, fitur untuk mempermudah menulis kode HTML supaya tampak seperti yang kita inginkan.
Contoh gambar syntax highlighter untuk menulis kode html adalah seperti ini. Saat mouse diarahkan ke dalam kode html dg syntax highlighter, maka akan tampak menu “View Source” dan “Copy to Clipboard” :
Untuk LIVE DEMO lihat di sini.
DAFTAR ISI
1. Untuk memudahkan menulis kode HTML di artikel / posting. Tinggal copy/paste kode html ke posting.
2. Untuk penulisan kode html yang panjang, syntax highlighter otomatis akan “menurunkan” kode itu ke baris berikutnya. Tanpa syntax highlighter, kode html yang panjang tidak akan turun (ganti garis), dan ini akan merusak pemandangan. Sebenarnya, fungsi yang sama bisa dilakukan dengan textarea, tapi di wordpress.com tidak bisa memakai textarea di posting/artikel.
II. Cara Menulis HTML di Posting WordPress.com
- Login ke wordpress.com -> Tambahkan Baru
- Masukkan kode nomor 3 di bawahh ini di editor postingan:
[sourcecode language="css"]
tulis kode html di sini
[/sourcecode]- Terbitkan/Publish. Selesai. Coba lihat hasil postingan Anda.
III. Cara Menulis HTML dg Syntax Highlighter di WordPress Hosting Berbayar (Self-Hosted)
- Login ke blog Anda
- Install plugins Syntax Highlighter
- Ikuti aturan dan settingnya.
Lihat di link berikut untuk cara mudah install plugins WordPress
Filed under: Blog Indonesia, tutorial blog
Makasih ya mas tutornya, kebetulan ini yang lagi saya cari lho.
Terima kasih, atas infonya. Salam kenal semuanya…
Sampai jumpa.Contoh tulisan yang diketik pakai kode html : tebal,
dicoret,tebal dicoret, dan teks biasa[...] Cara Menulis HTML dg Syntax Highlighter Koleksi : Mr. BAMBOS Jum’at, 27 Agustus 2010 Sumber : AFATIH [...]
dipunyaku kok gbs ya mas,,,aku pke wp 3.0 n pluginnya easy-google-syntax-highlighter gbs,syntaxhighlighter jg gbs.
mohon pncerahan ne….he3,bls diemailq y.thx
Aku simpan dulu mas…
Makasih untuk tutorialnya mas Fatih….