Blogger de Arka Plan Ayarları

S.A

Blogger de yüzlerce hatta binlerce ücretsiz tema bulunabildiği dönemdeyiz. Seçilen temaların hemen hemen hepsinde mutlaka içimize sinmeyen yönler olmuştur. Bunun için blogger temaları konusunda meraklandığım bu dönemde arka plan ayarları konusunda araştırma yapmaya başladım. Umarım bana olduğu kadar sizin içinde faydalı bir doküman olur.

Öncelikle blogger in şablon ayarlarında bulunan kendi şablonunu kullanıyorsanız bu konuda bir sorununuzun olmaması gerekir. Site genişliği, arka plan, yazı rengi ve stili gibi ayarlanabilecek tüm özellikleri ayarlama olanağı sağlıyor zaten. Bizim için asıl sorun yüklediğimiz temanın içimize sinmeyen arka planının nasıl ayarlanacağı?

ARKA PLAN RESMİNİ DEĞİŞTİRME

Düzenleme yapabilmemiz için öncelikle blogumuzun yönetim panelinden Şablon > Html yi düzenle kısmından html kodlarımız açıyoruz. Yukarıdaki resimde blogumun html kodları görünüyor. Ben Ctrl +F kombinasyonu ile backround ile arattım. Burada önemli olan arka plan ayarlarının olduğu, body kodundan sonra gelen bölümü bulmaktır. Anlatmak istediğim yeri bulduysanız benim altını çizdiğim link in blogumun arka plan resim linki olduğunu anlamışsınızdır. Bu linki kendi beğendiğiniz başka bir link ile değiştirip kullanabilirsiniz. 

ARKA PLANDA RESİM YOKSA ?

Kendi blogum ve benzer bir çok blog için bu şekilde sorunun çözülebileceği kanaatindeyim. fakat google bir araştırma yaptığımda bazı bloglar da arka planda resim kullanılmadığı bunu yerine renk kodlarının kullanıldığını gördüm. Eğer sizin blogunuz da arka planda resim kodu kullanıldıysa hemen temanızdan aşağıdaki yada benzeri kodları buluyoruz;

body {

background:$bgcolor;

margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Yukarıdaki kodda kırmızı yazılı bölümde, blogun arka planına renk kodu atandığı görülüyor. Bu bölümü;

body {

background:#cc0000;
margin:0;

color:$textcolor;

font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

şeklinde düzenleyerek atanan renk kodu yerine kendi zevkimize göre renk kodu atayabiliriz. Yada;

body {

background:url("http://RESIM-LINKI.png");
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

şeklinde link vererek arka plana resim yerleştirebiliriz...

Selametle...