Blog gönderilerinde kod yazmak

21 / Mart / 2008 Author

İsa Engiz

Blogger / Blogspot Tags

blogger, blogspot Yorumlar

1 Yorum Yapilmis.

Yeni nesil web ile tanıştığımız bloglar, hayatımıza farklı bir yön getirdiler, hepimiz hemfikiriz bunda bence. Artık insanlar bloglarında kendilerinden bahsediyorlar, yaptıklarından basediyorlar ya da insanlar ile bilgiyi paylaşıyorlar.

Eğer siz de kendi blogunuzda programlama üzerine bilgilerinizi paylaşıyorsanız, (ya da paylaşacaksanız), yazılarınıza kaçınılmaz olarak kod eklemek zorunda kalacaksınızdır. Yazdığınız kodları blogunuzun okuyucuları ile paylaşarak bilgiyi daha iyi sunmaya çalışacaksınızdır.

Eğer blogunuz Wordpress teknolojisini kullanıyorsa, bunu halletmek pek zor değildir, mevcut eklentiler ile bunu rahatlıkla yapabilirsiniz. Ancak, başka bir servisten yararlanıyorsanız, (blogger – blogspot) ya da sadece hazırladığınız html formatındaki bir dokümanın içerisine çalıştırılmak değilde görüntülenmek üzere kod yazmak istiyorsanız, bu yazıdaki servislerden faydalanabilirsiniz.

Sorun

Diyelimki elinizde şöyle bir kod var, bunu okuyuculara göstermek istiyorsunuz:

<select id="marka" onchange="modelGoster()">
<option value="">Lütfen bir marka seçiniz.</option>
<option value="honda">Honda</option>
<option value="hyundai">Hyundai</option>
<option value="isuzu">Isuzu</option>
<option value="iveco">Iveco</option>
</select>

Bu kodu aynen alıp blog yazınızın içerisine veya dokümanın ortasına yerleştirirseniz, tarayıcı bu kodu hiç çekinmeden çalıştıracak ve karşınıza muhtemelen şöyle birşey çıkaracaktır:

Böyle bir durumda yaratıcılığınızı kullanıp bu sorunu “kaba kuvvet” yoluyla çözme yoluna gidebilirsiniz: Kendi bilgisayarınızdaki kod düzenleyicisi programda kodları yazarsınız, sonra bunun ekran görüntüsünü alıp resim olarak yazınıza ekleyebilirsiniz. Ama bu kadar yaratıcı olmanıza gerek yok, çünkü blog gönderilerinde kod yazmamıza yardım eden servisler mevcut!

Format My Source Code For Blogging

İsminden de anlaşılacağı gibi, “bloglama için kaynak kodumu formatla!“, bu siteinin amacı blog gönderilerine eklenebilecek şekilde kodları formatlamak. Tek yapmanız gereken kodu üstteki alana yapıştırmak ve size altta vereceği kodu blog yazınızın (veya dokümanınızın) içerisine eklemek.

Yazdığınız kodun nasıl gözüktüğünü sitede hemen alt kısımda test edebilirsiniz.

ToHtml

Bir önceki siteye göre biraz daha gelişmiş bir servis olarak duruyor, yine aynı şekilde kodları belirtilen alana yapıştırıyorsunuz, o da geriye bloglarda kullanılmaya hazır olan kodu dönüyor.

Bu sitenin en belirgin özelliği yazdığınız kodları renklendirebilmesi. Pek çok dilde kodu renklendirebilen bu site, yazılan kodun hangi dilde olduğunu kendiliğinden tanıyabiliyor. Ama bazen kafası karışıp tanıyamadığında, dili siz belirleyebiliyorsunuz.

Sonuç

Sonuç olarak bu iki siteden birini blogunuza kod yazmak için kullanabilirsiniz. Ya da hazırladığınız online bir dökümana. Birinci site daha sade bir ekran çıktısı sunarken ikincisi yazılan kodları renklendirerek okunabilirliği arttırabiliyor. Seçim size kalmış!

- Bu blogda yer alan yazıları RSS ile takip edebilirsiniz. RSS aboneliği için tıklayın.

- Ya da bu blogda yer alan bütün yazıları içindekiler sayfasında görüntüleyebilirsiniz. Tıklayın!