Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger'da arkaplan resmi üzerine desen uygulamak


FacebookTwitterPinterestTumblrYazdır


Blogger sayfamızı kişiselleştirebilmemiz için sayısız olanağımız mevcut. En basitinden en karmaşığına, yapabileceğimiz birkaç değişimle blog sayfamızın klasik görünümünde farklılıklar yaratabiliriz. Bugün bahsedeceğim düzenleme işlemi de onlardan sadece biri. Eğer siz de blog sayfanızın arkaplanında fotoğraf ya da resim kullanmayı tercih ediyorsanız bu işlemi deneyebilirsiniz. Sadece bir iki adım sonucunda, arkaplan resmimizin üzerinde seçtiğimiz bir desenin yer almasını sağlıyoruz. Pattern uygulaması olarak da bilinen bu ayarlama için öncelikle, arkaplanı transparan olan png formatında, beğendiğimiz bir deseni upload etmemiz gerekiyor. (Bu uygulamayla daha güzel görüntüler elde etmek için arkaplan resminizi ve deseninizi değiştirip deneyebilirsiniz.)

Upload ettikten sonra blogger penceremizden Tasarım > HTML’yi Düzenle kısmına giriş yapıyoruz.

Aşağıdaki kodu buluyoruz;

]]></b:skin>

Aşağıdaki kodu da, yukarıdaki koddan önce ekliyoruz;

#pattern {
position: fixed;
width: 100%;
height: 100%;
background: url(resminadresi);
top: 0;
z-index: -10;
}

Ve son olarak <body> kodunun hemen altına aşağıdaki kodu ekliyoruz.

<div id="pattern"/>

Hepsi bu kadar.
Farklı desenler ve arkaplan resimleriyle gönlünüze göre bir tercih yapabilirsiniz.

Not: Yukarıda yer alan kırmızı yere upload ettiğiniz resmin adresini yazmayı unutmayınız.

Örnek görüntü:


    • caner
    • 3 Ağustos 2013, 04:43

    hocam merhaba. bu adresteki blogun arkaplanını değiştirmeye uğraşıyorum fakat olmuyor.repeat komutunu uygulayınca yukarıdaki logo gözükmüyor bu sefer.ne yapmam lazım?

    • Doğan Gezici
    • 3 Ağustos 2013, 13:21

    @caner;

    Merhaba,

    Sanıyorum ki ilgili temada arkaplan, arka kısmın tamamını değil belli bir bölümü tamamlıyor. Yukarıda da uzun bir şekilde logo bulunmakta. Bu yüzden sadece ilgili kısmı (arkaplana ait) güncellemeniz gerekiyor. Çünkü belirttiğiniz gibi ilgili komutu ekleyince, bu durum logoya ait kısmı etkilemekte.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık