Blogger farklı kod alanı / farklı kod kutucuğu / code area

Kod alanınız bu şekilde görünecek

• Blogunuzda şu kodu arayın:

  ]]></b:skin> 

• Hemen üstüne aşağıdaki kodu ekleyin.

.MetaCode {
background:#F5DA81;
background-repeat:repeat;
border: solid #DEDEDE;
border-width: 1px 1px 1px 20px;
border:2px solid #666;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-color:#2C2C2C;color:#08464B;
border-radius: 5px;
color: #000000; font: 13px 'Courier New', Courier, monospace;
font-weight: bold;
line-height: 16px;
padding: 0px 10px 10px;
width: 90%;
text-shadow: 3px 2px 1px #EAFEFD;
}
.MetaCode:hover { background-repeat:repeat; }

• Son işlem olarak kodu kullanabilmeniz için aşağıdaki kodu yazıya eklemeniz gerekir.

<div class="MetaCode">
Kodlarınız buraya gelecek</div>