Skip to main content

Google Blogger'a Syntax Highlight Özelliğinin Eklenmesi

Google'ın blog hizmetini daha bugün kullanmaya başladım. Blog girdilerimin içerisinde kod örneklerini sıklıkla kullanacağım için "syntax highlight" özelliğinin gerekli olabileceğini düşündüm. Bu entry'nin başlığına iliştirilmiş linkten faydalanarak bunu gerçekleştirmek mümkün oluyor.

1. http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css, linkindeki css bilgisini kopyalıyoruz

2. Kopyalanan bu bilgiyi blog yerleşim ayarlarındaki HTML düzenleme kısmında, <b:skin><!--[CDATA[ kısmından sonra ve ]]--></b:skin> kısmından önceki alana yapıştırıyoruz.

3. </head> etiketinden önce aşağıdaki kodları yerleştiriyoruz:


<!-- Add-in CSS for syntax highlighting -->
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>


Şimdi burada dikkat edilmesi gereken kullanılacak olan dillerde bir optimizasyon yapmak. Hiç kullanmayı düşünmediğimiz dillere ait satırları silmek sayfa yüklenirken daha hızlı açılmasını sağlıyor.

4. </body> etiketinden önce de aşağıdaki satırları yerleştiriyoruz:







5.Ardından şablonu kaydediyoruz.

6.Blogumuzu yazarken highlight etmek istediğimiz bir kod olduğunda ise blog girdisini yaptığımız editörde html düzenleme sekmesine girerek şu satırları ekliyoruz. Diyelim ki bir c++ kodu ekleyeceğiz;



...Yazmak istediğiniz kod betiği bu alana girilecek...



7.Bir ince detay da < karakteri ile ilgili. HTML giriş yaparken bu karakteri &lt; ile yazmamız gerekiyor.

8.Kolay gelsin.

Comments

Popular posts from this blog

LaTeX'te Sunum Hazırlamak

Latex'i kullanarak projeksiyon cihazlarında sunulmaya yönelik çok güzel sunumlar hazırlamak mümkün olmaktadır. Oluşturulan dosya PDF olduğundan ve her işletim sisteminde (linux, mac os, unix, windows vs.) en azından bir tane PDF okuyucu program olduğundan, hazırlanan sunumların taşınabilirliği de azami seviyede olmaktadır. Tabi ki latex'in en üstün olduğu nokta olan mükemmel fontlar ve matematiksel denklem yazılımları latex'te hazırlanan sunumlar için de geçerli olmaktadır. Aşağıdaki linklerden indireceğiniz pakette örnek sunuma ait gerekli dosyaları bulabilirsiniz. Daha ayrıntılı bilgi almak isterseniz bana ulaşabilirsiniz.
Link : DROPBOX

Hazırladığım örnek sunumun slaytları şu şekilde:





















Ubuntu'da Chrome'un Açılıştaki Profil Uyarısı Nasıl Çözülebilir

Bir süredir Chrome u her açtığımda bu uyarı penceresi karşıma çıkmaya başlamıştı. Pencerede şu yazıyor:
Profiliniz doğru açılamıyor.
Bazı özellikler kullanılamayabilir. Lütfen profilin bulunduğundan ve içeriğini okuma ve yazma izniniz olduğundan emin olun.
Bu problemi çözmek için aşağıdaki işlemi uyguladım ve problem halloldu. Tabi ki bunu yapmak ya da yapmamak sizin tercihiniz, /home/ içinde olduğunuzu varsayarak:
mv .config/google-chrome/Default/Web\ Data .config/google-chrome/Default/Web\ Data.BCKP
İlgili klasördeki ilgili dosyayı farklı isimde kaydettim. Hem olası bir problemde geri dönmemi de sağlayacak bir komut bu.Bu işlemden sonra chrome u yeniden başlatıyoruz ve Voila! Problem gitmiş oluyor.  Chrome ilgili klasörde yeni bir Web Data dosyası oluşturuyor.
mv .config/google-chrome/Default/Web\ Data.BCKP .config/google-chrome/Default/Web\ Data
Komutu şeklinde yeniden çalıştırdığınızda dosya geri yükleniyor ve chrome eski problemli haline dönüyor.