26 Aralık 2010 Pazar

Blogger Kod Renklendirme (Syntax Highlighter)

Blog yaşamımızda bayağı yer tutmaya başladı. Artık nerdeyse herkesin bir blogu var. Bilgi çokça paylaşılıyor. Tabi paylaşılan kod olunca, özellikle blogger'ın dosya yükleme işlemine izin vermemesi sebebiyle kimi zaman düzyazı halinde ya da resim halinde aktarmak zorunda kalınıyor. Bu da hiç kullanışlı olmuyor.

Şimdi bir bloga kod yazmanın nasıl daha renkli hale geleceğini paylaşacağım. Böylelikle hemen yan köşeye tıklayıp kodun tamamını kolaylıkla kopyalayabilirsiniz.

Blogunuzda, Kumanda Paneli>>Tasarım>>HTML'yi düzenle yolunu takip edin. Html de body tagının hemen altına aşağıdaki kodları yazın ve kaydedin.
Eğer dosyaları kendi sunucunuzda barındıracaksanız adres değerlerini sitenize göre değiştirmelisiniz.




















Bu işlemi gerçekleştirdikten sonra her şey hazır.

Kullanmak için ise gönderilerimizde;
Kodumuz buraya yazılacak
bu şekil bir yazım yapıyoruz.

Kolay gelsin.

1 yorum:

Unknown dedi ki...

Güzel bir anlatım fakat biraz önce denerken bir şey fark ettim. İçerisinde "pre" etiketi olan bir kodu sizin anlattığınız şekilde kullanamıyoruz. Bunun için sizin örnek verdiğiniz kullanım şeklindeki "pre" etiketini "script" etiketiyle değiştirmek gerekiyor. Bu yapıldığında herhangi bir hata oluşmuyor.

Diğerlerine yararlı olur diye eklemek istedim ama ne demek istediğimi anlamadıysanız bir yazımdaki şu kısımdan faydalanabilirsiniz:
http://goo.gl/0TeCRX

Tekrar teşekkürler, faydası olursa ne mutlu bana...

Yorum Gönder