Hai..Hari ini aku nak tunjukkan bagaimanakah cara untuk anda memaparkan kod HTML didalam artikel diblog anda.Sebenarnya ada berbagai-bagai cara untuk kita menampilkan kode HTML didalam artikel kita tetapi aku lebih tertarik untuk menunjukkan cara menampilkan kode HTML dengan menggunakan SyntaxHighlighter.Kelebihan yang ada pada SyntaxHighlighter adalah kode HTML yang ditampilkan menggunakan SyntaxHighlighter adalah lebih cantik dan agak kemas.Dan SyntaxHighlighter juga mempunyai fungsi view plain,copy to clipboard dan juga print.
Dengan adanya tiga fungsi ini tentu akan lebih memudahkan orang ramai menyalin kode HTML yang telah dipaparkan oleh anda itu.Jika anda ingin mengetahui cara untuk membuatnya bolehlah anda ikuti tutorialnya di bawah.
p/s:sila klik download full template untuk membuat backup untuk template anda.
1.pergi ke layout ---> edit Html
2.Kemudian anda cari kod ini.
<!-- end outer-wrapper -->
3.Kemudian anda copy script ini dan pastekan dibawah <!-- end outer-wrapper -->
<link href='http://www.geocities.com/jaloea/jaloee/SyntaxHighlighter2.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shCore.txt'></script>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shBrushCss.txt'></script>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shBrushJScript.txt'></script>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shBrushXml.txt'></script>
<script language='javascript'>dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.ClipboardSwf = 'http://www.geocities.com/jaloea/catut/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code'); </script>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shCore.txt'></script>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shBrushCss.txt'></script>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shBrushJScript.txt'></script>
<script language='javascript' src='http://www.geocities.com/jaloea/jaloee/shBrushXml.txt'></script>
<script language='javascript'>dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.ClipboardSwf = 'http://www.geocities.com/jaloea/catut/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code'); </script>
4.Di bawah ini adalah cara untuk menggunakannya.Letakkan kode ini apabila anda hendak memaparkan kode HTML itu.
<pre name="code" class="Html">anda masukkan kode HTML/CSS/javascript yang ingin anda paparkan di sini </pre>
5.Selesai.semoga berjaya.
nice. skrg pakai blogger pun dah boleh buat semua ni. hehe. saya pakai plugin wp utk buat syntax dlm blog
ReplyDeleteCik Choki blogger bole chayukk..chayukk..=))
ReplyDelete