13 Mayıs 2014 Salı

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.

Disqus Yorumları Yükle

0 yorum