Minggu, 29 Juli 2012

Memasang Syntax Highlighter Untuk Blogspot

          SYNTAX HIGHLIGHTER, apakah sobat pernah mejumpai dan melihat syntax highlighter ketika berkunjung ke sebuah blog?  Apa itu syntax highlighter? mungkin untuk para blogger yang sudah berpengalaman istilah tersebut sudah tidak asing lagi, betul..betul..betul..! hee
      Syntax highlighter atau penyototan syntax adalah tampilan dari beberapa code editor teks yang menampilan teks, terutama untuk berbagai source code seperti Markup Languange(HTML), CSS, Script, dan code dari bahasa pemrogramman lainnya. Fitur ini memudahkan kita dalam menulis code pada sebuah situs atau blog dengan rapi dan terstruktur seperti bahasa pemrograman atau bahasa markup. Pada kesempatan ini diriku ingin berbagi tutorial tentang cara membuat syntax highlighter.

Berikut langkah cara menambahkan sytax highlighter pada BLOGSPOT :

1. Login ke Blog sobat bukan aku  di  http://www.blogger.com
2. Jika blog berbahasa Indo, maka  klik Menu Rancangan, lalu Pilih Edit HTML
3. Cari kode ]]></b:skin> dan letakkan kode di bawah ini sebelum kode ]]></b:skin>

4. Kemudian, Cari kode </head> dan letakkan kode di bawah ini sebelum kode
</head>

5. kemudian, Cari kode </body> dan letakkan kode di bawah ini sebelum kode
</body>

Ok, Selesai deh.. pemasangannya eitss..tapi ntar dulu masih ada 1 langkah lagi yang terakhir, jika kita ingin memposting suatu code dan menampilkan code highlighter pada blog.
Setiap mempublikasikan post yang terdapat kode-kode di dalamnya, sobat blogger harus memasukkan kode tersebut seperti contoh d bawah ini :

<textarea name="code" class="c#" cols="60" rows="10">
KODE YANG AKAN DITAMPILKAN DILETAKKAN DISINI
</textarea>

Horeh sobat sudah berhasil! silakan coba  tampilkan code seperti di bawah ini:
NB: yg ini hanya contoh!






Reaksi:

0 komentar:

Posting Komentar

WARNING !
Komentar anda tidak boleh mengandung unsur:
1.Penghinaan, Rasis dan Pelecehan
2.Spamming (Spam Comments)
3.Link Iklan, ads etc
Terima Kasih.


Jika ada request ato laporan tentang :
1.Request Software atau Tutorial
2.Bad Link & Re-active link (akibat broken link)
Silakan comment di bawah atau kirim pesan ke saya via facebook >> Akunku : Adhieresthenes Hier Banu Arfakhshad