Bir önceki içeriğimizde otomatik devamını oku eklentisini paylaşmıştım sizlerle. Şimdi ise otomatik thumbnail çekebilmek için gerekli olan kodu paylaşıyor olacağım. Aşağıdaki kodu, temanızın görünmesini istediğiniz (ana sayfa v.b. gibi) sayfasına eklemeniz yeterli olacaktır. Bu şekilde, eklediğiniz görsel, otomatik bir şekilde thumbnail olarak çekilecektir ve bunu CSS ile biçimlendirebilirsiniz. Ben sizlerle, sorunsuz olan bir kodu paylaşıyor olacağım. Umarım arayanlar için faydalı olur.

AYRICA: Blogger için Renkli ve Açıklamalı Son Yazılar Eklentisi

Blogger için Otomatik Thumbnail Eklentisi

1) Eklentinin kodları aşağıdaki gibidir.

<b:if cond='data:post.thumbnailUrl'>
<div class='Image-thumb'>
<b:with value='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 200, &quot;2:3&quot;) : data:post.thumbnail' var='image_r'>
<img expr:alt='data:post.title' expr:href='data:post.url' expr:src='data:image_r'/></b:with>
</div>
</b:if>


2) Eklentinin CSS kodları ise aşağıdaki gibidir.

.Image-thumb{float:left;width:30%;height:auto;margin:0px 25px 0 0;padding:0}
.Image-thumb img{width:100%;height:auto;padding:4px;border:solid 1px rgba(0, 0, 0, .15);}