Şu anda Görüntülemektesiniz;  Blogger (Blogspot) Bloguna “Devamını Oku” Butonu Yerleştirme
Tarih: 
Google Özel Arama Yükleniyor..
YukarıİletişimYazıya Yorum Gönder!
facebook share twittershare

Blogger (Blogspot) Bloguna

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.

Blogger (Blogspot) Bloguna

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. 

Blogger (Blogspot) Bloguna

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='http://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. 

facebook share twittershare

    Pembe Pudralı Kız 23 Eylül 2016, 00:36

    Maalesef sağ tarafa doğru kaydı. Bunu nasıl düzeltebilirim?

    https://pembepudralikiz.blogspot.com.tr/

    Lordiz 23 Eylül 2016, 16:19

    @Pembe Pudralı Kız; Merhaba. Şuan ortada duruyor. Ancak grafiğin sol tarafındaki fazlalıktan ötürü tam ortalanmış durmuyor. Ondan mı bahsediyorsunuz?

Üyeliksiz Yorum Bırak

Sorularınıza gelen cevapları görmek için sayfayı CTRL+D tuşları ile Yer İmlerine eklemeyi unutmayın.





Reklamlar
 

Son Yazılar

TEKNOTV Videolar

Son Yorumlar
Unutulmaz
 

Reklam
 

Reklam
 

Reklam
 

Reklam
 

Reklam
 

© 2016 Lordiz.com