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.
Blogspot’un 2024 sürümünde sol menüden TEMA seçeneğine tıklayacak, ardından Özelleştir butonunun sağındaki aşağı ok işaretine tıklayarak HTML’yi düzenle seçeneğine tıklayacaksınız.
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.
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.
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 + "#more"' 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 + "#more"' 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.
Maalesef sağ tarafa doğru kaydı. Bunu nasıl düzeltebilirim?
pembepudralikiz.blogspot.com.tr/
@Pembe Pudralı Kız; Merhaba. Şuan ortada duruyor. Ancak grafiğin sol tarafındaki fazlalıktan ötürü tam ortalanmış durmuyor. Ondan mı bahsediyorsunuz?
What’s up, all is going perfectly here and ofcourse every one is sharing data, that’s really good, keep up writing.