Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

Tümünü Görüntüle

Blogger İçin Devamını Oku Kodunu Bulma

Blog yazılarınız için, atlama aralığı seçeneğini belirledi iseniz , belirlediğiniz yerden sonra yazınızın devamı görülmez. Yazınızın bund...

...
Blog yazılarınız için, atlama aralığı seçeneğini belirledi iseniz, belirlediğiniz yerden sonra yazınızın devamı görülmez. Yazınızın bundan sonraki aşamasında Devamını Oku » biçimi görülür. Devamını oku ismi, Klasik Blogger ana sayfada sol tarafta varsayılan olarak atanmıştır. Ancak bu seçeneği beğenmeyen blog yazarları olabilir. Blog yazılarınızda atlama aralığı seçeneğinden sonra görülen, “Devamını Oku” ismini, blog şablonunda nasıl buarak sağ tarafa taşıyabiliriz?

NOT: Tüm eklentileri kullanırken Html ve CSS kodları hakkında bilginiz yoksa mutlaka blog’unuzun yedeğini almayı unutmayın. Blogger yedekleme iki şekilde alınır unutmayın.

Devamını Oku kodu blog şablonumuzda nerede bulunur :

Blogger kumanda paneline giriş yapın
→ Şablon → HTML’yi düzenle tıklayarak şablonumuza ulaşalım
→ Şablonda boş bir yere tıklayarak CTRL+F ile aşağıdaki etiketi aratın. Bulduğunuz bu etiket, Blogger’un varsayılan Devamını Oku ismine ait kod kümesidir.



<div class='jump-link'>

Devamını Oku ismini sağ tarafa almak için uygulama adımları :

→ Blogger şablon’umuzda yukarıda bulduğumuz etiketi silerek aşağıdaki etiketi ekleyin
→ Önizleme yapın. Yaptığınız işlem doğru ise blog’unuzu kaydedin.
Not: Chrome tarayıcılarda bazen kod alırken, Google Translate dil çeviri aracı çalışır. Dil çeviri aracı çalışır bir durumda ise tarayıcıda orijinal sekmesine tıklayarak kodu almaya çalışın. Dil çeviri aracı çalıştığı sırada kod araları açılacağından sağlıklı olarak kod’u alamazsınız. Böyle bir durumda aldığınız kod çalışmayacaktır.



<div class='jump-link' align='right'>

Devamını Oku yazısının özelleştirilmesi :

→ Blog şablonunuzda aşağıdaki etiketi bulun.


</head>

→ Bulduğunuz bu etiketin üstüne aşağıdaki CSS kodlarını yapıştırın


<style>
.jump-link{
font-family:'arial',helvetica,verdana,monospace;
text-decoration:none; 
margin:0 0 0; 
padding:0 0 0;
font-size:14px;
}
.jump-link a{
font-size:13px;
color:#2662DF;
font-weight:normal;
} 
.jump-link a:hover{
color:#D93F46;
}
</style>

Yazıyı özelleştir :

font-family : Yazı ailesini değiştirir
font-weight : Normal ve kalın olarak değişebilirsiniz.kalın yapmak için, ( bold ) yazın
font-size : Yazı boyutunu değiştirmek için 14, 15, gibi
hover color : Yazının üzerine gelince arka plan rengini değişir herhangi bir renk kodu kullanabilirsiniz.

Yukarıda verilen değerlerde istediğiniz renk kodları ve rakamları değiştirerek deneme yapmak için yaptıklarınızı ön izleyin kontrol edin. Kaydedin blog’unuza dönerek yaptıklarınızı kontrol edin. 

Ayrıca bunlara da göz atabilirsiniz;

Blogger, Yazının Devamını Oku ismini resimli yapmak 

Renk kodlarına buradan bakabilirsiniz

10 yorum



  1. blogger kumanda panelindeki otomatik resmi ve yazıları kısaltan daha fazlası uygulamasını ana sayfamıza nasıl ekleyebiliriz


    YanıtlaSil
    Yanıtlar
    1. @Mustafa DERTLİ :
      Yazının başında konuyu açıklayan link verdim.İnceleyebilirsiniz.
      " atlama aralığı seçeneğini belirledi iseniz" bağlantı linki

      Sil
    2. ayarladım teşekkürler

      Sil
    3. @Mustafa DERTLİ
      Blog'unuzda gördüm.Güzel olmuş.Teşekkür ederim.

      Sil
  2. Merhaba Adnan Bey! ''Devamını oku'' ile ilgili tüm yazılarınızı inceledim; ancak blog şablonumda html kodlarını bulup, atlama aralığından önceki karakter sayısını azaltmayı beceremedim. Dediğim gibi anasayfada ''önceki kayıtlar'' sekmesine tıkladığım zaman açılan sayfalarda da bu özelliği kullanmak istiyorum. Bunu nasıl yapabilirim?
    Bu arada dün akşam internet sorunlarından dolayı sizinle iletişime geçemedim. Akşamları kullanamıyorum maalesef. Tüm yardımlarınız için çok teşekkür ettim. Taş olsa sorunlarıma bu kadar sabrederdi; sağolun. Bugün de soracaklarımı ilgili yazıların altında soracağım, sonra sizi yormayacağım; söz :-)

    YanıtlaSil
    Yanıtlar
    1. Rıdvan bey, bir önceki yorumlarda size link bırakmıştım.Herhalde görmediniz.Tekrar link bırakıyorum.Yazıyı okuduğunuzda sorununuzu çözecektir.
      http://guney59.blogspot.com/2012/10/bloggerda-yaznn-devam-nasl-yaplr.html
      İnternet içinde proğram gönderdiğimi hatırlıyorum.Yorulma konusu değilde bazı konuları okumanız gerekiyor.Yazı yazmak beni yormaz tam tersi zevk verir.

      Sil
  3. İşime yaradı hocam teşekkür ederim. Söylediğiniz gibi bu sol tarafta durması konusunda hiç memnun değildim.

    YanıtlaSil
    Yanıtlar
    1. @NetLobi.com:
      Rica ederim.hayırlı olsun.Teşekkürler.

      Sil
  4. denedim ama bir türlü yazdığım kod çıkmadı (chrome kullanıyorum)

    YanıtlaSil
    Yanıtlar
    1. @Ahmet Yıldırım:
      Yazdığınız ismi veya blogunuzun ismini verirmisiniz.Tüm bloglarda bu kod vardır.

      Sil

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.