× anasayfa blogger kod rehberi blogger blogger temaları blogger kod dönüştürücü son yorumlar hakkında abonelik arşiv iletişim

webgünlüğü

🔍

x

Blogger yerleşim alanı nasıl düzenlenir, renklendirilir ?

Blogger yerleşim alanı nasıl düzenlenir, renklendirilir ?
Son zamanlarda Blogger'da yer alan bileşenlerin eklendiği Yerleşim alanı neden bozuluyor, CSS ile nasıl düzenlenir veya renklendirilir gibi sorular geliyor.

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.

Blogger yerleşim alanı nasıl düzenlenir, renklendirilir ?

Yorumlar (1)