Blogger da ki navigasyon menüsü yerine resim göstermek

Blogger da sayfalar arasında gezinmeyi kolaylaştırmak için yazıların en altında yeni yazılar ve eski yazılar diye bir navigasyon kullanır sizde isterseniz bu navigasyondaki yazılar yerine resimler kullanabilirsiniz.

 

    leftarrow32                                        home32                                           arrowright32

 

 

 

Bunu yapmak içinde sırası ile  Kumanda Paneli ➜ Yerleşim ➜ HTML’yi Düzenle yolunu takip ederek blog’umuzun kodlarının bulunduğu modüle ulaşıyoruz.

 

 2010-02-10_121250

 

Burada widget-şablonları Widget Şablonlarını Genişlet’in işaretli olmasına dikkat edin, bu tüm kodları görmemizi sağlar.

 

Bu işlemlere başlamadan önce Tam Şablonu Yükle  yazan bağlantıyı kullanarak  mevcut  şablonunuzu yedekleyebilir ve her hangi bir aksiliğe karşı yapmış olduğunuz tüm işlemleri geri alabilirsiniz.

 

I. Adım…  Aşağıda ki kodları bulun

 

<DIV class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'> <SPAN id='blog-pager-newer-link'> <A class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></A> </SPAN> </b:if> <b:if cond='data:olderPageUrl'> <SPAN id='blog-pager-older-link'> <A class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></A> </SPAN> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <A class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></A> <b:else/> <b:if cond='data:newerPageUrl'> <A class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></A> </b:if> </b:if>
</DIV>

 

[Klavyedeki Ctrl +F tuşuna basarak açılan arama formunda Kodu aratarak daha hızlı bir şekilde bulabilirsiniz]

 

II. Adım

Üstteki kodları ↑ bulduktan sonra silip onların yerine Aşağıdaki kodları ↓ kopyalayıp / yapıştırın.

 

 

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img alt='data:newerPageTitle' src='http://bp0.blogger.com/_Zuzii37VUO4/Rf4lJS031KI/AAAAAAAAAfc/JItp8PeZF1U/s1600/botong_atras.gif' /></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'> <img alt='data:olderPageTitle' src=' http://bp2.blogger.com/_Zuzii37VUO4/Rf4lEy031JI/AAAAAAAAAfU/iu3bL2eUbhM/s1600/botong_adelante.gif'/> </a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'> <img alt='data:homeMsg' src='http://bp1.blogger.com/_Zuzii37VUO4/Rf4lMi031LI/AAAAAAAAAfk/m7Qpa985MY0/s1600/botong_home.gif'/> </a> <b:else/> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </b:if>
</div>
Paylaş !

10 yorum:

  1. çok güzel oldu teşekürler

    http://beylikcumleler.blogspot.com/

    YanıtlaSil
  2. Çok başarılı bir anlatım olmuş sorunsuz yükledim..Teşekkürler

    YanıtlaSil
  3. Merhaba tayfun bir sorum olacaktı ben başlık resminin yanına adsense reklam eklemek istiyorum okadar aradım bulamadım başlık resmimin html bilgisini aradım şablonda yanına koyarım reklamın kodunu diye ama onuda bulamadım bir yardımcı olursan sevinirim şimdiden teşekkürler.

    YanıtlaSil
  4. üstadım yardımını bekliyorum.

    birde bu deneme sitendeki alttan cıkıp kaybolan pop up penceresini nasıl yaparız ?
    şimdiden tesekkürler yardımın için.

    YanıtlaSil
  5. ADMİN başlığın yanına farklı bir bölüm oluşturman gerekir..
    ayrıntılı bir anlatım hazırlarım .

    diğer eklentiyi de ben jqueryle yaptım basit birşey onunuda kodlarını

    buraya yazmamın imkanı yok onuda artık bir şekilde anlatırız diyelim.

    YanıtlaSil
  6. Çok saol üstadım hiç bir yerde bulunmayan bilgiler bunlar
    emegin için teşekkür ederim sana . takip ediyorum bütün yayınlarını zaten.

    YanıtlaSil
  7. merhaba ben kumanda panelinde yerleşimi bulamıyorum. yani görünmüyor. ne yapmam lazım?
    teşekkürler

    YanıtlaSil
  8. merhaba irem

    kumanda paneline girdikten sonra yerleşim yerine tasarıma bak..

    (yerleşim sekmesinin adı tasarıma olarak değişti)

    YanıtlaSil
  9. http://s1311.hizliresim.com/1h/q/ut262.png gibi hata alıyorum resmin bir kısmı aşagıda kalıyor

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz