Blogger – Kod Renklendirme

Published by aTOMKARINCa on


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.

Categories: Blogger

8 Comments

TeknoMobi · 03 Eylül 2009 at 17:04

Çok güzel ve kullanışlı bir eklenti gerçekten de :-\")

Enes İLHAN · 05 Eylül 2009 at 22:46

Gerçekten güzelmiş Rıza. Böyle güzel bir nimeti yapanın ellerine sağlık ;)

Talat · 07 Eylül 2009 at 15:37

Güzel açıklanmışsın teşekkürler.

aTOMKARINCa · 07 Eylül 2009 at 15:55

Yorumunu eksik etmeyen herkese teşekkürler :-\")

Davut · 07 Eylül 2009 at 18:37

yne kaliteli bir eklenti paylaşım için teşekkürler ;)

Şevko · 08 Eylül 2009 at 05:38

Mesala xml kullanmak istiyorsak kod olarak ne yazıcak tam anlayamadım oraları ? Tüm diller ekleyip ve hangi diller için hangi kodu kullanıcaz biraz daha açarmısınız şimdiden teşekkür ederim.

aTOMKARINCa · 08 Eylül 2009 at 14:31

Davut teşekkürler :-\")
@Şevko
Xml kullanmak için hangi dilde yazacaksanız onu seçeceksiniz
Brush aliases: xml, xhtml, xslt, html, xhtml

css"> yerine 
xml">
Kısacası yazınızda xml kod parçalarını göstermek için:

Kodlar

Şeklinde yazmanız gerekiyor.

Erenust · 07 Mart 2010 at 12:03

Çok teşekkürler. Bunca alternatif içinde en iyisi buydu.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir