Widget’lara Arkaplan Resmi Ekleyin!

Adsız

Blogumuzun değişik yerlerine çeşitli widget ‘lar ekleriz.Fakat bazen eklediğimiz widget’ların arkaplan rengi blogumuza uygun renkte olmayabilir veya onlara değişik arkaplan rengi vermek isteyebiliriz.Arkaplan renginden de öte arkaplan resmi eklemek isteyebiliriz.Örneğin ben yukarıda arkaplan rengi beyaz olan bir arşiv widget ‘ ın arkaplan rengini siyah yaptım.

Bunu gerçekleştirmek basit.Yapmanız gereken her zaman ki gibi Blogger hesabımızdan giriş yapıp Yerleşim///Html’yi Düzenle kısmına gelmek.Buraya geldikten sonra hangi widget ‘ın arkaplanını değiştirmek istiyorsanız onun adını bulun.

Mesela LinkList1 adında bir widget varsa böyle bir kısım bulacaksınız.

<b:widget id='LinkList1' locked='false' title='link widget' type='LinkList'/>

Siz de hangi widget ı deiştirecekseniz onu bulun.Bulduktan sonra Crrl+F tuşları yardımıyla </b:skin> kodunu buluyoruz.Bu koddan hemen önce aşağıdaki kodu yapıştırıyoruz:

/* Sidebar Content */ 
#LinkList1{
background: #000000;
}

Burada ben LinkList1 adındaki widget ın arka plan rengini değiştirdim.Siz hangi widget’ı istiyorsanız onun ismini yazmalısınız.

Kırmızı renkli yer arkaplan renk kodu.Diğer renk kodları için blogumda yer alan sağ taraftaki renk kodlarını kulanabilirsiniz.

Resim eklemek istiyorsanız eğer yapmanız gereken resmin URL sini yazmak.Kodunuz:

/* Sidebar Content */ 
#LinkList1{
background: #000000 url(http://www.yoursite.com/image/image.jpg) no-repeat;
}

bu şekilde olmalı.Kırmızı renkli URL yi silip siz kendi resminizin URL sini yazacaksınız.

Faydalı bir yazı olması dileğiyle…

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

12 yorum:

  1. çok sağol kardeş.. acayip işime yaradı :))

    YanıtlaSil
  2. işinize yaradığına sevindim.

    YanıtlaSil
  3. Teşekkürler.yararlı bir ipucuydu...

    YanıtlaSil
  4. Uzun zamandır Google'da bunu arıyordum.Çok sağol :))

    YanıtlaSil
  5. öncelikle merhaba
    Hocam ben yaptım da olmadı, YENİ WİDGET OLUŞTRDUM yani sabit widget değil bunu denedim olmadı bu anllattığınız sabit widgetlerde mi işe yarıyor
    benim widgetim şöyle;

    YanıtlaSil
  6. sabit widget derken ne demek istediğinizi anlamadım

    YanıtlaSil
  7. çok güzel bir konu ama bi sıkıntı oldu benim widgetim buyuk boyutlu diyelim resim ona göre kucuk sadece bir resim kaldı ve geri kalan yer fontun rengine göre geldi döşeme seklinde olursa iyi olur onu nasıl yapabiliriz şimdiden tesekkürler

    YanıtlaSil
    Yanıtlar
    1. en basit yolu resminizi o ölçülerde boyutlandırmak olacaktır.Paint ten yararlanabilirsiniz.İstediğiniz ölçüyü yazarak kaydedin daha sonra widget arka plan olarak ayarlayın

      Sil
  8. Dediğin şeyi aynen yapıyorum ama yazı wrapperin üstünde HTML kodu olarak çıkıyor tuhaf.

    YanıtlaSil
    Yanıtlar
    1. Yanlış yere ekliyorsunuz o zaman.Blogumda CSS kod blogger nasıl eklenir adlı yazıyı okuyarak da CSS kodları ekleyebilirsiniz

      Sil
  9. resim url sini anlayamadım. Bu resim url si nerede? Bu konuda yardımcı olursanız sevinirim...

    YanıtlaSil
    Yanıtlar
    1. Hangi resmi eklemek istiyorsanız o resmin url si olması gerekiyor. Yani internete yükleyip linkini alacaksınız

      Sil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.