Blogger'da herhangi bir sayfaya nasıl arka plan (background) eklenir?

Blogger arka plan (background)

Bildiğiniz üzere Blogger (blogspot) bloglarına arka plan (background) resimler eklemek oldukça kolay. Dilerseniz Tema tasarımcısı ile dilerseniz basit HTML kodları ile bunu sağlayabilirsiniz. Peki Blogger bloglarında dilediğimiz bir URL'e ya da dilediğimiz bir statik sayfaya, yayın sayfasına özel arka planlar nasıl ekleriz?

Blogger kullanıcı panelinde Yerleşim ardından Tema tasarımcısı seçeneklerine tıklayarak ulaştığımız alanda, blogumuzla ilgili birçok düzenleme yapabiliriz. Arka plan eklemek, hizalamak ta mümkün. Tabi HTML düzenle seçeneği ile ulaştığımız HTML alanında da basit CSS kodları ile arka plan resimler ekleyebiliriz. Bu resimleri dilediğimiz gibi hizalayabilir ve dilediğimiz gibi hareket ettirebiliriz. Bu yöntemlerle eklediğimiz arka plan resimler tüm blogda, her sayfada aynı şekilde görünecektir. Tabi yayın, post sayfaları da buna dahil.

Bu içerikle paylaştığım kodlarla ise farklı seçeneklere sahip olabiliriz. Dilediğimiz URL'e özel arka planlar ekleyebilir ve daha zengin bir görünüm elde edebiliriz. Peki nasıl?

İlk olarak Tema ardından HTML Düzenle seçenekleri ile kodların yer aldığı alana ulaşıyoruz. Bu alanda Ctrl F yardımıyla aşağıdaki kodu buluyoruz.

</head>

Bulduğumuz bu kodun hemen üstüne ise;

<b:if cond='data:blog.url == &quot;ARKA PLAN RESİM EKLEMEK İSTEDİĞİMİZ SAYFANIN LİNKİ BU ALANA&quot;'>
<style>
body {
background-image: url(ARKA PLAN GÖRSEL LİNKİ BU ALANA);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>

bu kodları ekliyoruz. Temamızı kaydetmeden önce mavi renkle belirttiğim kısma arka plan resim eklemek istediğimiz sayfanın linkini ekliyoruz. Bu bir yayın sayfası, statik sayfa, ana sayfa olabilir. Kırmızı renkle belirttiğim kısma ise arka plan olarak atayacağımız görselin linkini ekliyoruz.

Bu düzenlemelerin ardından blogumuzu kaydedebilir ve kontrol edebiliriz. Konuyla ilgili sorularınızı yorum yaparak paylaşabilirsiniz.