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>
. 
Table of contents
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
| 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
Contoh untuk menciptakan daftar list. 2
dan layout versi 3
, dengan memakai template/tema kostum <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.