Blogger' a kod düzenleyici ekleme

Blogda bazen kod paylaşmam gerekiyor. Onun için nasıl yaparım diye araştırdım biraz genel olarak herkesin paylaştığı kodlar benim pek işime yaramadı çünkü ben kod tarafında HTML , CSS ve JS taglarınıda paylaşmak istiyorum.

Bu şekilde paylaşınca blogda gözükmüyor kodlar. Bunun için yeni bir site keşfettim oraya istediğimiz kodları yazıyoruz . Site ise bize blogumuza ekleyeceğimiz şekilde dönüştürüyor.

Ben burda birden çok şekilde eklemeyi de göstereceğim. Hangisi işimize gelirse onu kullanırız.

1. Yol

---

Aşağıdaki kodları blogda yayın yazarken HTML kısmına kopyalayarak kod düzenleyicisini kullanabiliriz.

<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">
<code>
    Kodlar buraya gelecek
</code></pre>

2. Yol

---

• Blogger hesabımıza giriş yaparak Yönetim Paneli kısmında Şablon > HTML’yi Düzenle bölümüne giriş yapalım.
• CTRL + F kombinasyonu yardımı ile “]]></b:skin>”  yazan yeri aratalım.
• “]]></b:skin>” kodunu bulduktan sonra bu kodun bir satır üstüne aşağıda vermiş olduğum kodları ekleyin.
• Daha sonra temayı kaydet deyip çıkın.
• Son olarak yeni bir yayın yazacağımız zaman HTML kısmına basarak 

                                 <pre> Ekleyeceğiniz Kod </pre>  

          kırmızı alana istediğimiz kodu yazar kullanabiliriz.

• Artık kod düzenleyici aşağıdaki görünüm ile kullanabiliriz. 

pre { 
/* Kod Kutusu Başlangıç/yimonla.blogspot.com */
border-radius: 4px 4px 4px 4px; 
border: 1px solid rgb(204, 204, 204);
 box-shadow: 0px 0px 10px rgb(204, 204, 204)
 inset; font-family: Arial,Helvetica,sans-serif; 
 margin-bottom: 20px; 
 margin-top: 20px; 
 max-height: 250px; 
 overflow: auto; 
 padding: 5px;
/*Kod Kutusu Bitiş/yimonla.blogspot.com */
}

3.Yol

---

Bu yöntem ise size yazının girişinde belirttiğim şekilde istediğimiz tagları kullanarak eklemeyi gösterecektir.

Buradaki siteye giderek kodlarımız yapıştırıyoruz, site bizim için kodları blogda yayınlayacağımız şekilde dönüştürüyor.

Daha sonra bu kodları yine yayın oluştururken HTML kısmına giriş yaparak yapıştırıyoruz ve  işlem tamamdır.

Blog ipuçları...