Blog yayınlarınızda kod paylaşımı gereği duyduğunuzda bu kodu kullanarak işlem yapabilirsiniz.Blog şablon kodu içerisine ekleyecek olduğunuz CSS kodu sayesinde ve kod paylaşacak olduğunuzda ise küçük bir kodu kullanarak işlem yapabiliriz.
Kod kutusu klasik olmasından yana aslında blog şablonunuzda kullandığınız temaya göre görünümüne farklılık kadabilirsiniz.
Kod Kutusunu Uygulamaya Geçelim;
1. Blogger hesabınıza giriş yapın.
2. Kumanda Paneli> Şablon> HTML Düzenle yolunu izleyin.
3. Ctrl+F kısayol tuşları ile ]]></b:skin> kodunu aradın.
4. Bulduğunuz ]]></b:skin> kodunun hemen üstüne aşağıda ki CSS kodunu ekleyin.
.codeview { font-family: Arial, Helvetica, sans-serif; color: #CC0000; margin : 15px 35px 15px 15px; padding : 10px; clear : both; list-style-type : none; border-top : 2px solid #cccccc; border-right : 2px solid #cccccc; border-bottom : 2px solid #cccccc; border-left : 2px solid #cccccc; background-color: #FFFFFF; } .codeview li { font-size : 13px; line-height : 24px; font-family : "Courier New", "MS Sans Serif", sans-serif, serif; color : #333333; font-weight : normal; margin : 0; padding : 0; }
Arka Plan Rengi : Yeşil renkli kod kısmından arka plan rengini değiştirebilirsiniz.
Yazı Rengi : Kırmızı renkli kod kısmından yazı rengini değiştirebilirsiniz.
Yazı Arka Font Rengi : Pembe renkli kod kısmından yazı arka plan renkini değiştirebilirsiniz.
Genişlik ve Uzunluk Ayarları : Kod kutusunun genişlik ve uzunluk ayarlama kısmıdır.
Son olarak yazılarınız içerisinde kod paylaşacak olduğunuzda HTML kısmına tıklayarak aşağıda ki kod içine paylaşacak olduğunuz kodları ekleyerek yazınıza Oluştur kısmından devam edin.
<div class="codeview"> Kodlarınızı Buraya Ekleyin... </div>
Bizi Takip Edin..
Pinterest>> Facebook>> Twitter
© by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...
Yorum Gönder Blogger Facebook