Blogger – Kod Renklendirme


  • 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.

Yayımlanma Tarihi: 3 Eylül 2009
  1. Çok güzel ve kullanışlı bir eklenti gerçekten de :-\")

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

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

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

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

    Cevapla
  6. 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.

    Cevapla
  7. 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.

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

    Cevapla
Yorum Yapın