13 Mayıs 2014 Salı

Blogger Devamını Oku Ekleme




Blogger Devamını Oku Ekleme



Blogger Devamını Oku Eklentisi

Resimleri küçük olarak gösteren bu eklentide 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.
Öncelikle yapmanız gerekenler aşağıda belirtilmiştir.

1-Blogger Kontrol Panel bölümünden Şablon   



Blogger kontrol panel


2-Daha Sonra HTML'yi Düzenle diyoruz.

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


Blogger html düzenle



  CTRL+F tuşuna basın ve <data:post.body/> kodunu bulup silin. Aşağıdaki kodu ekleyin.


Kod:

<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 forumundan sorabilirsiniz.

Hiç yorum yok:

Yorum Gönder