Blogger Paneli > Yerleşim alanı gerek şablonlardan, gerek kullanılan kodlardan dolayı bozulma meydana gelebiliyor. Bu bozulmayı düzenlemek veya Yerleşim alanına daha farklı görünüm kazandırmak için aşağıdaki kodlar kullanılabilir. Kodlar <head>...</head> arasına eklenmelidir.
<b:template-skin><![CDATA[
body#layout{width:900px; background:transparent; border:none}
body#layout #header{float:left; width:99%; background:#5A7EA2}
body#layout #content{float:left; width:58%; background:#7EC1EC}
body#layout #sidebar{float:left; width:40%; background:gray}
body#layout #footer{float:left; width:99%; background:orange}
body#layout .add_widget{background:#fff; border:none}
body#layout div.section{border:none}
body#layout .editlink{background: #bbb;color: #fff !important;padding: 3px;cursor:pointer;}
]]></b:template-skin>Uyarı: Eğer kodlar tam olarak sonuç vermiyorsa, css kodlarında yer alan body#layout dan sonra gelen id seçicileri (#header, #content, #sidebar gibi) kullanınan temaya göre değişkenlik gösterebilir.
Bu id ler şablon kodlarında yer alan, alttaki kodda görüleceği gibi section idlerini belirtmektedir.
Örneğin:
<b:section id='sidebar'>
ID seçicisini tespit etmenin diğer bir kolay yolu ise Yerleşim alanında herhangi bir alan üzerinde sağ tık yapıp Öğeyi İncele veya Öğeyi Denetle yapılarak görülebilir.
Bütün işlemler bu kadar herkese kolay gelsin.