Penjelasan <b:loop> digunakan untuk melakukan iterasi dua atau lebih algoritmik. Apa itu iterasi ? iterasi dalam hal ini adalah suatu proses atau metode yang digunakan secara berulang-ulang (pengulangan) untuk mendapatkan atau membuat dan atau menyelesaikan suatu proses. syntax < b:loop values = '...' var = '....' > </ b:loop > Attribut index reverse values var Attribut index Attribut ini menghasilakan nilai berupa data angka, yang dihasilkan dari proses pengulangan Nilai : string Keterangan : relative , bisa dituliskan ataupun tidak Attribut reverse Attribut ini digunakan untuk membalik arah loop Nilai : true dan false Keterangan : relative , bisa dituliskan ataupun tidak Catatan : attribut ini tidak mempengaruhi attribut index Attribut values Attribut ini digunakan sebagai tempat menuliskan sebuah array atau data-data tunggal yang ditempatkan menjadi satu variable array. Nilai : Ar...

Baca selengkapnya

Penjelasan <b:eval> digunakan untuk mengevaluasi sebuah nilai ekspresi atau dengan kata lain menggabungkan atau mengubah nilai data menggunakan ekspresi. Attribut expr Attribut expr Memberikan suatu nilai atau hasil secara eksplisit atau tegas, nyata Nilai : ekspresi yang akan di evaluasi Keterangan : wajib disebutkan syntax < b:eval expr = '...' /> contoh <b:eval> < ul > < li > Title = < b:eval expr = 'data:view.title' /> </ li > </ ul > Contoh Hasil render HTML < ul > < li > Title = b:attr - Blogger Tutorial </ li > </ ul > < div class = 'snippet' > < b:eval expr = 'data:post.body snippet { length: 300, links: false, linebreaks: false, ellipsis: false } ' /> </ div > Hasil render HTML Menghasilkan potongan snippet posting, dengan panjang karakter 300 , link = false , ganti baris = fal...

Baca selengkapnya

Penjelasan <b:comment> digunakan untuk menuliskan Tag komentar pada XML Blogger, secara default hasil render HTML tidak akan terlihat atau tidak ada. Attribut render Attribut render Nilai : true atau false Keterangan : secara default <b:comment> mempunyai nilai false Jika true dipilih, maka render HTML akan menampilkan Tag komentar yang di buat. syntax < b:comment > </ b:comment > < b:comment render = '...' > </ b:comment > contoh <b:comment> < b:comment > < h2 > Lorem Ipsum </ h2 > </ b:comment > atau < b:comment render = 'false' > < h2 > Lorem Ipsum </ h2 > </ b:comment > Hasil render HTML Tidak ada < b:comment render = 'true' > < h2 > Lorem Ipsum </ h2 > </ b:comment > Hasil render HTML <!-- <h2>Lorem Ipsum</h2> --> Selamat berkreasi dan semoga b...

Baca selengkapnya

Penjelasan <b:class> digunakan untuk membuat atau menambahkan nilai dari attribut class yang berlaku untuk tag induk. Tag <b:class> tidak akan menghapus nilai class yang sudah ada. Jika element induk tidak mempunyai attribut class, maka secara otomatis akan membuat attribute tersebut. Attribut cond name Attribut cond Digunakan jika suatu konsisi diperlukan. Nilai : kondisi Keterangan : relative, bisa disebutkan ataupun tidak Attribut name Digunakan untuk menuliskan nilai attribut class yang ingin disematkan. Nilai : nama kelas . Keterangan : wajib disebutkan, awalan expr: bisa diberlakukan. syntax < b:class name = '...' /> < b:class cond = '...' name = '...' /> Kumpulan contoh <b:class> < div > < b:class name = 'article' /> </ div > Hasil render HTML < div class = "article" > </ div > < div class = 'article' > < b:...

Baca selengkapnya

Penjelasan <b:attr> digunakan untuk membuat atau memperbaharui sebuah attribut html yang berlaku untuk tag induk. Attribut cond name value Attribut cond Digunakan jika suatu konsisi diperlukan. Nilai : kondisi Keterangan : relative, bisa disebutkan ataupun tidak Attribut name Digunakan untuk menuliskan nama attribut yang ingin disematkan. Nilai : nama_attribut . Misal : class , id , data-* , href , dll. Keterangan : wajib disebutkan, awalan expr: bisa diberlakukan. Attribut value Digunakan untuk menuliskan nilai dari attribut yang disematkan. Nilai : nilai Keterangan : Attribut wajib disebutkan, awalan expr: bisa diberlakukan. syntax < b:attr name = '....' value = '...' /> < b:attr cond = '...' name = '....' value = '...' /> < b:attr cond = '...' expr:name = '....' expr:value = '...' /> Kumpulan contoh <b:attr> Menambahkan class < div > <...

