Blogger – Kod Renklendirme

Published by aTOMKARINCa on 03 Eylül 2009

Blogger’da kodlar artık janjanlı !…
Tanıtacağım eklenti, programlama veya web tasarımla uğraşanları ilgilendiriyor. Yazılarımıza kod parçası eklediğimizde sayfamızın düzeni bozulup kodların bir kısmı gözükmüyordu. Bu eklenti sayesinde kodlar düzgün gözüküyor ve dillerine göre renkleniyor.

Kurulumu:
Yerleşim – Html’yi Düzenle bağlantısına tıklayın.
</head> diye aratın ve hemen üstüne ekleyin.

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<!-- Eklenecek diller -->
<script type='text/javascript'>
  SyntaxHighlighter.config.bloggerMode = true;
  SyntaxHighlighter.all();
</script>

Bunlar eklentinin çalışmasını sağlayacak dosyalardı şimdi kullanacağınız dili eklencek diller satırının altına ekleyin. Örn:

<!-- Eklenecek Diller -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>

Diğerlerini eklemek veya kullanışını öğrenmek için tıklayın. Brush aliases kısmı dillerin tanımını yapacağımız kısaltmalarıdır.

Yukarıdaki işlemler bittikten sonra yazılarınızda kullanmak kalıyor.

Örnek:
Yazınızda kullanacağınız hali
<pre>
#deneme12{
background:#fff;
color:#000;
border:3px solid;}
</pre>


Derlenmiş Hali

 #deneme12{
background:#fff;
color:#000;
border:3px solid;}

Not: Kullanmak istediğiniz dili belirlemeyi unutmayın! Yukarıdaki örnekte css tanımı yaptım. Bu örnekte ise javascript: <pre>. Yukarıda bahsettiğim Brush aliases kısaltmalarını kalın harflerle belirttiğim “js” etiketiyle değiştirerek blogunuzda kullanabilirsiniz.

Anlatım bitti. :) Umarım fazla karışık olmamıştır.
Son olarak eklentinin yapımcısı AlexGorbatchev‘e sonsuz teşekkürler.