Arkadaşlar belkide herkesin aradığı bir eklentidir, bende takip ettiğim yabancı bir blogdan buldum ve bloguma uyguladım, şimdi de sizlerle paylaşıyorum,
Öncelikle Tasarım > HTML'yi Düzenle adımlarını uygulayıp Widget Şablonlarını Genişlet işaretliyoruz, şimdi kod yerleştirmeye başlıyoruz, aşağıdaki kodu bulalım.
<head>
Bu kod en baştaki kod, en başa yükleyelim ki hemen yüklensin, şimdi aşağıdaki kodları yukarıdaki kodun altına ekliyoruz.
<link href='http://dl.dropbox.com/u/29281608/Syntax/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://dl.dropbox.com/u/29281608/Syntax/shThemeDefault.css' rel='stylesheet' type='text/css'/> <script src='http://dl.dropbox.com/u/29281608/Syntax/shCore.js' type='text/javascript'/> <script src='http://dl.dropbox.com/u/29281608/Syntax/shBrushCss.js' type='text/javascript'/> <script src='http://dl.dropbox.com/u/29281608/Syntax/shBrushJScript.js' type='text/javascript'/> <script src='http://dl.dropbox.com/u/29281608/Syntax/shBrushXml.js' type='text/javascript'/> <script type='text/javascript'> SyntaxHighlighter.all() </script>
Dosyalar benim hostta ama siz yinede güvendiğinizi bir hosta yükleyin garantiye alın yani. Şu an için tasarımda işimiz bitti, gelelim kodları nasıl yazacağımıza. Kodları Syntax Highlighter ile çerçeve içine almak için aşağıdaki gibi kod kullanıyoruz,
<pre class="brush: js">Buraya kod yazılacak</pre>
Ve son bir not daha şimdi o taglerin arasına kodu ekleyeceğiz ama olduğu gibi değil olduğu gibi eklersek iş gümbürtüye gider, o yüzden o <pre taglerinin arasına ekleyeceğimiz kodları şuradan eklemeye hazır duruma çeviriyoruz.
Hiç yorum yok:
Yorum Gönder