banner etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
banner etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

19.10.2008

Header nasıl yapılır ?


Öncelikle, hazırladığım headerları beğendiğiniz için çok teşekkür ederim. Banner / header 'ların nasıl yapıldığını soranlar , merak edenler için amatörce bir yol hazırladım.

Photoshop,dw veya diğer çözmesi zor çizim ve resim düzenleyici programlarını bilmiyorum/kullanmıyorum.

Şimdiye dek basit düzenleme programı olan PhotoScape'i kullandım.Sizler de bu programdan faydalanabilir hatta Türkçe sürümünü bile indirebilirsiniz.

Header resimlerimi çok sık değiştirdiğimi farketmişsinizdir,bunun nedeni hergün önüme çıkan ve beni cezbeden binlerce resim. :)

Bazen bir fotoğraf,bazen kumaş parçasının bir bölümü bazen de minik resimlerle kendi hazırladığım blog headerları nasıl yapılıyormuş inceleyelim;

  • Her blogun header ölçüsü farklıdır,örnek olması açısından kendi blogumun ölçüsünün resmini inceleyebilirsiniz.
  • Şablon - Html'yi Düzenle - Widget Şablonlarını Genişlet'i tıklayalım.
  • Cntrl+f ile şablonumuzda header-wrapper diye aratalım.
  • Gördüğümüz rakamsal değer,header ölçümüzdür.Örneğin benim blogun header ölçüsü 900 px.
  • Beğendiğimiz bir resmimizi PhotoScape ile açalım.
  • Yaptığım son header resmi, Franci Strümpfer'a ait bir çalışma.Boyutu 2.4 MB olduğu için küçültmeliyim.Resize/Yeniden Boyutlandır kısmından boyutu 900 px ' düşürüyorum.
  • Resmin sadece bir kısmını kullanmak istediğimden Kırp kısmından istediğim gibi kesiyorum. ( Genelde 900X350 ölçüsünü kullanıyorum. )
  • T butonuna tıklayıp,dilediğim yazıyı yazıyor,dilersem çerçeve ekliyorum.
  • Resmin bir köşesine sahibinin adını yazıyorum ki,emeğe saygısızlık olmasın.
  • Resmi bilgisayarımıza kaydediyoruz.
  • Blogumuza gelip, Kumanda Paneli-Yerleşim' e tıklıyoruz.Header kısmındaki Düzenle'ye basıyoruz.

  • Açılan pencerede işaretli yerlere tıklayıp resmin yüklenmesini sağlıyoruz.
  • Kaydet diyoruz,headerimizi güle güle kullanıyoruz.

Öneriler;
  • Değişik fontlar için Dafont en beğendiğim içeriğe sahip site.
Pin It!
Related Posts with Thumbnails
01 09 10