13 May 2014

Blogger Devamını Oku Ekleme

Resimleri küçük olarak gösteren devamını oku eklentisinde isterseniz büyütebilirsiniz. Resimleri sol veya sağ tarafa kendi isteğinize göre yerleştirebilirsiniz.
Blogger'ın bu vazgeçilmez bir eklentisi olduğunu hepimiz biliyoruz.
Diğer adıyla read more eklentisi olarak da aradığımız eklenti için yapmanız gerekenleri aşağıda belirtiyorum.

1-Blogger Kontrol Paneline girip Şablon butonuna tıklayın
2-Daha sonra HTML'yi Düzenle diyoruz.
CTRL+F tuşuna basın ve data:post.body kodunu bulup silin. Aşağıdaki kodu ekleyin.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <data:post.body/>
     <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>
   <b:else/>
    <div>
     <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
     </b:if>
     <data:post.snippet/>
    </div>
    <div class='jump-link'>
     <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
   </b:if>
  <b:else/>
   <div>
    <b:if cond='data:post.thumbnailUrl'>
     <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    </b:if>
    <data:post.snippet/>
   </div>
   <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
   </div>
  </b:if>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

Tekrar CTRL+F tuşuna basın ve b:skin kodunu bulun aşağıdaki kodu hemen üstüne yerleştirin.
.post-thumbnail{float:right;margin-left:20px}


Right yazını left ile değiştirdiğinizde resimler sol tarafta görüntülenir.
Sormak istediğiniz bir şey var ise yorum formundan sorabilirsiniz.

4 yorum:

  1. Hocam kodunu yok benim blog da

    YanıtlaSil
  2. data post body kodu yok

    YanıtlaSil
  3. Aynen bu şekilde yazman gerekli.
    ctrl+f yaparak yukardaki kodu yapıştır illaki vardır olmayan blog yok bu koddan
    Ayrıca bir de Şablondaki yazıların üstüne gelip ctrl+f yap sonra enter klavyeden tuşuna basarak kodu bulabilirsin

    YanıtlaSil
  4. Kısaca İki şekilde bulabilirsin
    1. Blogger kumanda panelinde iken şablonlar sekmesine tıkla. Açılan sayfada HTML yi Düzenle tıkla. Kodlar üzerine maus sol tık yapıp CTRL+F kombinasyonunu kullan.
    Kodu yapıştırıp klavyeden enter yap.
    2. Aynı sayfada boş alana maus sol tık yap ctrl+f ile bulabilirsin.

    YanıtlaSil

Yazdığınız yoruma gelen cevabı öğrenmek için, yorum formunun altındaki 'Beni bilgilendir' kutucuğuna tıklayın.
Yazının konusuyla alakası olmayan yorum veya sormak istediklerinizi
iletişim formundan sorabilirsiniz.