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
2-Daha Sonra HTML'yi Düzenle diyoruz.
3-Son Olarak da Witget Şablonlarını Genişlet kutusunu İşaretliyoruz.
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 != "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 forumundan sorabilirsiniz.
Hiç yorum yok:
Yorum Gönder