Blogger Kod Eklentisi


Öncelikle Merhaba Arkadaşlar Size Bu Gün Kod Kutusu Eklentisini Göstereceğim Uygulama Kısmına Geçelim
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; }
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şturkısmından devam edin.
<div class="codeview"> Kodlarınızı Buraya Ekleyin... </div>
Bu Şekilde :) ..
 İsterseniz Bu Şekilde'de Yazabilirsiniz Hiç ]]><B:skin Uğraşmayın
Kod:
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; margin-bottom: 20px; margin-top: 20px; overflow: auto; padding: 5px; text-align: justify; width: 520px;"><code style="font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 18px; margin: 0px; padding: 0px;"> Buraya Yazınızı Yazıyorsunuz. </code></pre>

0 yorum: