Blogger Önceki ve Sonraki Ok Link Eklentisi

14:34 Unknown 0
Blogger önceki sonraki sayfa ok bağlantı linkinin nasıl eklenir ?
Blogger, Ana sayfa alt kısmında ve okumak için açılan yazınızın en alt kısmında görülen Önceki Kayıt →, ← Sonraki Kayıt, sayfa bağlantı linkinin yan kısımlarına ok iconu → ekleyerek blog’unuzu özelleştirin. Blogger’un kendi şablon tasarımında olmayan bu eklentiyi kullanarak tema tasarımınızı değiştirebilirsiniz. Blogger şablon kodlarına ekleyeceğimiz kod aslında küçük bir alanı kapsamaktadır. Ancak yeni blog oluşturan ve kod konusunda henüz tam gelişmemiş yazar arkadaşlarıda düşünerek eklecekleri kodu bir bütün olarak aşağıda vereceğim. Ekleyeceğiniz bu kod hem Blogger hemde Blogger özel  tasarım şablonlarında kullanılabilir. Uygulama sonucunda blog sayfalarınızdaki görünüm aşağıdaki şekilde olacaktır.
← Sonraki Kayıt   Ana Sayfa   Önceki Kayıt →

Blogger’a ekleyeceğiniz kod eklentisi hakkında bilgi :

1. Aşağıda vereceğim kod, blogunuzda iki yerde bulunmaktadır. Bunlardan biri sayfa mobil görünüm için, diğeri ise sayfa yazılarınıza götüren kısım içindir. ( blog-pager )
2. Kodu ekleyeceğimiz kısım blog sayfaları kısmıdır. yani ikinci bulacağınız kod kısmını ekleyeceksiniz.
3. Blogger şablon kodlarına kod’u eklemeden önce blog’unuzun yedeğini alın.
4. Blogger şablon kodlarınız açın ve Ctrl+F ile aşağıdaki kodu bulun. 
<div class='blog-pager' id='blog-pager'>
5. Arama penceresinde enterleyerek 2. kod’a ulaşın. Aşağıdaki verdiğim şekilde kodları göreceksiniz. Bu kodları seçin. 
<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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
     </span>
   </b:if>
   <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>


   <b:if cond='data:mobileLinkUrl'>
     <div class='blog-mobile-link'>
       <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
     </div>
   </b:if>


 </div>
 <div class='clear'/>
</b:includable>
6. Bulduğunuz ve seçtiğiniz bu kod’un yerine aşağıdaki kodları yapıştırın ve blog’u kaydedin, tarayıcı yeni sekmede yaptığınız işlemi kontrol edin. 
<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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;larr;&amp;nbsp;<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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/>&amp;nbsp;&amp;rarr;</a>
     </span>
   </b:if>
   <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
   <b:if cond='data:mobileLinkUrl'>
     <div class='blog-mobile-link'>
       <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
     </div>
   </b:if>
 </div>
 <div class='clear'/>

</b:includable>
7. Artık Blogger, blog’unuzun Ana sayfa ve içeriğiniz açıldığında okuyucunuza ok işareti ile yön gösteren bir görünüme sahip. Blogger şablonunuzu özelleştirmek için, kendi tema tasarımınızı düzenleme zevkini yaşamak ister misiniz ?
Okuyun ⇒ Blogger tema tasarımı hakkında bilgiler.

0 yorum:

Kaydol: Kayıt Yorumları (Atom)