Eğer siz de bu yazımdaki gibi bir kod penceresi oluşturmak istiyorsanız olmanız gereken yerdesiniz. Blogger'da JS, PHP, Java, HTML, XML kodlarını ve daha birçoğunu Sert Geliyorum'da gördüğüm işlemler ile şık bir pencerede gösterebilirsiniz. Başlayalım.

Tasarım > HTML'yi Düzenle seçeneğine gelip Widget Şablonlarını Genişlet diyoruz ve aşağıdaki kodu buluyoruz.

</head>

Hemen üzerine de aşağıdaki kodları yapıştırıyoruz.

Yukarıdaki dillere ek olarak yeni diller eklemek istiyorsanız şuradaki tablodan istediğinizi seçip yukarıdaki kodların arasına ekleyebilirsiniz. Eğer bunu nasıl yapacağınızı bilmiyorsanız hiç uğraşmayın, pek bu konuda bilgili değilsiniz demektir, yukarıdaki diller sizin işinizi görecektir.

HTML kısmındaki işimizi bitirdikten sonra kaydediyoruz. Bu tabloyu kullanmak için ise yazıyı yazarken aşağıdaki kodları kullanacağız. Ancak kodları kullanırken başına < sonunda > işaretini koymayı unutmayın.

pre class="brush:css"
Kodlar buraya gelecek.
/pre

Yukarıdaki kodda büyük yazılmış olan CSS dilini kullanacağımız dile göre değişeceğiz. Mesela CSS yerine bir XML kodu girecek olsaydık oraya XML yazmamız gerekecekti.

İşte böyle sayın blogger. Takıldığın bir yer olursa sormaktan çekinme. Ayrıca yavaşlama sorununa sebebiyet vermiyor, içini rahat tut.


Tweet