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...
Abdullah ÖZER
Abdullah ÖZER

Okumayı ve izlemeyi sever, yazmanın ise insana inanılmaz bir derinlik kattığına inanır. Çay vazgeçilmezidir. 90 ların müzikleriyle mest olur hatta kendinden geçer.

10 yorum:

  1. Uyarı: denediğim bir temada resim linkinin altında no-repeat kodu vardı... Eğer bu kod varsa resim küçük olduğu için tüm arka planı kaplamaz. Böyle bir sorun varsa no kısmını silmeniz yeterli...

    YanıtlaSil
  2. Paylaşım için tşkler emeğinize sağlık. Yeni ve farklı içerikler bekliyoruz :))

    http://1basit.blogspot.com/

    YanıtlaSil
  3. MERHABALAR AYNI TEMAYI KULLANIYORUZ .BLOĞUMU TAMAMLAMA YARDIM EDEBİLİR MİSİNİZ?
    http://petra-petraurunleri.blogspot.com/

    MAİL ADRESİM:guldenercann@gmail.com

    YanıtlaSil
    Yanıtlar
    1. Tabiki yardımcı olmaya çalışırım. İsteklerinizi yazarsanız daha kolay olur işimiz.

      Sil
  4. Abdullah bey şu ara kafam biraz yorgun.zaten teknolojiden zor anlıyorum.en kısa sürede iletişime geçeceğim

    YanıtlaSil
  5. merhabalabalar bloğumu tamamlamamda yardımcı olabilir misiniz aceba ?
    http://aradiginindir.blogspot.com/

    MAİL ADRESİM:hdizifilmizle@gmail.com

    YanıtlaSil
    Yanıtlar
    1. Akşam bloğunu incelerim. Hangi konularda yardım istediğinizi yada yapamadığınız yerleri yazarsanız daha iyi olur

      Sil
  6. İYİ GÜNLER BENİMDE BİR SORUM OLACAKTI,YARDIMCI OLABİLİRSENİZ SEVİNİRİM.
    [url=http://hizliresim.com/r6NB7M][img]http://i.hizliresim.com/r6NB7M.png[/img][/url]

    YanıtlaSil
    Yanıtlar
    1. Hocam temanız özel sanırım. Ama arka plan rengini değiştirmek zor değil, kodlarınızı gönderirseniz nereden değiştireceğinizi müsait olduğumda gösterebilirim.

      Sil