Blogger’da devamını oku özelliğini etkinleştirmek

Blogger’ın duyurduğu bu yeni özellik sayesinde artık bloger da ki önemli eksikliklerden birisi daha giderilmiş oldu, blogger’da da aynen wordpress'te olduğu gibi devamını oku (Read more) özelliğini kullanmak artık mümkün.

 

atlama aralığı

Blog’unuza yazdığınız yazıları bölerek yazınızın geri kalan kısmını başka bir sayfada göstermenin en büyük avantajı blog’unuzun ana sayfasın da daha fazla yazı gösterebilmek ve ana sayfanızın  daha hızlı açılmasını sağlamak  olacaktır.

 

Günümüzde insanların bir internet sitesinin açılmasını 20 saniyeden fazla beklemediğini var sayarsak kullanılması gereken önemli bir özellik.

 

Sizde bu özelliği kullanmak istiyorsanız ilk olarak Kumanda Panelin den → Ayarlar bölümüne  girerek burada bulunan → Temel sekmesin de  güncellenmiş düzenleyiciyi seçmeniz gerekiyor.

temel ayarlar

 

Bu işlemden sonra yazılarınızı bölerek farklı bir sayfada göstermek tek tıklama ile parmaklarınızın ucuna geliyor.

 

Yazılarınızı blogger’ın yazı editörüne yazdıktan yazınızı kesmek istediğiniz bölümüne gelince sağ üst köşede bulunan "atlama aralığı ekle" aracına tıkladığınızda  yazınızın geri kalan kısmını “Devamı” şeklinde bir link verilerek başka bir sayfada gösterecektir.

 

blogger-devamını-oku

 

 

Görünecek yazının Devamı » şeklinde değil de farklı bir yazı olarak görünmesini istiyorsanız bunu da Kumanda Paneli → Tasarım → Sayfa öğeleri yolunu takip ederek,  Blog Kayıtları yazan bölümün sağ alt köşesinde bulunan düzenle yazan bağlantıya tıkladıktan sonra açılan pencerede, Kayıt sayfası bağlantı metnini değiştir yazan bölümde kolayca değiştirebilirsiniz.

 

kay1t-sayfas1_thumb[2]

 

Devamını oku yazısını özelleştirin

Yukarıda belirtiğimiz şekilde devamını oku şeklinnde bir bağlatıyı nasıl oluşturabileceğinizi yazıyı nasıl değiştirebileceğinizi gördük, şimdide CSS kullanarak oluşturduğunuz bu yazıyı kendi tasarımınıza uygun hale getirebileceğiniz adımlara geçebiliriz.

 

Tüm blog ziyaretçilerimizin CSS konusunda fazla bilgisi olmadığını var sayarsak bu işlemleri tek tek anlatıcağımıza kodları sizin tercihleriniz doğrultusunda hazırlayacak bir eklenti hazırladık sizin yapnız gerekense aşağıda bulunan seçnekelrden tercihlerinizi belirledikten sonra kodu göster yazan butona tıklamak.

 

Kodu özelleştirin
Stil :
Font :
Boyut:
Yön :
Renk :

 

 

Codu Göster
 
<style>
.jump-link{
font-family:'arial',helvetica,verdana,monospace;
text-decoration:none; 
margin:0 0 0; 
padding:0 0 0;
float:right;
font-size:13;
}
.jump-link a{
font-size:13px;
color:#000000;
font-weight:normal;
} 
.jump-link a:hover{
color:#D93F46;
}
</style>

 


1.Adım

Yukarıdaki eklentiyi kullanarak kodu hazırladıktan sonra kopyalayın.


2.Adım 

         

         
Kodu kopyaladıktan sonra sırası ile  Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle yolunu takip ederek blog’umuzun kodlarının açık halde bulunduğu modüle ulaşıyoruz.
 

Yapacağımız işlemlere başlamadan önce Tam şablon yükle yazan bağlantıyı kullanarak Blog şablonunuzu yedeklemenizde fayda var. Daha sonra yapacağınız her hangi bir hata sonrası şablonunuzu geri yükleyerek yapmış olduğunuz tüm değişiklikleri geri alabilirsiniz.


</head>

[ Klavyedeki Ctrl +F tuşuna aynı anda basarak açılan arama formunda Kodu aratarak daha hızlı bir şekilde bulabilirsiniz ]

3.Adım
</head> ifadesini bulduktan sonra hemen üzerine gelecek şekilde
1. adımda kopyaladığınız kodu yapıştırın ve kaydedin❖

 

