Blogger web sitenizin görsel kimliğini yansıtan en önemli unsurlardan biri renk paletidir. Doğru renk seçimi, hem kullanıcı deneyimini artırır hem de sitenizin akılda kalıcılığını sağlar.
Blogger şablonunuzun renklerini değiştirmek için kullanabileceğiniz iki temel yöntem vardır: Blogger Tema Özelleştirici ve HTML/CSS Kod Müdahalesi.Bu rehberde, her iki yöntemi de adım adım inceleyerek sitenizin renklerini nasıl tamamen özelleştirebileceğinizi detaylıca anlatıyoruz.
Yöntem 1: Blogger Tema Özelleştirici ile Renk Değiştirme (Kodsuz Yöntem)
Blogger'ın yerleşik aracı, kodlama bilmenize gerek kalmadan şablonunuzun ana renklerini, arka planını ve yazı tiplerini değiştirmenize olanak tanır.
Blogger Paneline Giriş Yapın: Blogger hesabınızı açın ve sol menüden "Tema" sekmesine tıklayın.
Özelleştir Butonuna Tıklayın: Aktif şablonunuzun hemen altında yer alan "Özelleştir" (Customize) butonuna basın. Karşınıza Blogger Tema Tasarımcısı açılacaktır.
Gelişmiş Seçeneklere Geçin: Sol tarafta açılan menüden "Gelişmiş" (Advanced) seçeneğine tıklayın.
Ögeleri Seçin ve Renklendirin: Bu bölümde Metin, Arka Planlar, Bağlantılar, Gereçler ve Blog Başlığı gibi sitenizin farklı alanları listelenir. Renk tonunu değiştirmek istediğiniz ögeyi seçin, sağ tarafta açılan renk paletinden dilediğiniz rengi uygulayın.
Değişiklikleri Kaydedin: Renk seçimlerinizi tamamladıktan sonra, sağ alt köşede bulunan "Kaydet" (disk) simgesine tıklayarak sitenizi güncelleyin.
Yöntem 2: HTML ve CSS Kodları ile Renk Değiştirme (Detaylı Yöntem)
Eğer hazır temalardan birini kullanmıyorsanız veya Tema Özelleştirici sitenizin her alanına müdahale etmenize izin vermiyorsa, CSS kodları yardımıyla istediğiniz her ögenin rengini değiştirebilirsiniz.
Temanızın Yedeğini Alın: Kod değişikliği yapmadan önce mutlaka Tema > Özelleştir butonunun yanındaki ok simgesi > Yedekle yolunu izleyerek şablonunuzun bir yedeğini indirin.
HTML Düzenleyiciyi Açın: Tekrar ok simgesine tıklayın ve "HTML'yi Düzenle" seçeneğini seçin.
Renk Kodlarını Bulun (HEX Kodları): Değiştirmek istediğiniz rengin Hex kodunu (Örn:
#ffffffbeyaz,#000000siyah) bulmak için kod editörünün içindeCtrl + Ftuşlarına basarak arama yapabilirsiniz.CSS Kodlarını Değiştirin veya Ekleyin:
Sitenizin ana arka plan rengini değiştirmek için
body { background-color: #SeçtiğinizKod; }alanını düzenleyebilirsiniz.Eğer yeni bir renk kuralı eklemek isterseniz,
</style>kodunun hemen üzerine kendi CSS kodlarınızı ekleyebilirsiniz.
Şablonu Kaydedin: Değişiklikleri yaptıktan sonra sağ üst köşedeki "Kaydet" butonuna tıklayın.
Önemli Not: Blogger XML yapısında hata almamak için kod blokları içerisinde doğrudan özel karakter çakışmalarına dikkat edilmelidir.
Blogger renk değiştirme, blogger tema özelleştirme, blogger css kodları
İlgili 5 Adet Başlık
Blogger Tema Tasarımcısı ile Gelişmiş Tasarım Ayarları
Blogger CSS Kodları Sitenin İstediğiniz Alanına Nasıl Eklenir?
Web Tasarımda Renk Paleti Seçerken Dikkat Edilmesi Gerekenler
Blogger Şablonlarında Arka Plan Resmi ve Rengi Değiştirme
Blogger XML Şablon Hataları ve Çözüm Yolları
İlgili 10 Adet Anahtar Kelime
blogger renk kodları, blogger tema düzenleme, hex renk kodları, blogger tasarım ayarları, blogger css ekleme, blog rengi değiştirme, blogger arka plan rengi, blogger yazı rengi, blogger şablon yapısı, web renk paleti,