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 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 bulup sağ tarafa taşıyabiliriz?

Blogger Devamını Oku isminin sol taraftaki önceki görünümü

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

Devamını Oku Kodları Blog Şablonunda Nerede Bulunur?

Blogger kumanda paneline giriş yapın
ŞablonHTML’yi düzenle tıklayarak şablon kodlarını açın.
→ Ş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 İsmini Sağ Tarafa Almak İçin Uygulama Adımları:

→ Blogger şablon’umuzda yukarıda bulduğumuz etiketi silerek aşağıdaki etiketi ekleyin.
→ Ön izleme yapın. Yaptığınız işlem doğru ise blog’unuzu kaydedin.

Not: Chrome tarayıcı da bazen kod alırken, Google Translate dil çeviri aracı çalışır. Dil çeviri aracı çalışır bir durumda ise tarayıcı 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 şablon kodlarında 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ı karakter 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 değiştirin.
hover color: Yazının üzerine gelince arka plan rengini değiştirmek için 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 ve blog’unuza dönerek yaptıklarınızı kontrol edin.

Ayrıca Bunlarada Göz Atabilirsiniz;

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

Tumblr Blog Yazının Devamını Oku Eklentisi kullanmak

Renk kodlarına buradan bakabilirsiniz

Adnan Güney

Samsun-Turkey doğumlu. 1989-2005 Temsa Mitsubishi Sabancı Otomotiv grubunda çalıştı. Araştırma, Geliştirme, Web siteleri ile uğraşma ve Paylaşımı seven biri.

Share
Published by
Adnan Güney

Recent Posts

Chrome mobil için özelleştirme yeteneği geliyor

Google, yeni bir Chrome özelliği için denemelere başladı. Yapılan denemelere bakılırsa mobil Chrome için özelleştirme…

3 saat ago

Sokağın Çocukları ne zaman başlıyor? Tanıtım fragmanı yayınlandı

Sıfır Bir Yapım imzalı 'Sokağın Çocukları' yeni sezonunda gerçekçi karakterleriyle yepyeni suç hikayelerini seyirciye aktaracak.…

3 saat ago

Tüketicilerin En Fazla Şikayet Ettiği Konular Açıklandı: İnternet Abonelikleri İlk Sırada

Tüketici hakem heyetlerine mayıs ayına kadarki dönemde toplam 216 bin 143 başvuru yapıldı. Bu başvurularda…

5 saat ago

Avatar: Frontiers of Pandora Resmen Duyuruldu: Oyundan İlk Tanıtım Videosu Geldi

James Cameron'ın 2009 yapımı başarılı filmi Avatar'ın bir oyununun geleceğini uzunca yıllardır biliyorduk. Geçtiğimiz gün…

5 saat ago

80’ler Efsanesi He-Man’in Netflix Versiyonundan İlk Fragman Geldi

80’li ve 90’lı yılların en sevilen çizgi filmlerinden olan He-Man’in Netflix versiyonu için ilk fragman…

21 saat ago

Onaylanan Alzheimer İlacına Karşı Çıkan Bilim İnsanları İstifa Etti: Kanıt Yok, Yan Etkisi Çok

Geçtiğimiz günlerde ABD Gıda ve İlaç Dairesi (FDA) tarafından onaylanan Alzheimer ilacı Aduhelm ile ilgili…

22 saat ago