0 Kod Çerçevesi İle Bloglarınızı Özelleştirin

Blogda kod yazanlar bilirler ki bu iş birçok türde yapılabilir.http://tinypaste.com/ a girersiniz kodu yazarsınız , okuyucularınıza oradaki kodu kopyalamalarını söylersiniz.Ayrıca kodu bir  metin dosyasına koyup rarlayıp tekrar okuyucularınıza sunabilirsiniz.Bir de şu anki anlatacağım yöntem var.Kod çerçevesi oluşturup , kodları içine yazabilirsiniz.Yapmak ise çok kolay :

İlk olarak Yerleşim / HTML'yi Düzenle'ye giriyor ve Widget Şablonları Genişlet'i işaretliyoruz.

CTRL + F yardımıyla aşağıdaki kodu buluyoruz :

]]></b:skin>

Bulduktan sonra üstüne şu kodu ekliyoruz:

.post-body pre {
background: transparent url(http://i40.tinypic.com/ev2yba.jpg) no-repeat scroll 2px 0px;
padding-left: 2px;
padding-top: 26px;}
.post-body pre code {
background-color: #999999;
display: block;
width: 500px;
overflow: auto;
padding: 0 1em;
color: #555555;
border-left: 6px solid #EB1885;}

Şablonu Kaydet diyoruz.

Gördüğünüz gibi bu örnek gösterimde bile kod çerçevesi kullandık.

Sıra geldi çerçeve kodunu yazılarımızda nasıl kullanacağımıza.Bunun için yazılarımızda ise aşağıdaki kodu kullanacağız:

<pre><code> Kodlarinizi Buraya Yazacaksiniz </pre></code>

Yalnız dikkat etmeniz gereken bir şey var . gibi kodları çerçeve koduna direk ekleyemeyiz.Yani ilk olarak çevirmemiz gerekecek.Onu da şu siteden yapabilirsiniz :
http://www.eblogtemplates.com/blogger-ad-code-converter/


* Yazıda Özgün İçeriğin Yanı Sıra Aşağıdaki Sitelerden De Yararlanılmıştır

http://www.enesilhan.net/2009/11/blogger-kod-cercevesi-yapimi.html