Blogger Kod Kutusu (Farklı)

Blogger'da css,html,java gibi kodları yazı içinde paylaşmak isteriz şimdi blogger'ın yeni ara yüzünde bu var tabiki ama mesela kodunuz çok uzun bunu paylaştığınızda çok çirkin görünecektir internette araştırdım bir çok blogger yardım sitelerinde bloglarında kod kutusu verilmiş ama hiçbirinin kaydırma çubuğunun olmadığını gördüm ve bu konuyu açma gereği duydum size vereceğim bu eklentide paylaşacağınız kodları bir kutunun içine alabileceksiniz ne kadar uzun olursa olsun rahatça koyabileceksiniz kod kutusunun yanlarındaki kaydırma çubuğu ile ne kadar uzun olursa olsun kutu normal boyutunda olacak ve blogunuzda çirkin bir görüntü oluşturmayacak benim kendi kullandığım kod kutusudur arkadaşlar sizinle paylaşıyorum.

Blogger'girin şablon düzenlemeye girin widget şablonlarını genişlet kutusunu işaretleyin

ctrl+f yaparak ]]></b:skin> kodunu aratın.

Resmi Büyütmek İçin Üstüne Tıklayın..

Buldduğunuz Kodun Hemen Üstüne Aşağıdaki Koları Yapıştırın.

.kodkutusu {
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%;
}

.kodkutusu:hover {
background-repeat:no-repeat;
}

ve şablonu kaydedin işlem tamam şimdi bunu nasıl yazı içinde kullanacağız yazı yazarken html bölümüne geçin aşağıdaki gibi kodunuz buraya yazan yere kodlarınızı yapıştırın bu kadar.

<div class="kodkutusu">
Kodunuz Buraya
</div>

Örnek:

Kodunuz Buraya