Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için Müthiş "Önceki - Sonraki Yazı" Eklentisi


FacebookTwitterPinterestTumblrYazdır


Blogger'da yazı içerisinde en altta "Önceki Kayıt" ve "Sonraki Kayıt" adlı bağlantılar bulunmaktadır. Ancak maalesef ki bu alanın dikkat çekici olmadığı dile getirilebilmektedir. Bu yüzden tüm Blogger kullanıcıları için bir eklenti hazırladım. WordPress'te de benzerlerine rastlamış olmalısınız. Yazı içerisinde görüntüleniyor eklenti ve önceki, sonraki yazılara bağlantı veriyor. Dilerseniz eklentiye ait ikonları değiştirebilirsiniz. Aşağıdaki adımları izlemeniz bu yönde yeterlidir.

AYRICA: Blogger’da Kodların Biçimini Değiştirelim

Blogger için Önceki Yazı ve Sonraki Yazı Eklentisi

1) Temanızın CSS bölümüne aşağıdaki kodları ekleyin.

.arrowLeft a {
position: fixed;
z-index: 100;
left: 0;
top: 45%;
}
.arrowLeft a:hover {
left: 0;
color: #fff;
}
.arrowRight a {
position: fixed;
z-index: 100;
right: 0;
top: 45%;
}
.arrowRight a:hover {
right: 0;
color: #fff;
}
.arrowNav a {
color: #fff;
text-decoration: none;
font-size: 15px;
}

2) Temanızın HTML kodları içerisinde aşağıdaki kodu bulun.

<div class='post-footer-line post-footer-line-3'>

3) Yukarıdaki kodun hemen bitişine, aşağıdaki kodları ekleyin.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='arrowNav'>
<div class='arrowLeft'>
<b:if cond='data:newerPageUrl'>
<a class='arrowLeft' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://2.bp.blogspot.com/-KN5OMBldIUU/WTBbWfA6xpI/AAAAAAAAO-4/nBsNDIKLKOwFVOdw7N_ApD6HVIRMg54NgCK4B/s1600/sol-ok.png'/></a>
</b:if>
</div>
<div class='arrowRight'>
<b:if cond='data:olderPageUrl'>
<a class='arrowRight' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://2.bp.blogspot.com/--fqWUOn3Rlk/WTBbbkfNxtI/AAAAAAAAO_A/coRgfd9cLGcEIlgu7BMndfkmp9aekNn7gCK4B/s1600/sag-ok.png'/></a>
</b:if>
</div>
</div>
</b:if>

Örnek Görünüm


    • Büşra Kurt
    • 29 Mayıs 2018, 13:12

    Merhabalar, benim sorum biraz farklı yardımcı olabilirseniz çok sevinirim.

    Bloguma önceki sonraki yazılar eklentisini ekledim. Bilgisayar üzerinden girdiğimde görüntüde de çalışmasında da sorun yok. Fakat TELEFONDA girdiğimde çalışıyor fakat harfler alt alta çıkıyor. Bunu nasıl düzeltebilirim ?

    Yardımcı olursanız çok sevirim, şimdiden teşekkürler

      • Doğan Gezici
      • 30 Mayıs 2018, 17:59

      Merhaba,

      İlgili eklentiyi sorunsuz bir şekilde kurduğunuzda herhangi bir problem olmaması gerekmektedir. Önceki ve Sonraki butonları zaten görsel olduğu için, alt alta çıkan herhangi bir harf olmaması gerekiyor. Lütfen tekrar deneyiniz.

    • Tuz
    • 28 Mayıs 2019, 15:22

    bulunamadı diyor

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık