▌Blogger expr: Attribute

expr: bir HTML Etiket Özelliğine verilen önek olup, özelliğe bu öneki vererek HTML Etiketin Blogger İfadesi kullanmasına izin verir.

Blogger Attribute [expr:] Syntax

<div expr:class='data:EXPRESSION' expr:id='data:EXPRESSION'>
  <a expr:href='data:EXPRESSION'>
    <img expr:src='foo.jpg'/>
  </a>
</div>

Blogger Attribute [expr:] Example

<div expr:class='data:post.id + "article"' expr:id='data:post.id'>
  <a expr:href='data:post.url'>
    <img expr:src='data:post.thumbnailUrl'/>
  </a>
</div>

Örneklerde gördüğünüz expr: öneki, Blogger şablonlarında kullanılan özel bir özelliktir. Bu önek, HTML etiketlerine dinamik değerler atamanıza olanak tanır. Dinamik değerler, blogunuzdaki gönderiler, yorumlar, etiketler vb. gibi değişken verilerle ilgilidir. expr: öneki sayesinde, bu değerler HTML etiketlerine dinamik olarak atandığında, şablonunuz blogunuzdaki içerikle doğru şekilde etkileşime girer.

İlk örnekte, expr: sözdizimi şu şekildedir:

<div expr:class='data:EXPRESSION' expr:id='data:EXPRESSION'>
  <a expr:href='data:EXPRESSION'>
    <img expr:src='foo.jpg'/>
  </a>
</div>

Burada data:EXPRESSION yerine geçecek olan dinamik değerlerle ilgili ifadeler yer alacaktır. Özelliklerin başında expr: öneki bulunarak, dinamik değerlerin bu etiketlere atanabileceğini belirtir.

İkinci örnekte, somut bir kullanım örneği görüyoruz:

<div expr:class='data:post.id + "article"' expr:id='data:post.id'>
  <a expr:href='data:post.url'>
    <img expr:src='data:post.thumbnailUrl'/>
  </a>
</div>

Bu örnekte, expr: öneki ile belirtilen özelliklerde dinamik değerler kullanılmıştır. Özelliklere atanacak değerler şu şekildedir:

data:post.id: Gönderinin benzersiz kimliği.
data:post.url: Gönderinin URL'si.
data:post.thumbnailUrl: Gönderinin küçük resim URL'si.

Bu örnekte, div etiketinin class özelliğine, gönderi kimliğine "article" kelimesi eklenerek değer atanmıştır. Bu sayede, her gönderi için benzersiz bir sınıf adı oluşturulur. Ayrıca, div etiketinin id özelliğine gönderinin kimliği atanır.

a etiketinin href özelliğine gönderinin URL'si atanarak, kullanıcılar gönderi başlığına tıkladığında doğru sayfaya yönlendirilir.

Son olarak, img etiketinin src özelliğine gönderinin küçük resim URL'si atanarak, görselin doğru kaynağından yüklenmesi sağlanır.

Özetle, expr: öneki, Blogger şablonlarında HTML etiketlerine dinamik değerler atamak için kullanılır. Bu sayede, şablonunuz blogunuzdaki değişken verilere, örneğin gönderilere, yorumlara veya etiketlere, uyum sağlayarak doğru şekilde etkileşime girebilir.