Blog Tasarımı | Sidebar (Gadget) Düzenleme

Selamlar Canlar,

Beni takip edenler bilir blog tasarımlarına ve düzenlerine takmış durumdayım bu nedenle kendi tasarımımı kendim yapıyor ve temam bana özgün oluyor. 

Bu postta sizlere benim en çok dikkat ettiğim noktalardan biri olan sidebar tasarımını nasıl yaptığımdan bahsedeceğim.

----

-----

---

Yukarıda gördüğünüz resimleri eğer sizde sidebar tasarımınızda kullanmak isterseniz yapmanız gereken çok basit.

Blogger'a giriyorsunuz oradan Şablon -> HTML'yi düzenle diyorsunuz karşınıza içerisinde blogunuz html kodunun yazılı bir kutucuk karşınıza çıkıyor.

Şimdi CTRL+F diyorsunuz ve .sidebar h2 bu kodu buldukdan sonra aşağıdaki şekilde değiştiryorsunuz. Eğer sizde bu .sidebar h2 yoksa ]]></b:skin>

bu text'i aratıp bunun üzerine aşağıdaki kodu yapıştırıyorsunuz.

.sidebar h2 {

    background:url(RESİM ADRESİ);

    background-repeat: no-repeat;

    background-position:center;

    height:50px;

    margin:0;

    padding:20px 0px 0 0px;

    text-align: center;

    text-transform:uppercase;

}

Resim adresi yazdığım yere eklemek istediğiniz resmin url'ini yapıştırmanız gerekiyor. Bu arada ben resimleri http://postimage.org/ adresine yüklüyorum bu site bana yüklediğim resmin url'ini veriyor.

Sonuçta aşağıdaki gibi bir tasarım ortaya çıkıyor.

Bu post blog tasarımı konusunu anlattığım ilk postum yanlışlarım, hatalarım varsa affola eğer aklınıza takılan bişi olursa mutlaka bana yazın :)

Bu arada yukarıdaki tasarımlardan kullanmak istediğiniz varsa kullanabilirsiniz ^_^

Öpüldünüz.