13 Mayıs 2009 Çarşamba

Blog Header’a (Başlık) Resim Eklemek

Temamızın header kısmını resim eklemek genelde hepimiz için sorun olmuştur. Genelde sitelerde bu konuyla ilgili olarak ya yarım yamalak açıklamlar var ya da bilenler özellikle söylemek istemiyorlar. Bu yazımızda header kısmına resim ekleme konusuna toptan çözüm getiriyorum.

Öncelikli olarak Temamızın bir BACKUP’ını alıyoruz. Ardından Header kısmına ekliyeceğimiz buradan upload edip bir kenara kopyalıyoruz.

Yönetim Paneli---->Yerleşim -------->Sayfa Öğeleri yolunu izledikten sonra HTML’yi Düzenle’ye tıklıyoruz. Tabi Widgetleri Genişlet’i de tıklamayı unutmuyoruz. Burada bize lazım olan kod:


<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="false" title="The Widgets of Beta Blogger. (Header)" type="Header">
</b:widget>
</b:section></div>


Yukarıda gördüğünüz maxwidgets="1" i maxwidgets="2" olarak ve
showaddelement="no" u showaddelement="yes" olarak değiştiriyoruz.

Ardından temamızı Kaydediyoruz.

Daha işimiz bitmedi devam ediyoruz.

Sayfa Öğeleri’ne tıklıyoruz ve karşınızda header kısmında bizi bekleyen bir Gadget kutucuğu karşılıyor. Resmimizi buraya kaydedeceğiz. Gadget’a tıklıyoruz ve resim linkinden değişiklikleri de yaptıklatn sonra kaydedip çıkıyoruz. Unutmayın başta upload ettiğimiz resmi burada img src’den sonra ekliyoruz.

<a title="Blog Başlığınız" href="Blogunuzun Linki"><img src="Upload ettiğimiz resmin linki" alt="Blogunuzun Başlığı"></a>

Ekleye tıklıyoruz ve işlem tamam. Temanın Header kısmına resim ekledik. Gördüğünüz gibi çok kolay.

Buradan yapılmış bir örneğini de görebilirsiniz.

Bu yazımız faydalı olduyda aşağıdaki yazılarımız da işinize yarayabilir.

Blog Temanızın Genişliği Nasıl Değiştirilir

Blog Yazarken Windows Live Writer Kullanmamızı Gerektiren 13 Neden

6 yorum:

  1. Bu faydalı bilgiler için teşekkürler.

    YanıtlaSil
  2. Yorum bıraktığınız için ben teşekkür ederim.

    YanıtlaSil
  3. yha ben bannerın yanına kod eklemek istiorum siteme reklam alıcam... bana yardmıcı olurmusunuz... sitem http://habergec.blogspot.com msnim rapqariz@hotmail.com

    YanıtlaSil
  4. peki reklamı sağa yaslamak için ne yapmak gerekir

    YanıtlaSil
  5. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  6. Yazılım firmamız olarak Gusto Bilişim Tebrik ederiz. Paykasa

    YanıtlaSil