Tavsiye: Google Belgeseli – Türkçe (Bir Başarı Hikâyesi) Hatırlayalım: Lizzie Velasquez: Gerçek Bir Mücadele Öyküsü
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. Yorum bulunmamaktadır.

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.915 yazıda 8.189 yorum bulunmaktadır.
Yukarı Çık