Tavsiye: 12 Adımda Pazartesi Sendromunu Yenin! Hatırlayalım: 10 Adımda Pozitif Olma Rehberi
Fatih Özel Kolej

Blogger için Otomatik Thumbnail Eklentisi (2018)

Sponsorlu Bağlantılar

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

Sponsorlu Bağlantılar


Teknobeyin Facebook
Sayfasını Bugün Beğenin!
  1. Gerçekten faydalı bilgiler vermişiniz elinize sağlık teşekkür ederim…

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.
Bugün Günlerden: . Toplam 19 kategorideki 7.985 yazıda 8.273 yorum bulunmaktadır.
Yukarı Çık