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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == "true"'>
<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' 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.
0 yorum