Lompat ke konten Lompat ke sidebar Lompat ke footer

B:With - Blogger Tutorial

Penjelasan

Tag <b:with> ialah sebuah tag perintah yang sanggup dipakai dalam membuah mulut yang kompleks, dimana nantinya sanggup dipakai pada node anak. Tag <b:with> akan menghitung sebuah nilai variabel sebelum dipakai atau sebelum dipanggil oleh tag pemanggil. Tag ini sanggup bekerja diseluruh XML terkecuali didalam tag <b:skin>.
 ialah sebuah tag perintah yang sanggup dipakai dalam membuah mulut yang kompleks b:with - Blogger Tutorial

Syntax

<b:with value='...' var='...'>   ... </b:with>

Atribut

Tag <b:with> mempunyai atribut yang sanggup dipakai antara lain sebagai berikut:
var awalan expr :

Bisa diterapkan
Digunakan untuk memilih nama dari variable.

Nama variable yang dipakai nantikan akan dipakai pada node anak.
Keterangan : wajib ada
value awalan expr :

Bisa diterapkan
Digunakan untuk memilih Ekspresi yang akan dipakai pada variabel.

Nilai yang sanggup diberikan untuk atribut ini ialah
  • frase Blogger
  • nilai eksplisit
  • dan, nilai yang diberikan
Keterangan : wajib ada

Contoh Penggunaan

Contoh untuk menciptakan sebuah thumbnail postingan.
<b:if cond='data:post.thumbnailUrl'>   <b:with value='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 250, "2:1") : data:post.thumbnail' var='thumb'>     <img expr:src='data:thumb'/>   </b:with> </b:if>
Contoh berikut dipakai untuk menyaring suatu postingan dengan penerapan pada label posting.
<widget id='Blog1' type='Blog'>   <b:includable id='main'>     <b:with value='data:posts filter (p => p.labels none (l => l.name == "black"))' var='posts'>       <b:include data='post' name='postCommentsAndAd'/>     </b:with> </b:includable> </widget>
Contoh diatas menjelaskan bahwa postingan yang mempunyai label black tidak akan ditampilkan.
Catatan : teladan diatas diperuntukan widget versi 2 dan layout versi 3, dengan memakai template/tema kostum
Contoh untuk menciptakan daftar list.
<b:with var='mylist' value='[{   title: "Example list 1",   url: "https://triksonic.blogspot.com/p/list-1.com" }, {   title: "Example list 2",   url: "https://triksonic.blogspot.com/p/list-2.com" }, {   title: "Example list 3",   url: "https://triksonic.blogspot.com/p/list-3.com" }]'>    <ul>   <b:loop values='data:mylist' var='test'>     <li>       <a expr:href='data:test.url' expr:title='data:test.title'><data:test.title/></a>     </li>   </b:loop>   </ul>    </b:with>
Hasil render HTML.
<ul>   <li><a href="https://triksonic.blogspot.com/p/list-1.com" title="Example list 1">Example list 1</a></li>   <li><a href="https://triksonic.blogspot.com/p/list-2.com" title="Example list 2">Example list 2</a></li>   <li><a href="https://triksonic.blogspot.com/p/list-3.com" title="Example list 3">Example list 3</a></li> </ul>
Selamat berkreasi dan biar bermanfaat.