Blogger (Blogspot) Bloguna “Devamını Oku” Butonu Yerleştirme

blogger blogspot ucretsiz blog Blogger (Blogspot) Bloguna "Devamını Oku" Butonu Yerleştirme

Blogger (Blogspot) yazılarınızda devamını oku bağlantısı için link yerine görsel buton mu kullanmak istiyorsunuz? Cevabınız evet ise, aşağıdaki anlatımımı takip ederek bunu kolaylıkla yapabilirsiniz. Ancak ufak bir detaya dikkat etmeniz gerektiğini belirterek hemen anlatımıma geçiyorum.

Ufak Detay:

Öncelikle kulanılacak bir görsel buton oluşturacaksınız. Butonun silinmemesi içinde görseli her daim taslakta tutacağınız bir yazıya yükleyeceksiniz. Daha sonrasında bu resmin url’sini alarak aşağıdaki anlatıma bakarak gerekli yere yerleştireceksiniz. Eğer birgün taslak yazısını silerseniz, butonda silinecek. Bu sebeple bu konuya dikkat etmeniz çok önemli.

Buton Yerleştirme Nasıl Yapılır?

1.) Blogger paneline giriş yaptıktan sonra blog panelinden Şablon sayfasına geçiyorsunuz. Aktif temanın altından Html’yi Düzenle seçeneğine tıklıyor, tema düzenleme moduna geçiyorsunuz.

1 blogger Blogger (Blogspot) Bloguna "Devamını Oku" Butonu Yerleştirme

2.) Karşınızdaki kodların sollarında rakamlar göreceksiniz ve bu rakamların bazılarının yanında siyah okcuklar olacak. İşte bu okcukların hepsini tıklayarak açtıracak, tüm satırların görünmesini sağlayacaksınız.

for blogger zps43a16b8b Blogger (Blogspot) Bloguna "Devamını Oku" Butonu Yerleştirme

3.) Tüm kodlar göründüğünde ise klavyenizden CTRL + F tuşlarına basarak arama kutucuğunu açıp, şablon kodları içinde şunu aratacaksınız;

<div class='jump-link'>

Tamamını bulamazsanız sadece jump-link araması yapın. Herhangi olumlu sonuç aldığınızda da mevcut kodlamayı;

<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>

Aşağıdaki gibi değiştireceksiniz. (Tabiki http kısmına taslak yazıya yüklediğiniz görselin url’sini ekleyerek)

<div class='jump-link'>
<center><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src='https://blogspot.com/buton-urlsi.jpg'/></a></center>
</div>

Yanlış birşey yapmadıysanız şimdi şablonu kaydedin. Artık Read more (Devamını oku) yazısı yerine sayfada ortalanmış bir butonunuz olacak. (Ortalanmasın derseniz paylaştığım koddaki center grubunu kaldırmalısınız.)

Konuyu özet bir şekilde yazdım ama sorun yaşarsanız, sorunuz olursa yorum panelinden yazabilirsiniz.