Blogger Html Kod Kutusu Eklentisi

Blogger’da şablon stilini veya biçimini düzenleme ve değiştirme hakkında bir yazı yazdığınızda, bir html kodu yazmanız gerekir, html kodunu ayrı bir kod kutusuna yazmak daha iyidir. HTML kodunu ayrı bir kutuda vererek, okuyucunun kodu kolayca kopyalayıp yapıştırmasını sağlar.

Html Kod Kutusu Ekleme Adımları ;

Blogger Kumanda Panelinize giriş yapın - Şablon - HTML Düzenle

Öncelikle HTML kod editör sayfamızda Ctrl+F yardımıyla ]]></b:skin> kodunu buluyoruz ve bulduğumuz kodun üzerine gelecek şekilde aşağıda ki CSS kodlarını ekliyoruz.

CSS.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }

Gönderinizi oluştururken ve kod kutusu eklemek istediğinizde, yazı editörünün html bölümüne gidin ve aşağıdaki kodu yapıştırın.

HTML<div class="code">
Kodları Buraya Ekleyin
</div>

Not: HTML kodunuzu "buraya kodu yapıştırın" arasına ekleyin Kod ekleme kutusu arka plan rengini, yüksekliğini ve yazı tipini istediğiniz gibi düzenleyebilir veya değiştirebilirsiniz.

Bütün işlemler bu kadar Kod Önizleme aşağıda ki gibidir.

Demo Buraya Tıkla