Selamat Datang di Pratomo Wijoyo Berikan Komentar Anda untuk Kemajuan Blog ini

Minggu, 02 Januari 2011

menempatkan syntax coding di blog

Bagi anda blogger yang juga seorang Programmer yang ingin menempatkan syntax coding di blog anda, Ada beberapa cara untuk menampilkan syntax coding di blog.

Salah satunya adalah menggunakan tag


<code>
codenya. . . .
</code>




cara tersebut adalah cara termudah dan terpraktis yang pernah saya gunakan untuk menampilkan syntax coding di blog, sebenarnya masih ada beberapa cara lagi. Yakni menggunakan syntax highligh. Tampilannya jika menurut saya lebih menarik daripada hanya menggunakan tag code saja.

Yakni menggunakan JavaScript Google Code Prettify, caranya anda tinggal copas kode , pada tepat diatas tag



</head>


tag head, dapat anda temukan pada Layout > Edit HTML, centang Expand Widget Templates, gunakan Control + F untuk menemukan tag /head

jika sudah ketemu, copykan code ini tepat diatasnya




<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>





setelah itu tambahkan script loader nya pada tag body, masih pada edit html, silahkan anda cari tag body dan ganti menjadi seperti ini

ganti menjadi seperti ini

<body onload="prettyPrint();">


Jadi begitulah caranya menampilkan syntax code di blog.

0 comments:

Posting Komentar