Blogger Post Otomatik Devamını Oku Eklentisi

Blogger, blog şablonu özel tema tasarımı yapılmış gibi sol tarafta ölçekli resim, sağ tarafta devamını oku, yazı uzunluk ayarı, hatta yazılarınızı her iki yana yaslayan (justify) yazı biçimi ile özelleştirin. Devamını oku yazı linkine resim dahi ekleyebilirsiniz. Blogger yazının devamını oku biçimini atlama aralığı kullanarak yaptığımızı biliyorsunuz. Yazılarınızı ister atlama aralığı ile kesin isterseniz kesmeyin ekleyeceğiniz kodlar ile yapacağınız ayarlar,  Ana Sayfa da görülecek olan tüm yazı ve resimler otomatik biçimlendirilmiş olarak muntazam sıra ve düzende görülecektir.

Tüm bu işlemleri yapabileceğiniz uzun bir yazı hazırladım. Kodları sağlıklı bir şekilde eklediğiniz de, Blogger temanız tıpkı özel temalar gibi görülecek. Kodları şablona eklemek için ilgili adımları takip etmeniz yeterli olacaktır.

Öncelikle! Blogger temanızın bir yedeğini alın. Kumanda PaneliŞablon HTML’yi Düzenle→ ile blog’unuzun kodlarını açın. Şablon içine tıklayarak Ctrl+F ile aşağıdaki etiketi bulun.
devamini-oku
Kod:1

 </head>  

Bulduğunuz etiketin hemen üstüne aşağıdaki kodları ekleyin.

Kod:2

Kodlarda bozulma olmaması için Google Drive Dokümanlar ile web ortamında paylaşıma açılmıştır.

Buradan Google Drive Dokümanlara giriş yaparak kodları alabilirsiniz.

Blogger Eklentinin Özelleştirilmesi :

1. Eklediğimiz kodlarda resim Genişlik x Yükseklik ve Yazı uzunluğunu belirleyebilirsiniz.

Kod 2 içindeki satırları bulun.

→ var thumbnail_mode = “yes”; ⇒ Ana Sayfa yazınızdaki resmi “yes” göster “no” gösterme

→ summary_noimg = 430; ⇒ Yazıda resim yok ise yazının uzunluğunu belirler.

→ summary_img = 340; ⇒ Yazıda resim varsa, yazının uzunluğunu belirler.

→ img_thumb_height = 200; ⇒ Resmin yüksekliğini belirler.

→ img_thumb_width = 200; ⇒ Resmin uzunluğunu belirler.

Devamını Oku isminin özelleştirilmesi :

Yukarıda yaptığımız işlemlerden sonra Devamını Oku » ismini CSS kod yardımı ile özelleştirelim. Aşağıdaki kodu şablonda bulun.

Kod:5

]]></b:skin>

Bulduğunuz bu etiketin hemen üstüne aşağıdaki kodları ekleyin.
Kod:6

.more{
float:right;
color:#000;
font-size:13px;
}

 CSS kodunun özelleştirilmesi :

float:right; ⇒ Devamını Oku ismini sağ tarafta gösteriyor. Sol tarafta olmasını istiyor iseniz kod’u şu şekilde değiştirin. Devamını Oku ismi sol tarafta görülür.

float:left;

→ color:#000; ⇒ Devamını Oku ismi siyah renkte görülür. Siz on altılık renk kodlarından birini kullanmak isterseniz buradan bakarak kodu alabilirsiniz. Bazı temalarda renkler Blogger şablon css ekleme kısmındaki sekmede yapacağınız ayarlar ile çalışmaktadır.

→ font-size:13px; ⇒ Devamını Oku isminin font büyüklüğüdür. Rakamları değiştirin.

Devamını oku ismi çift görülürse neler yapılabilir :

Kod8 de verdiğim kod ile şablonda arama yapın. Kod7 deki gibi kodları bulacaksınız.

Bu kodları sildiğiniz de çift görülen Devamını Oku isminin biri kalkacaktır. Ancak bu kodların ileride lazım olacağını düşünerek ben farklı bir yol izliyorum. Kod7 sadece bilgi amaçlı verilmiştir. İsterseniz silebilirsiniz.
Kod:7

<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>

→ Yukarıdaki kodu silmediğinizi düşünerek ikinci Devamını Oku ismini gizleme yapacağız.

devamini-oku-cift-isim-goruntusu

Aşağıdaki etiketi bulun.
Kod:8

<b:if cond='data:post.hasJumpLink'>

→ Bu etiketin hemen üst kısmına aşağıdaki etiketi ekleyin ve şablonu kaydedin. Şablon hata kodu verecektir.
Kod:9

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Kod7 de en alttaki “ </b:if> “ etiketini, aşağıdan kopyalayın ve hemen altına ekleyerek şablonu kaydedin. Blog hatası düzelecektir. Sonuç için ilk resmi inceleyin.
Kod:10

</b:if>

→ Blog Ana Sayfa da yazınızın kesilerek devamını oku kısmına kadar olan alıntı yazınızı sağa ve sola yaslamaya yarayan ( justify ) kodunu kullanmak isteyen arkadaşlar içindir. Uygulamayı kullanmak isteyen arkadaşlar kod5 yazan penceredeki kodu bulsun ve hemen üst kısmına aşağıdaki kodu ekleyerek blog’u kaydetsin. Yazılar artık sağa sola yaslanmış olarak çıkacaktır.
Kod:11

.post-body{
text-align:justify;
text-justify:inter-word;
}

Ayrıca bakınız ⇒ Blogger yazının devamını oku ismini resimli yapmak için link. Blogger’un kendine ait temasını özelleştirebileceğiniz birçok eklentiye sahipsiniz. Yazı hakkında sorunlarınızı yorumlarda paylaşın.
==> Duyarlı Devamını Oku eklentisi için inceleyin.

Yazar 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.

2 Yorum

Yorum Bırakın
  1. Hocam ben devamıni oku eklentesini o kadar ugraşmama ragmen olmadi. Üstelik şablon içine de kodlari yerlestirdim ve kodlar orda kaldi. Hem devamini oku etikedi olmadi.. kodlar sablonda kaldigi icin sorun olurmu.

    • Sezer bey merhaba; Blogger kullanılan tema yapısı gereği Devamını Oku> uygulaması eklemeniz gerekmiyordu. Sizin temanızda Devamını oku Atlama aralığına gerek yok. Makaleyi açmak için ilgili başlık linkine veya alıntı metni yanındaki üç noktaya tıklama yeterlidir. Kodları eklemek için okudunuz makaleyi tekrar okuyun ve tersini yaparak eklenen kodları kaldırın. Çakışma yapar.Temanızı bozabilir. Bu arad yedek almışsınız diye düşünüyorum.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Youtube Video Medyanıza Telif Yasaklaması Olmadan Müzik Ekleme

Blogger Yazının Devamını Oku Eklentisi