Blogger Devamını Oku Nasıl Eklenir

Blogger devamını oku eklentisi daha önce bir çok blog adresinde paylaşılmış olabilir ama bu yazım farklı diğerlerinden.Fark olarak ne var derseniz devamını oku eklentisinin daha kısa ve öz ve daha göze hoş geldiğini düşünüyorum.Resimleri küçük olarak gösteren bu eklentide isterseniz büyütebilirsiniz resimleri ve resimi sol veya sağ tarafa kendi isteğinize göre yerleştirebilirsiniz.Bloggerın bu vazgeçilmez bir eklenti olduğunu hepimiz biliyoruz zaten ama genelde galeri ve foto temalarında olmadığınıda biliyoruz makale yazan bloglar için daha güzel olacağı kanaatindeyim.Şimdi gelelim uygulamaya.

1-Blogger Panel Bölümünden Şablon Diyoruz

2-Daha Sonra Karşımıza Çıkan Bölümde HTML'yi Düzenle Diyoruz

3-Son Olarak Witget Şablonlarını Genişlet Kutusunu İşaretliyoruz.

CTRL+F tuşuna basın ve <data:post.body/> kodunu bulun ve silin onun yerine 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ülecek.

http://www.bloggerturkey.com/2013/04/blogger-devamn-oku-nasl-eklenir.html