Blogger Devamını Oku Eklentisi

Google’a Blogger devamını oku eklentisi yazdığınızda karşınıza çıkan kodları asla kullanmamalısınız. Çünkü bu kodları kullandığınızda o başlığın tüm içeriği ana sayfanıza yükleniyor ve kod yazının belirli kısmını kesip içerisinden bir resim ve istenilen karakterde kelime alıyor. Bu da Google’ın sitenizi kötü değerlendirmesine ya da canonical etiketiniz yoksa içeriğinizin ana sayfanız olarak indexlenmesine sebep olabilir.

<data:post.body/> etiketi Blogger’da içeriğinizin açıklama kısmı anlamına gelir. Bu kod html düzeninde 3 ya da 4 bölümde görülebilir. Birisi içerik sayfaları için, birisi ana sayfa ve diğerleri de mobil özellikler için kullanılıyor. Mobil özelliği devre dışı bırakılıp sadece masaüstü için kod yazılabilir. Bu sebeple öncelikle hangi kodun ana sayfayı etkilediğini bulmalısınız. Bunun için de aşağıdaki başlıkta bulunan adımları baştan sona uygulamanızı tavsiye ediyorum.

Ana Sayfasında Sadece Başlıklar ve Resimler Olanlar için Blogger Devamını Oku Eklentisi

1- İlk olarak Blogger hesabınıza giriş yaptıktan sonra Tema > HTML’yi Düzenle adımlarını uygulayın.

2- Temanın html kodları içerisine tıkladıktan sonra <data:post.title/> kodunu bulun. Bu koddan birkaç tane olacaktır. Bulduğunuz kodları silip temayı kaydedip ana sayfanızdaki başlığın kaybolup kaybolmadığına bakın. Eğer kaybolmuşsa doğru kod bulduğunuz koddur.


Blogger Devamını Oku EklentisiBlogger Devamını Oku Eklentisi

Örneğin ben bu kodu sildiğimde başlık gidiyor. Siz de kodu sildiğinizde devamını oku eklentisi eklemek istediğiniz bölümün başlığının gidip gitmediğini kontrol edin.

3- Aşağıdaki kodu resimde gösterilen bölüme ekleyin.

Blogger Devamını Oku Eklentisi



<p style="display: block; color: inherit; font-size: 22px;">

<data:post.snippet/>

</p>

<a expr:href='data:post.url' style="text-decoration: none; color: #fff;background-color: #000;padding: 15px 25px; display: block;text-align: center;">

Devamını oku

</a>

 

Bu kodu ana sayfanızda başlığın getirildiği kodun altına yazdığınız anda aşağıdaki gibi bir görüntü elde edeceksiniz. Başlığın üst ya da altına resim ya da başlık eklemek gibi işlemleri bir diğer başlıkta anlatacağım.

Blogger Devamını Oku Eklentisi

Gördüğünüz gibi sorunsuz bir şekilde gelmesinin yanında sonuna otomatik üç nokta eklenmiş durumda. Bu kodu kullandığınızda Blogger size belirli bir kelimede snippet getirir ve tüm içeriği ana sayfanıza yüklemeden bu işlemleri gerçekleştirir. Snippet uzunluğunu ayarlamanız için de birkaç uzunluk türü belirtilmiş. <data:post.snippet/> kodu yerine <data:post.longSnippet/> kodunu kullandığınızda daha uzun bir snippet elde edebiliyorsunuz. Blogger Devamını Oku Eklentisi

Blogger Devamını Oku


<data:post.snippet/> kodu yerine <data:post.longSnippet/> kodunu kullandığınızda karşınıza çok daha uzun bir snippet geliyor. Eğer karakter uzunluğunu kendiniz belirlemek istiyorsanız  <b:eval expr='snippet(data:post.body, {length: 10, links: false, linebreaks: false})'/> kodunu kullanabilirsiniz. Length özelliğine girdiğiniz sayı kadar harf uzunluğunda snippet ile karşılaşacaksınız. Blogger Devamını Oku Eklentisi

Blogger Devamını Oku Eklentisi

Ana sayfaya Blogger Devamını Oku Eklentisiyle birlikte resim ve başlık getirmek

Ana sayfanızda başlık, resim ya da herhangi bir element varsa aşağıdan bu elementin kodunu alıp html düzenle bölümünde bu kodu bulun. Birkaç tane olacaktır. Silip değiştirmek istediğiniz yerde sildiğiniz elementin gidip gitmediğini kontrol edin. Eğer gitmişse üst, alt ya da içine aşağıdaki kodlardan birisini eklemeniz kodun karşılığı olan elementin gelmesi için yeterlidir. Blogger Devamını Oku.


Snippet: <b:eval expr='snippet(data:post.body, {length: 10, links: false, linebreaks: false})'/>

Resim: <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>

Başlık: <data:post.title/>

İçerik: <data:post.body/>

İlgili içeriğin hrefi: expr:href='data:post.link ? data:post.link : data:post.url'

Yukarıda vermiş olduğum kodlar html düzeninin her alanında çalışmaz. Dinamik olarak başlıkları getiren bir popüler yayınlar eklentiniz varsa bunun üzerine ve altına bu kodları istediğiniz gibi ekleyerek istediğiniz bölümünü getirebilirsiniz. İşlevselliği gatgetin içerisinde olmasına bağlıdır. Daha fazla bilgi için: BLOGGER TEMA NASIL KODLANIR

Yorum Gönder

Düşünceleriniz bizim için çok değerli!

Sonraki Önceki Ana Sayfa