Kod Kutusu Css – Html

tarafından
Kod Kutusu Css – Html

Blogunda eklenti,tema ve benzeri içerik paylaşanlar kodları daha düzenli kullanıcılarına sunmak için  kod kutusu içine eklerler.Wordpress kullananlar “SyntaxHighlighter Evolved” eklentisi ile gelişmiş bir kod kutusuna sahip oluyorlar.Bende blogumda bu eklentiyi kullanıyorum.Blogger ve diğer platformları kullananlar için bir eklenti paylaşacağım. Kod kutusu yapmanın bir çok yolu var bu sadece bir tanesi.

Demo :

kod kutusu

Css-Html Birleşik

Yukarıdaki kodu göstermek istediğiniz yere ekleyerek direk gösterebilirsiniz.Ya da kodları html/css olarak parçalayıp yerden tasarruf yapabilirsiniz.

Css Kodu :

Yukarıda verdiğim css kodunu temanızda diğer css kodlarının yanına ekleyin.Ekledikten sonra sadece aşağıdaki kod ile kod kutusu oluşturabilirsiniz.

Not: Css kodlarını düzenleyip daha güzel bir görüşüş kazandırabilirsiniz.

Html Kodu :