Blogger'da "Devamını Oku" Bağlantısı Yapmak

Blogger'da devamını oku bağlantısı yapmakSizlere bu yazımda Blogger kullanıcılarının derin yaralarından biri olan "Devamını Oku" bağlantısını nasıl oluşturacağımızı anlatmaya çalışacağım. Aslında benim yaptığım Dünya'yı kurtarmak değil çünkü bu konu hakkında Blogger Destek sayfasında yazı var, ancak Google'da aramalarım sonucu bir çok kişinin hala sorunlar yaşadığını gördüm, zaten dikkat ederseniz Blogger tabanlı sitelerde bu bağlantıyı oluşturabilmiş site çok az. Şimdi daha fazla uzatmadan nasıl yapılır onu öğrenelim...


Güncelleme 2: 10.09.2009 tarihinden itibaren Blogger resmi olarak devamını oku özelliğini devreye sokmuştur. Bu sebeple lütfen Blogger Devamını Oku Özelliği Devrede başlıklı yazıyı okuyun.

Güncelleme: Bu yazı 05 Ağustos 2008 tarihinde güncellenerek daha yalın bir hale getirilmiştir. Önceki halini görebilmek için tıklayın.

Uyarı 1: Öncelikle site şablonunun yedeğini almalısınız, ileride çıkacak bir sorundan dolayı sonra kapımı aşındırmayın :-)

Uyarı 2: Burada anlatılan uygulama Blogger'ın eski (klasik) şablonları için geçerli değildir.

Blogger ayarlarından Yerleşim -> HTML Düzenle moduna geçtikten sonra "Widget Şablonlarını Genişlet" seçeneğinin işaretleyin. Böylece şablon kodlarınızın tümünü görebileceksiniz. Şablon kodlarının tamamını görebildiğimize göre şablonun başında bulunan <head> etiketinden hemen sonra

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


kodlarını yapıştırın. Daha sonra <data:post.body/> etiketinden sonra

<b:if cond='data:blog.pageType != "item"'><br/><a expr:href='data:post.url'>Devamını okuyun...>></a>
</b:if>


kodunu ekleyin.

Buraya kadar anlattıklarım ile şablonun altyapısını hazırlamış olduk. Bu aşamadan sonra bloga her yazı yazışımızda gizlemek istediğimiz kısmı belirtmeliyiz. Bunu nasıl yapacağınızı bir örnek ile açıklayayım.

Yazının Gizlenmesi


Uyarı 3: Yazılarınızı yazarken HTML Düzenle modunda yazıp, devamını oku kodunu ekledikten sonra yazınıdaki stillendirmeleri en son yaparak oluşabilecek muhtemel sorunların önüne geçmiş olursunuz.
Bu bir deneme yazısıdır. Bu deneme yazısının 3. cümlesinden sonraki içeriği gizlenecektir. <span class="fullpost"> Bu cümleyle birlikte yazının geri kalanını gizlemiş olduk...</span>

Yukarıdaki örnekte görebileceğiniz gibi yazının gizlenecek kısmının başına <span class="fullpost"> etiketini, sonuna ise </span> etiketi koyduk. Bunu her yazınızda uygulayıp gizlemek istediğiniz kısmı belirtmeniz gerekmektedir.

Yorumlar

  1. mükemmel oldu teşekkürler :)

    YanıtlaSil
  2. gercekten cok teşekkür ederim.ne zamandır deniyordum bir türlü başarlı olamıyordum harika anlatımınızla başardım
    cok cok teşekkür ederim
    saygılarımla

    YanıtlaSil
  3. mergaba ben denedim fakat yapamadım alican07@w.cn bu bnm adresim eklersen bi görüşebilrmiyiz

    YanıtlaSil
  4. @alican yıldız,
    Merhaba. Lütfen Blogger Devamını Oku Özelliği Devrede başlıklı yazımı okuyun.

    YanıtlaSil
  5. ben yusuf bende bunlarin hepsi oliyor fakat problemim söle normalde saklamak istedigim yerlere koydum o kodu saklanmadi ne yazdyisam ne eklediysem hepsi aynen sayfada gözikyior ve altinada devamini oku yazyior yani bir ise yaramyior yardimci olan sevinirse memnun olurum sitem:
    http://dinle-muzik.blogspot.com

    YanıtlaSil
  6. Çok işime yaradı, paylaşım için teşekkür ederim.

    YanıtlaSil
  7. Faydalı bilgi için teşekkür ederim.

    YanıtlaSil
  8. 5 senedir youm yazan olmadımı

    YanıtlaSil
    Yanıtlar
    1. 200 den fazla yorum olduğu için, yorum formunun altına "daha fazlasını görüntüle" linkine tıklayınca son yorumun 2013 yılında olduğunu görebilirsiniz. Zaten Blogger resmi olarak devamını oku özelliğini devreye aldığını yazının başında duyurdum. Bu sebeple yorumlar oradan devam etmeye başladı.

      Sil
  9. Guzel bir site devamli takipteyim basarilarinizin devamini bekleriz

    YanıtlaSil

Yorum Gönder