Not:Yukarı da ki anlatım Blogger’ın standart olarak sunduğu şablonlar için geçerlidir, fakat sizin blog’unuz da kullandığınız şablon internetteki her hangi bir kaynaktan bulduğunuz özelleştirilmiş bir tema ise Devamını oku şeklinde bağlantı vermek için gerekli olan kod sizin şablonunuzda bulunmayabiliyor. Bu kodu kendi şablonunuza eklemeniz gerekiyor.

Özelleştirilmiş bir şablon kullanıcılarının bu kodu eklemek için yapması gerekenleri de görmek için buradaki anlatıma bakabilirler.

 

Bunlarda ilginizi çekebilir                                                             Facebook kategorisi ➜
Paylaş !

48 yorum:

  1. Selam,
    Ben denedim ve benim şablon ile uyumlu. Fakat şöyle bir sorunla karşılaştım: LinkWithin'in altına ekliyor devam ikonunu. Dolayısı ile kopukluk oluyor.

    YanıtlaSil
  2. @NZN Demek istediğini anladım ama bence LinkWith'ni ana sayfanda gösterme yani yazılarını Devamını Oku şeklinde bir bağlantı verdirten sonra açılan sayfada yazıların altında görünsün bunun sana ne avantajı olucak dersen bence ana sayfada her yazının altında link withinin görünmesi güzel değil ve ana sayfanın açılma hızını düşürüyor

    Peki bunu nasıl yapacaksın ona da Buradanbaka bilirsin yazının sonunda bu konu hakkında bir açıklama bulabilirsin.

    YanıtlaSil
  3. güncellenmiş düzenleyiciyi işaretledim ama atlama aralığı dahil bir çok yazım kolaylığı sağlayan sembol çıkmıyor kayıt oluşturmada????

    YanıtlaSil
  4. pınar
    Yazı panelinin HTML'yi düzenle modundaysa düğmeler görünmeyecektir. sağ üst köşesinde bulunan oluştura tıklarsan normale dönecektir.

    YanıtlaSil
  5. ''Kumanda Paneli → Yerleşim → Blog Kayıtlarını düzenle yolunu takip ederek Kayıt sayfası bağlantı metnini değiştirebilirsiniz''

    demişsin kardeşim ama ben böyle bişey bulamadım....Devamını oku etkinliğini etkinleştirmek için başka bir yol var mı peki ??? Cevabınızı bekliyorum.. Teşekkürler!

    YanıtlaSil
  6. Proff

    Yazıda geçen şekilde öncelikle bir yazı yazdıktan sonra buradan kes diye ... atlama aralığı butonuna tıklayarak yazıyı yayınla bu sayede devamını oku şeklinde bir bağlantı oluşturmuş olursun..

    Eğer bu kodlar şablonunda mevcut değilse bu kodları elle eklemen gerekiyor veya yeni bir tema seçmen gerekiyor.

    Kodları buraya yazmamın imkanı yok fakat yazının en altındaki notu okursan nasıl yapabileceğini gösteren bir bağlantıya gidebilirsin.

    YanıtlaSil
  7. Teşekkürler Saolasın ;)

    YanıtlaSil
  8. çok uzun bir yazı vardı ve nasıl bölünebileceği hakkında bir fikrim yoktu. çok işime yaradı, teşekkürler proff...

    YanıtlaSil
  9. Üstad sadece bir tane atlama aralığı konulabiliyor,birden fazla atlama aralığı mümkünmüdür?
    Ben sayfada atlama koymak istediğim yerlere atlama aralığı için olan kodları yapıştırdım ama düşündüğüm gibi olmadı.

    YanıtlaSil
  10. Sefilcoban Yeni bir Yazı yazdığın zaman blogger scripti bu yazın için bir yazı sayfası oluşturur ve ayrıca yazdığın bu yazıyı ana sayfanda gösterebilmen için yeniden eskiye doğru sıralar.

    devamını oku >> şeklinde bir bağlantı, oluşturmakta ki amac, ana sayfada yeniden eskiye, üst üste sıraladığın yazıları kısaltarak yazı sayfasında tamamının okunmasını sağlamaktır. bu sayede blog'uğunun ana sayfasında daha fazla yazıyı da gösterme şanşı bulurken blog ziyaretçilerinin de yazıların arasında daha kolay gezinmesini sağlayabilirsin.

    Senin soruna gelecek olursak devamını oku şeklinde sadece bir bağlantı oluşturabilirsin. yani yazdığın yazıyı sadece bir kez kısaltabilirsin.

    fakat yazdığın yazıda farklı istediğin kadar sayfaya bağlantı oluşturabilir ve bu sayların linklerine devamını oku şeklinde gösterebilirsin.

    YanıtlaSil
  11. benim blogda kumanda panelinde yerleşim menüsü yok bu konuda bi bildiniz var mı ?

    YanıtlaSil
  12. ck1205
    yerleşim bölümü artık yok yerine tasarım bölümü var yani tasarım sayfa öğeleri yolunu izleyeceksin...

    YanıtlaSil
  13. yukarıdaki arkadaşta aynı soruyu sormus o linkte denilenleri uyguladım ama orada bu olayın çalışması anlatılıyo benim istediğim devamı yazısını değiştirmek ama onu değiştireceğim yeri bulamadım

    YanıtlaSil
  14. ck1205 neyini değiştirmek istiyorsun devamını oku yazan yerin tammamını oku şeklinde yapmakmı istiyorsun diyelim?

    Görünecek yazının Devamı » şeklinde değil de farklı bir yazı olarak görünmesini istiyorsun bunu da Kumanda Paneli → Tasarım → Blog Kayıtlarını düzenle yolunu takip ederek sağ alt köşesindeki düzenle bağlantısına tıkla..

    açılan ayfada Kayıt sayfası bağlantı metnini değiştirebilirsiniz. yazan bölüme istediğini yazabilirsin.

    YanıtlaSil
  15. tamam buldum hocam buraya gerek kalmadı demek için gelmiştim yardımcıda olmuşsun teşekkür ettim paylaşımların çok güzel :)

    YanıtlaSil
  16. bilgi için çok teşekkür ederim..
    ne zamandır istediğim bir düzenlemeyi sayende yapabildim.
    çok teşekkür ederim....

    uygulamam başarılı oldu sadece "devamı" yazısını değiştirememem!
    çok da önemli değil ama bildiğin bişi varsa paylaşırsan sevinirim.

    selamlar.

    YanıtlaSil
  17. nilgün

    "devamı" yazısını değiştirebileceğin,hangi tarafa yaslanacağı(sağ,sol),yazı rengi, boyutu gibi kendi şablonuna uyarlayabileceğin kodları hazırlayabileceğin bir eklenti hazırladık ve yazıyı güncelledik.

    yukarıdaki adımları takip ederek devamını oku bağlantısını kolayca özelleştirebilirsin.

    YanıtlaSil
  18. bir sorum daha var size;
    yayınların altında sosyal eklenti var benim ama hiç beğenmedim kaldırmak istiyorum ama not almamışım nasıl yaptığımı hatırlamıyorum
    acaba ne yapabilirim?

    YanıtlaSil
  19. Ben sizin yerinize Not almıştım :)Aslında aynı soruyu Facebook hayran sayfamızda sorduğunuzda cevaplamıştım sanırım görmemiş olmalısınız neyse cevabı buraya taşıyalım ..

    sırası ile Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle yolunu takip ederek blog’umuzun kodlarının açık halde bulunduğu modüle gidin.

    Widget şablonlarını genişlet yazan kutucuğu işaretledikten sonra , Klavyedeki Ctrl ve F tuşuna aynı anda basarak açılan arama formunda <center> ifadelerini aratın , kodu bulduktan sonra yapmanız gereken <center> ile başlayıp </center> biten kod bloguğunu içindeki kodlarla dahil olmak üzere silmek.

    YanıtlaSil
  20. Gerçekten harika bilgi, çok temiz anlatılmış. Teşekkür ederiz...

    YanıtlaSil
  21. Anlatım çok güzel yalnız ne yaptıysam olmadı.İşin ilginç yanı başka bir bloğuma uyguladım oldu ve iki blog da aynı temaya sahip.Şu ufak ayrıntılar yüzünden çok fazla tema değiştirdim.

    YanıtlaSil
    Yanıtlar
    1. yeni yayın düzenleyicisine geçtiğin halde , devamını oku şeklinde bağlantı oluşturamıyorsan , geriye tek bir ihtimal kalıyor kullandığın şablonda kodlar yok demektir kodları kendin eklemelisin.


      sorunun neden kaynaklandığını anlamak için şunu deneyebilirsin.
      Şablonununu yedekledikten sonra sırası ile kumanda paneli -->> tasarım--> HTML'yi düzenle yolunu takip et ve kodlarının açık bulunduğu panelin sol alt köşesinde bulunan Widget şablonlarını varsayılana döndür yazan bağlantıya tıkla bu işlem sayesinde kodlar şablonuna otomatik olarak eklenir ama yaptığın diğer değişiklikleride sıfırlar. sorunun ne olduğunu anladıktan sonra yedeklediğin şablonu geri yükler sin.

      bu şekilde bir yazı yaz ve yayınla devamı oku bağlantısı hala çıkmıyorsa yukarıdaki işlemlerden birisini yanlış yapıyorsun demektir.

      Sil
  22. benim şöyle sorunum var şablon değiştirdim sonra tekrar eski haline getirdim. Bende devamını oku vardı ancak şimdi üstüne read more eklenmiş ve read more u kaldıramıyorum ne yapmalıyım? site http://pickuklar.blogspot.com/

    YanıtlaSil
  23. Ben daha değişik birşey yapmak istiyorum resimli mesela resimli devamını oku butonu
    http://tiktiktiklabana.blogspot.com
    bu adresdeki gibi birşey istiyorum bana yardımcı lurmusunuz lütfen

    YanıtlaSil
    Yanıtlar
    1. Resmin hazırsa HTML'yi düzenle sayfasına geldiğinde Widget şablonlarını genişlet yazan bölümü işaretledikten sonra <data:post.jumpText/> bu kodu arat ve silip yerine aşağıdaki kodları yapıştır.

      <img title="devamını oku" src="bu hazırladığın resmin linki gelecek"/>

      Sil
  24. Selamlar, ben otomatik devamını oku script'i kullanıyorum fakat blog'uma eklediğim videolar özet bölümünde görünmüyor. Sadece yazı başlığı ve devamını oku linki görünüyor. Videoları özet bölümünde nasıl görünür yapabilirim. Bu konuda bana yardımcı olabilir misiniz?
    Kullandığım kod;
    http://blogger--destek.blogspot.com/2010/07/blogger-otomatik-devamn-oku-ve-otomatik.html

    YanıtlaSil
    Yanıtlar
    1. videolar için farklı script kullanmalısın, daha doğrusu Youtbe için, videoyu direk blogger'a eklersen Google videoyaya ekleneceği için otomatik devamını oku bağlantısı google videonun görseli gösterir ama videolar youtubede ise bunun için farklı bir kod lazım boş kalırsam bunun için bir yazı yazarım..

      Sil
    2. Bu koni ile ilgili yazacağınız yazıyı merakla bekliyorum. İlginiz için teşekkürler.

      Sil
    3. zaten uzun süredir aklımdaydı, sürekli soru geliyordu bu konu hakkında hatta yine bizim blog yazarı arkadaşlarımızdan biri bu konuda bir yazı yazmaya başmlamıştı fakat ne hikmetse bir türlü yazının sonu gelmiyor :)

      Olmazsa onun yazısını tamamlar yayınlarım, ayrıca bahsettiğim scriptin kodlarını ve kullanımı da yazıya eklerim.

      Sil
  25. merhaba ben solda ya da sağda değil de tam olarak postun altında bulunmasını istiyorum. ne yapmam gerekiyor?

    YanıtlaSil
    Yanıtlar
    1. Merhaba..
      Sırası ileBlogspot Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle yolunu takip ederek blog’unuzun kodlarının açık halde bulunduğu modüle gidin, burada klavyenizdeki ctrl ve f tuşlarına aynı anda bastıktan sonra bu ]]></b:skin> kodu aratın, bulduğunuz bu kodun hemen üstüne gelecek şekilde aşağıda bulunan kodları ekleyip kaydedin.

      .jump-link{
      float:left;
      padding:0 0 0;
      margin:0 0 0 300px;
      }

      Sil
  26. tayfun bey merhaba,
    benim bloğumda devamını oku sekmesi artık çalışmıyor. Önceki bir postumda kullanmıştım, çalışıyordu ancak yeni bir postumda atlama aralığı ekle dediğim zaman ekliyor ama postu bölmüyor, devamını ekle yazısı çıkmıyor. nedeni ne olabilir?

    YanıtlaSil
    Yanıtlar
    1. merhaba sevgi hanım daha önce post bölümün HTML kodlarında bir düzenleme yaptıysanız yani linkwithini oraya eklemeye çalıştıysanız belkide devamını bağlantısının kodlarını silmiş olabilirsiniz..

      bunu anlamak için (yeni güncel panele göre) sırası ile Blogspot Kumanda Paneli ➜ Şablon ➜ HTML’yi Düzenle yolunu takip ederek Devam et yazan butona basın daha sonra widget şablonlarını genişlet yazan bölümü işaretledikten sonra klavyenizdeki Ctrl ve f tuşlarına aynı anda basıp açılan arama formunda jump-link diye aratın arama sonuçlarında aşağıdakine benzer bir kod grubu çıkıyor mu önce ona bakın, eğer bu kodlar çıkmıyorsa sizin eklemeniz gerekiyor.

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

      kodlar çıkmıyorsa nereye ekleyebileceğinizi anlatırım .. bu işlemler zor ben yapamam diyorsanız da şablonunuzu bu (tayfun@bloggermodifiye.com) adresinden bana yollayın ben kontrol ederim.

      Sil
  27. tayfun bey kontrol ettim yazdığınız kodlar var ama ben yinede size şablonumu mail olarak atıyorum.

    YanıtlaSil
    Yanıtlar
    1. kodlar bulunuyorsa demek ki şablonun koduyla ilgili bir sorun değil bu farklı bir sorun şunu da deneye bilirsiniz örnek son yazınızı düzenlemek için yazı panelinde açtıktan sonra yazı panelini HTML moduna getirin yazınız kodları ile birlikte açıldıktan sonra yazınızı nereden kesmek istiyorsanız oraya <!--more--> bu kodu yazıp yayınlayın..

      ayrıca şunuda deneyebilirsiniz bloggerın yeni görnümünü kullanıyorsanız kumanda panelinin sağ üst köşesinde bulunan çarklı diş ikonuna tıklayıp eski arayüze dön yazna bağlantıya tıklayarak eski arayüzde yazınızı bölmeye çalışın eski arayüz kullanıyorsanız yeni ara yüze geçiş yapın bunları sırası ile deneyin hangsi işe yararsa sorunun ne olduğunu anlamış oluruz.

      Sil
    2. ikisinide denedim tayfun bey olmuyor :(

      Sil
  28. tayfun bey hala düzeltemedim dediklerinizi yaptım ama devamını oku çalışmıyor. Lütfen yardım edin...

    YanıtlaSil
    Yanıtlar
    1. size önerbileceğim tüm işlemleri önerdim son olarak ayarlar kısmından güncellenmiş yayın düzenliyicisinin işaretli olduğundan emin olun birde şablonunuzun yedeğini alarak farklı bir şablon deneyin eğer şablon değişikliği yaptığınızda sorun ortadan kalkıyorsa sorun şablonunuzda demektir o zaman tekrar bakarız ama şablon değiştirdiğiniz halde sorun yaşıyorsanız...demekki yazı paneliyle ilgili bir sorundur..


      bunlarıda deneyin derim size olmadı otomatik devamını oku şeklinde bir eklenti tanıtacam onu şablonunuza eklersiniz.

      Sil
  29. bende blog kayıtları diye bir buton yok acaba nereden ulaşabilirim

    YanıtlaSil
    Yanıtlar
    1. sanırım yeni ara yüzü kullanıyorsun o yüzden bulamıyabilirsin...
      Kumanda Paneli → Yerleşim yolunu takip et ve klavyendeki ctrl ve f tuşlarına aynı anda bastıktan sonra açılan arama formunda Blog Kayıtları diye arat bu bölümün sağ alt köşesinde bulunan düzenle yazan bağlantıya tıklayacaksın.

      Sil
  30. Merhabalar,

    Videoların ve resimlerin özet bölümünde gözükmesi için bir script geliştireceğinizden bahsetmişsiniz.Scripti yazma fırsatınız oldu mu aceba?

    YanıtlaSil
    Yanıtlar
    1. yotube videolarından bahsediyorsan bir kaç güne hazırlar yayınlarım..

      Sil
  31. iyi gunler diliyorum benım sorunum su devamını oku yazısını tam yazının altına gelmıyo resmın bıttıgı yere gelıyo yanı bı kac satır yukarı alabılmem mumkunmu acaba

    YanıtlaSil
  32. Merhaba,
    Ben Ayarlar bölümünden Temel sekmesine giriyorum ama güncellenmiş düzenleyici vs. herhangi bir şey göremiyorum?

    YanıtlaSil
  33. Çok yararlı bir yazı olmuş blogumda uyguladım teşekkürler

    YanıtlaSil
  34. Merhaba, atlama aralığını hazır bir şablon ile kullanıyorum. Benim sıkıntım ana ekranda yazının yanındaki resimlerin boyutu. En boy oranını değiştiremiyorum, çirkin duruyor. Blog burada: bakınca ne dediğim anlaşılacaktır. http://ucalisan.blogspot.com.tr/

    YanıtlaSil
  35. Merhabalar blog sayfamda anada sayfada devamını oku eklentisi var ve yazım belli bir yere kadar görünüyor bu eklentiyi nasıl kaldırabilirim acil yardımcı olurmusunuz ödevi teslim etmem lazımda

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz