Blogger: Kod penceresi eklentisi

Blogger kullanıcıları olarak zorluk çektiğimiz konulardan biride yazılarımızda paylaştığımız kodları şık bir şekilde sunamamaktır.
Yakın zamanda SyntaxHighlighter kullanmış biri olarak kod gösterimi için bu gibi eklentileri kesinlikle tavsiye etmiyorum. Ne düzenli bir görüntü var ne de kullanım kolaylığı üstelik eklentilerdeki css ve javascript kodları blogunuzun açılışını oldukça yavaşlatıyor.
Burada vereceğim bir kod parçası ile yazılarınızda istediğiniz kodları kolayca öne çıkarabilirsiniz..
Öncelikle temanızda

]]></b:skin>

kodunu bulun ve hemen üzerine

.post code{font-family:"Courier
New",monospace;line-height:1.3em;border:4px dotted
#DDD;background:#F4F4F4
url(http://1.bp.blogspot.com/-78vDCOHBreM/T0DC8f-sQ7I/AAAAAAAACgQ/T3R8ZxSVGXk/s1600/Code.png)
top right no-repeat;margin:10px 0;padding:10px
10px;font-size:13px;display:block}

kodunu ekleyin ve temanızı kaydedin.

2. Yöntem

Linke tıklayın ve açılan sayfada 'Paste your text here.' yazısı yerine istediğiniz kodu yazın ve 'Format Text' yazısına tıklayın çıkan koyu renkle seçili kodu yazınızda Html'yi Düzenle kısmına yapıştırın.

Artık Kod pencereniz olmuştur.Güle güle kullanın

Posted in: Blogger: Kod penceresi eklentisi, eklenti, Google Blog eklenti, Google Blog widget