Blogger İçin Şık Kod Kutusu Kodu

Blogger'da kod paylaşmak istediğimizde yeni yayın menüsünden 
Seçenekler > Oluşturma modu - HTML'yi olduğu gibi göster'i seçerek işlemimizi yapabiliriz ama yazımızda hiç hoş bir görüntü oluşmaz. Anlamsızca harfler sıralanır gider sayfada...

Küçük bir kod ile ekleyeceğimiz kodların görüntüsünü daha şık bir hale getirebiliriz.

Önce bir demosunu göstereyim: 

EKLEYECEĞİNİZ KODLAR BU ŞEKİLDE GÖZÜKECEK :)

Bu işlemi ise bu kodlarla yapacağız: 

<pre style="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;"><code>EKLEMEK İSTEDİĞİNİZ KODLAR BURAYA</code></pre>

Umarım hoşunuza gitmiştir.

İyi Bloglar !