Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için Otomatik Thumbnail Eklentisi (2018)


FacebookTwitterPinterestTumblrYazdır


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);}


    • yasin
    • 15 Şubat 2019, 22:34

    Gerçekten faydalı bilgiler vermişiniz elinize sağlık teşekkür ederim...

      • Şahin Gezici
      • 16 Şubat 2019, 12:34

      Merhaba,

      Yorumunuz için biz teşekkür ederiz.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık