14 Ağustos 2015 Cuma

Blogger Çok Özellikli Kod Kutusu

Bu yazımda blogum gibi eklenti, kod paylaşan blogların işine çok yarayacak olan bir kod kutusu paylaşacağım bu kod kutusu çok özellikli ve kodları deforme etmeyen, eklediğiniz yapısını koruyan bir kod kutusudur özellikle alıntı yaparak kullandığınız taktirde ve de bir o kadar da şık ve güzel bir görüntü sunan bir kod paylaşım kutusudur. 

Bu kod kutusunu bir çok kaliteli özelliği vardır ve ben bunların bazılarını belirtmek isterim.  Benim en çok sevdiğim yorumlara eklenebilme özelliğinin yanında kodları renkli şekilde vurgulayabilme, tıpkı Şablon HTML'yi Düzenle bölümündeki gibi kodların başında satır numarasını gösterme, kodları temiz bir yeni pencerede gösterebilme, kodları panoya kopyalayabilme ve yazdırabilme gibi bir çok özelliği barındıran bu eklemeyi alttaki ekran alıntılarında görebilirsiniz ve eminim ki severek kullanacaksınızdır bu eklemeyi.


Yorumların içine eklenebilme özelliği de mevcuttur bu eklentinin



Bu kod kutusunu nasıl blogumda kullanabilirim?



1. Yapılacak : Öncelikle bu kod kutusunu kullanabilmeniz için bu ve daha çok eklentinin şablonunuzu gereksiz doldurmaması için oluşturmuş olduğum Blogumuzdaki Bazı Eklentilerimiz İçin Ortak Kod adlı yazımdaki ortak kodları şablonunuza eklemelisiniz.


NOT : Bu eklentiyi blogunuza eklerken blogunuzun şablonunda birkaç ekleme, çıkarma yapacağız ve bu düzenlemeleri yaparken yanlış bir şey yaptığınız taktirde sıkıntı olmaması ve rahat bir şekilde düzenleme yapabilmek için şablondan şablon yedeğini almayı unutmayınız.


2. yapılacak : Şimdi ise Ctrl + F yardımıyla <head> kodunu bulun ve hemen altına alttaki CSS kodunu yapıştırın.

kod:
<!--SYNTAX HIGHLIGHTER BY TBY STARTS--> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true; 
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;; 
SyntaxHighlighter.all(); 
</script> 
<!--SYNTAX HIGHLIGHTER BY TBY ENDS-->

3. yapılacak : Son olarak şablonunuzu kaydedin. Artık yazılarınızın içlerine ve yorumlara alttaki kodu ekleyin ve ''Kodlarınızı Buraya Ekleyin'' alanına paylaşmak istediğiniz kodu ekleyerek kullanabilirsiniz.

kod:
[code]Kodlarınızı Buraya Ekleyin[/code]


Kodun Düzenlemeleri

Düzenleme : Kırmızı renkle belirttiğim yazıdaki JavaScript kodunu yazdığım Blogger Çok Özellikli Kod Kutusu İçin Farklı Renkli Temalar adlı yazımdan beğendiğiniz kod ile değiştirerek eklediğinizde oluşan kod alanına farklı temalar uygulayabilirsiniz. Bu düzenlemenin faydasını görmeniz dileğiyle...
                                                                                          Kolay gelsin, iyi bloglar!
author

Yazar Hakkında

Merhaba ben Onur Gücer, hobi olarak uzun zamandır blog yazmaktayım ve bu blogda sizlere deneyimlerimi paylaşıyorum.. İyi günler, iyi bloglar.. (:

2 yorum:

  1. Çalışmıyor kardeşim hala blogunla ilgileniyorsan bi bakıver

    YanıtlaSil

Yorum Kuralları
1. Dediklerinizde kimseye kırıcı olmayınız.
2. Lütfen konu dışı şeyleri iletişim sayfamızdan yazmaya çalışınız.
3. Sorularınıza en kısa sürede cevap verilmeye çalışılacaktır.