Blog yazılarınızda, “Yazının Devamını Oku” görüntüsünü farklı bir resim görseli ile değiştirebilirsiniz. Özel olarak hazırladığım resimlerden birini kullanarak, blogger Devamını Oku veya Read More yazılı resimi eklemek için yapılması gereken işlemleri aşağıda inceleyelim;
1. Blogger kontrol paneline giriş yapın. Blog’un yedeğini alın.
2. Şablonu açın ve Widget genişlet seçeneğini kullanarak aşağıdaki etiketi bulun.
<b:if cond='data:post.hasJumpLink'>
3. Şablon içinde bulduğunuz kod görüntüsü aşağıdaki gibi karşınıza çıkacaktır.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
4. Bu kod içinde renkli olarak belirttiğim aşağıdaki etiket satırını bulun. Yukarıda verilen Kodları kaydırıp işaretli kısma bakabilirsiniz.
<data:post.jumpText/>
5. Yukarıdaki etiketin olduğu yere aşağıda verilen resim kod linkini yapıştırın.
<img src='https://lh6.googleusercontent.com/-s2MD2CNHsx8/UU5iBVUODrI/AAAAAAAARVw/e2pokicnMuc/s128/Yaz%C4%B1B.png'/>
6. Mavi Renkli resim linkini istediğiniz bir görselin linki ile değiştirebilirsiniz.
7. Kod aralarındaki tırnaklar açık kalmasın dikkat ederek resim linklerinizi ayarlayın.
8. Blog şablon’unuz da göreceğiniz kod’u, vermemin amacı herhangi bir hata yaparsanız aynı kodu yerine ekleyerek hatayı düzeltmeniz içindir. Kafanızı karıştırmasın.
9. Ayrıca birkaç farklı resim linkleri oluşturdum. Beğendiğinizi kullanabilirsiniz. Konu hakkında sorun yaşarsanız yorumlar bölümünde belirtin.
10. Hazırladığım resimleri, aşağıdaki linkten görebilir, Resim URL’sini alarak kullanabilirsiniz. Resimler kamuya açıktır.
→ Resimleri görmek için giriş yapın.
Visitor Rating: 5 Stars