Baca selengkapnya

Penjelasan <b:tag> digunakan untuk membuat tag HTML dengan bahasa XML blogger. Attribut Attribute yang dapat digunakan pada <b:tag> adalah sebagai berikut : cond Digunakan jika suatu kondisi diperlukan Nilai = Kondisi Keterangan : relative, jika diperlukan name Digunakan menuliskan jenis type HTML Tag Nilai = HTML_tag Keterangan : wajib dituliskan Contoh : < b:tag name = 'span' > Hello </ b:tag > hasil < span > Hello </ span > Contoh dengan Kondisi < b:tag cond = 'data:view.isHomepage' name = 'span' > Home </ b:tag > hasil jika di halaman Home < span > Home </ span > Contoh dengan Kondisi perbandingan < b:tag expr:name = 'data:view.isHomepage ? "a" : "span"' > Home </ b:tag > hasil jika di halaman Home < a > Home </ a > hasil jika bukan di halaman Home < span > Home </ spa...

Baca selengkapnya

Blogger Operator URL, Operator URL path, Operator URL params, Operator URL appendParams, Operator URL fragment, Blogger Tutorial Penjelasan Operator URL Pada Blogger adalah operator yang digunakan dalam bahasa Blogger yang ditujukan penggunaannya pada sebuah URL. Table of contents Penjelasan Daftar Operator URL Operator URL path Syntax Hasil render pada html Operator URL params Syntax Contoh Hasil render pada html Operator URL appendParams Syntax Contoh Hasil render pada html ...

Baca selengkapnya

Triksonic - Tutorial kali ini adalah tutorial ringan dengan tema bahasan Toggle ClassName. Walaupun tutorial sejenis sudah banyak yang membahas, tidak salahnya juga, jika saya membahasnya lagi diblog ini, hitung hitung menambah perbendaharaan pengetahuan tentang javascript. JavaScript function toggleClass ( selectorID,newClass ) { var selector = document .getElementById(selectorID); //metode classList if (selector.classList) selector.classList.toggle(newClass); else { //jika tidak support classList var splitClass = selector.className.split( " " ), i = splitClass.indexOf(newClass);i>= 0 ?splitClass.splice(i, 1 ):splitClass.push(newClass), selector.className=splitClass.join( " " ) } } HTML Example < button onclick = 'toggleClass(" demo "," red ");' > Toggle Class </ button > < div class = 'boxs' id = 'demo' > </ div > Penjelasa...

Baca selengkapnya

Gambar yang terupload pada server blogger dapat diputar atau dirotasi hanya dengan memodifikasi URL image. URL Sisipan Untuk memutar sebuah gambar tambahan/sisipkan data berikut pada url gambar : -r90 untuk memutar gambar sebanyak 90° -r180 untuk memutar gambar sebanyak 180° -r270 untuk memutar gambar sebanyak 270° Contoh Perhatikan tanda yang bertanda pada contoh berikut. url default https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/ s1600 /TrikSonic.png Menjadi https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/ s1600-r90 /TrikSonic.png Demo < img alt = "Triksonic" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AV...

Baca selengkapnya

Pada artikel ini, kita akan mempelajari tipografi yang ada pada Bootstrap 3. Tipografi menentukan bagaimana berbagai element teks akan muncul di halaman web. Bootstrap 3 Typography Daftar isi halaman ini : View Mode Bootstrap 3 Default Bootstrap 3 Heading 2.1 Menggunakan HTML <h1> - <h6> 2.2 Menggunakan Attribute class 2.3 Menggunakan HTML <small> didalam Heading Bootstrap 3 paragraph Bootstrap 3 <abbr> 4.1 HTML abbr dengan Attribute class .initialism Bootstrap 3 <blockquote> 5.1 HTML <blockquote> dengan Attribute class .blockquote-reverse Bootstrap 3 <dl> Bootstrap 3 <code> Bootstrap 3 <kbd> Bootstrap 3 <mark> 9.1 Efek mark hanya dengan attribute class .mark Bootstrap 3 <pre> 10.1 HTML <pre> dengan Attribute class .pre-scrollable Bootstrap 3 <q> Bootstrap 3 <samp> Bootstrap 3 <small> Bootstrap 3 <var> Bootstrap 3 color 15.1 Bootstrap 3 Warn...

Baca selengkapnya