Blogger’da “devamını oku” bağlantısı

26 / Şubat / 2008 Author

İsa Engiz

Blogger / Blogspot Tags

Blogger / Blogspot Yorumlar

21 Yorum Yapilmis.

Eğer bir blogger kullanıcısıysanız ve uzun yazılar yazıyorsanız, yazıların ilk paragraflarını giriş paragrafı olarak değerlendirmek isteyebilirsiniz. Aynen bu blogda olduğu gibi yazının bir kısmından sonra ziyaretçiyi tek bir gönderinin bulunduğu sayfaya yönlendirmek isteyebilirsiniz. Böylece anasayfanız biraz daha düzenli olur ve kullanıcılar blogda hangi konularda yazıların olduğunu daha çabuk farkedebilirler.

Eğer Wordpress kullanıyorsanız “devamını oku” şeklide bir bağlantı ile yazıları bölmek kolaydır, ancak blogger / blogspot bloglarında bu nasıl yapılacak, işte bu yazıda…

Adım 1: hazırlık

İlk önce blogger kontrol paneline gidiyoruz ve sırasıyla yerleşim -> HTML düzenle bağlantılarına tıklıyoruz. karşımıza blogumuzun html kodlarının bulunduğu bir sayfa gelmeli. Kodların bulunduğu alanın hemen sağ üst köşesinde “widget şablonlarını genişlet” diye bir kutucuk vardır bu kutucuğu işaretliyoruz. Hazırlık aşaması tamamlanıyor böylece.

Adım 2: CSS

2 adımda şablonumuza css kodu ekleyeceğiz. 4. veya 5. satırda şöyle bir kod olmalı:

<head>

Bu kodun hemen altına şu kodları yapıştırıyoruz:

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

böylece 2 adımda tamamlanmış bulunmakta.

Adım 3: “devamını oku” bağlantısı

3. adımda şablonumuzun orta kısımlarında bir yere kodumuzu ekleyeceğiz. Şablonumuzun orta ksımılarında şöyle bir kod olmalı, onu buluyoruz:

<data:post.body/>

Bu kodun yerini bulmak biraz zaman alabilir, bulamazsanız “ama bu şablonda öyle bir kod yok!” diye yakınmayın lütfen, çünkü orada bir yerde.

Bu kodu bulduktan sonra hemen altına aşağıdaki kodu yapıştırıyoruz:

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

Böylece işin zor tarafını aşmış bulunmaktayız, artık son adıma geçebiliriz.

Adım 4: yazıların düzenlenmesi

Son adımda yazıları düzenlememiz gerekiyor, yazımızı böleceğimiz yere ve yazının sonuna kod eklememiz gerekmekte:

<span class="fullpost">

bu kodu yazıyı bölmek istediğimiz yere ekliyoruz, aşağıdaki kodu ise yazının sonuna eklemeliyiz:

</span>

Sonuç itibariyle yazımız şöyle olacak:

Bu güzel yazılardan bir tanesi.
Bu güzel yazının devamı da var ama...
<span class="fullpost">
İşte burası da yazının devamı...
çok uzun bir yazı bu...
</span>

Ve böylece işlemimizi tamamlamış bulunmaktayız, “devamını oku” bağlantılarını istediğimiz yazıya bu şekilde verebiliriz.

Sonuç

Yukarıdaki 4 adımı gerçekleştirdikten sonra işlemimiz tamamlandı ancak göz önüne alınacak bir kaç husus bulunmakta:

Gönderilerinizi yazarken blogger size 2 seçenek sunuyor, yazılarınızı ya “oluştur” ekranında ya da “Html Düzenle” ekranında yazıyorsunuz. oluştur ekranında yazılarınızı yazarsanız sorunlar oluşabilir çünkü WYSIWYG düzenleyicisi diye adlandırılan bu metin editörü, siz yazınızı düzenledikçe arka planda < span> etiketi eklemekte ve bu da dokümandaki < span> etiketleri arasındaki uyumu bozmakta. Sonuç olarak “devamını oku” bağlantısı bu editörü kullandığınızda çalışmayabilir. Tavsiyem, “Html Düzenle” sekmesine tıklayarak yazılarınızı kendiniz düzenlemeniz.
Anasayfada, her bir yazının sonunda “devamını oku” bağlantısı gözükecektir bu düzenlemelerden sonra, yani, her yazınızı “devamını oku” bağlantısı ile bölmelisiniz.

İşte bu kadar.

- Bu blogda yer alan yazıları RSS ile takip edebilirsiniz. RSS aboneliği için tıklayın.

- Ya da bu blogda yer alan bütün yazıları içindekiler sayfasında görüntüleyebilirsiniz. Tıklayın!