Blogger 3 adet Kod Kutucuğu

Blogger'a kod alanı/ kutucuğu eklemeye yarar.

Blogger kontrol panelinizdeyken sırasıyla " Şablon » HTMLyi düzenle " tıklayın. CTRL+F kombinasyonu'nu kullanarak sayfada " ]]></b:skin> " aratın ve bu kodun üstüne aşağıda verilen kodu ekleyin.;

MetaCode

.MetaCode {
background:url(https://lh3.googleusercontent.com/-

GCYksbSfYT8/VcKgnd28fcI/AAAAAAAASKw/maqg_fsIP1k/h120/codebg.jpg) #000;
background-repeat:repeat;
border: solid #353535;
border-width: 1px 1px 1px 20px;
border-radius: 10px; /* Standart */
color: #000;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 500px;
min-height: 16px;
padding: 15px 10px 20px;
overflow: auto;
width: 90%; }
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

Codeb

.codeb {
    background: #383636;
    font-size: 14px;
    font-family: monospace;
    margin: 2em 5em 2em 0em;
    word-wrap: break-word;
    line-height: 1.4em;
    color: #fff;
    padding: 1em;
    border: 4px solid #000;
}

Tus

.tus {
    padding: 0px 4px;
    margin: auto 3px;
    font: 14px arial;
    font-weight: bold;
    background-color: #EEE;
    box-shadow: 0px 1px 2px 1px #666;
    border-top: solid 1px #ddd;
    border-right: solid 3px #aaa;
    border-bottom: solid 3px #bbb;
    border-left: solid 2px #ddd;
    border-radius: 4px;
}

Önemli Not: Yazı içerisinde kod kutucuğunu göstermek için kullanmanız gereken kod <div class="KOD ADI"> Buraya kodlarınız gelecek</div>