Home » » Membuat Syntax Highligter di Blogspot

Membuat Syntax Highligter di Blogspot

Adakalanya kita mbutuhin syntax highligter untuk memasang kode CSS ataupun Javascript pada postingan blog kita, dengan syntax highligter temen-temen bisa menambahkan code-code unik yang bisa anda print, view code khusus untuk code yang kita tulis.
Untuk memulainya silahkan disimak penjelasan saya di bawah ini :
- Seperti biasa Login ke blog anda, kemudian pilih menu Design >> Edit HTML, jangan lupa kasih tanda cetang pada "Expand Widget Template"
- Kemudian cari kode </head>,kemudian pastekan kode dibawah ini kemudian paste di atas kode </head>
- Kemudian cari kode ]]></b:skin>, copykan kode dibawah ini di atas kode ]]></b:skin> 


- Langkah selanjutnya cari kode </body> dan copykan kode berikut di atasnya
<span class="Apple-style-span" style="color: red;"><script language="javascript">
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script></span> 

- Naah sekarang udah selesai, sekarang tinggal masukin script java/css ke dalam postingan kita,
- untuk menyisipkan script java gunakan kode :
<pre name="code" class="JScript">
LETAKAN KODE SCRIPT JAVA YANG AKAN DIPASANG DISINI
</pre>

- Untuk menyisipkan CSS gunakan kode :
LETAKAN KODE CSS NYA DISINI
- Finish dan selamat mencoba ^_^
Judul : Membuat Syntax Highligter di Blogspot
Rating : 100% based on 79599 ratings. 297 user reviews.
Ditulis Oleh hasan aji
Thanks atas kunjungan Sobat beserta kesediaannya untuk membaca artikel ini. Jika ada yang kurang paham dapat ditanyakan melalui kotak komentar dibawah ini namun di larang berkomentar yg mengandung SARA.

0 komentar:

Post a Comment

Popular Posts