9 Mayıs 2010 Pazar

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 .http://2.bp.blogspot.com/_6TBBr9Aoq3A/S-cQm-KF5-I/AAAAAAAAAZE/fJ5VnBiZVCw/s1600/head35.JPG 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


0 yorum:

Yorum Gönder

Anlayamadığınız yerleri lütfen yorum olarak belirtiniz. ''Buraya yorum yazsam ne zaman cevap verir ki? ... '' diye düşünmeyin zaten her dakika blogdayım ;) Sorularınıza elimden geldiği kadarıyla cevap vermeye çalışacağım.