Table of contents Cara merubah feed situs Contoh tautan Catatan Alat Untuk mengaktifkan tampilan dinamis pada blog yang digunakan, langkah pertama yang perlu dilakukan adalah mengubah pengaturan Feed postingan menjadi penuh. Cara merubah feed situs masuk ke pengaturan setelan → Lainnya → Feed situs dan rubah Feed postingan Blog menjadi penuh. Tampilan yang disediakan untuk tampilan dinamis adalah sebagai berikut: Klasik ( classic ) Flipcard ( flipcard ) Magazine ( magazine ) Mosaic ( mosaic ) Bilah Samping ( sidebar ) Snapshot ( snapshot ) Timeslide ( timeslide ) Contoh tautan Tanpa custom domain https://----.blogspot.com/ view / snapshot Dengan custom domain https://example.com/ view / snapshot Catatan Penggunaan tampilan dinamis ini hanya diperuntukan kepada pengguna lay...

Baca selengkapnya

Apa itu Parallax Dikutip dari Wikipedia bahasa Indonesia, ensiklopedia bebas. Paralaks , atau lebih tepatnya paralaks gerak (bahasa Yunani: παραλλαγή (parallagé) ) adalah perubahan kedudukan sudut dari dua titik diam, relatif satu sama lain, sebagaimana yang diamati oleh seorang pengamat yang bergerak. Secara sederhana, paralaks merupakan pergeseran yang tampak dari suatu objek (titik 1) terhadap latar belakang (titik 2) yang disebabkan oleh perubahan posisi pengamat. Sumber dan penjelasan lebih lengkap : https://id.wikipedia.org/wiki/Paralaks Parallax biasanya digunakan pada bagian atas dari konten HTML atau biasa disebut konten header , dan juga biasa digunakan pada konten block agar memberikan tampilan lebih. Contoh HTML < div class = 'parallax parallax-1' > < header class = 'header' > < h1 > hello world </ h1 > </ header > </ div > Contoh CSS .parallax-1 { height : 100vh ; background : #333 ur...

Baca selengkapnya

Polyfill untuk JSON.parse ini hanya berkas salinan yang saya tulis disini Sumber : https://gist.github.com/cloudxero/2369301 Mengenai apa itu Polyfill, silahkan kunjungi tautan berikut Polyfill (programming) ( function ( a, b ) { typeof define == "function" && define.amd ? define( "json" , [ "exports" ], b) : b( typeof exports == "object" && exports || this .JSON || ( this .JSON = {})) })( this , function ( a ) { var b = {}.toString, c = {}.hasOwnProperty, d, e, f; return e = typeof a.stringify == "function" , f = typeof a.parse == "function" , function ( ) { var c = '{"result":[1,true,false,null,"\\u0000\\b\\n\\f\\r\\t"]}' , d, g, h; if (e) { d = function ( ) { return 1 }, d.toJSON = d; try { ...

Baca selengkapnya

Cara menghapus attribut pada XML blogger Tutorial Ringan dan simpel berikut adalah bagaimana cara menghapus sebuah attribut pada XML blogger dengan metode menggunakan tag <b:attr> . Terkait Selengkapnya mengenai b:attr Contoh < html xmlns = 'http://www.w3.org/1999/xhtml' xmlns:b = 'http://www.google.com/2005/gml/b' xmlns:data = 'http://www.google.com/2005/gml/data' xmlns:expr = 'http://www.google.com/2005/gml/expr' > < head > ... </ head > < body > ... </ body > </ html > Bagaimana cara menghapus attribut yang ada pada tag HTML diatas, gunakan tag <b:attr> untuk melakukannya. < b:attr name = '[attribute]' value = '' /> berikan nilai kosong atau tidak ada nilai pada attribut value Contoh Penggunaan < html xmlns = 'http://www.w3.org/1999/xhtml' xmlns:b = 'http://www.google.com/2005/gml/b' xmlns:data = 'h...

Baca selengkapnya

Cara Memuat jQuery.js dengan metode Async dan Defer Tutorial kali ini adalah tentang bagaimana cara menulis jquery kode secara inline, tapi librari jquery nya dimuat secara Asynchronous dan Deferred (Asinkron dan Ditangguhkan). Table of contents Cara Memuat jQuery.js dengan metode Async dan Defer Apa itu jQuery Kenapa menggunakan jQuery Cara Penulisan Library jQuery dengan Async dan Defer Cara menuliskan Library jQuery Cara penulisan kode jQuery pada secara inline pada Halaman HTML Contoh Lengkap Apa itu jQuery jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dewasa ini, jQuery merupakan pustaka JavaScript yang paling po...

Baca selengkapnya

Blogger Tutorial-Penjelasan <b:skin> Tag <b:skin> dan <b:template-skin> adalah sebuah tag digunakan pada xml blogger. Tag ini berfungsi mengatur tampilan pada tema atau template. Didalam tag <b:skin> dan <b:template-skin> dapat dituliskan CSS dan pendeklarasian variable <b:skin> , wajib ada pada semua jenis tema xml, dan ditulis hanya diperbolehkan 1 saja. <b:template-skin> , digunakan untuk mengatur tampilan pada dashboard, tag ini bisa ditulis ataupun tidak. <b:skin> dan <b:template-skin> ditulis di dalam rentang tag html <head> ... </head> pada template xml . Syntax <b:skin> < b:skin > <![CDATA[ ]]> </ b:skin > <b:template-skin> < b:template-skin > <![CDATA[ ]]> </ b:template-skin > Hasil Render HTML <b:skin> < style id = 'page-skin-1' type = 'text/css' > </ style > <b:template-skin> < sty...

Baca selengkapnya

Blogger Tutorial-Penjelasan Tag <b:with> adalah sebuah tag perintah yang dapat digunakan dalam membuah ekspresi yang kompleks, dimana nantinya dapat digunakan pada node anak. Tag <b:with> akan menghitung sebuah nilai variabel sebelum digunakan atau sebelum dipanggil oleh tag pemanggil. Tag ini dapat bekerja diseluruh XML terkecuali didalam tag <b:skin> . Table of contents Penjelasan Syntax Atribut Contoh Penggunaan Syntax < b:with value = '...' var = '...' > ... </ b:with > Atribut Tag <b:with> memiliki atribut yang dapat digunakan antara lain sebagai berikut: var awalan expr : Bisa diterapkan Digunakan untuk m...

Pelajari XML INI

Blogger Tutorial-Penjelasan Tag <b:widget-settings> dan <b:widget-setting> adalah tag blogger yang berfungsi sebagai penyimpan pengaturan sebuah gadget/widget, baik ditulis secara manual oleh user ataupun diatur melalui Dashboard Blogger Tag ini akan otomatis ada pada template/tema xml , jika gadget/widget ditambahkan oleh pengguna Perbedaan mendasar tag <b:widget-settings> dan <b:widget-setting> dapat dilihat pada huruf ( s ) pada masing-masing tag <b:widget-setting s > digunakan sebagai tag pembungkus tag <b:widget-setting> <b:widget-setting> digunakan sebagai tag penyimpan pengaturan gadget/widget Syntax < b:widget-settings > < b:widget-setting name = '...' > <!--[value]--> </ b:widget-setting > </ b:widget-settings > Atribut name awalan expr : Tidak bisa diterapkan Digunakan untuk menentukan nama pengaturan yang ditetapkan pada sebuah gadget atau widget Nilai attribu...

Baca selengkapnya

Blogger Tutorial-Penjelasan Tag Blogger <b:section> adalah Tag yang digunakan untuk membentuk elemen tata letak dimana nantinya dapat diisi oleh gadget atau widget. Syntax < b:section id = '...' showaddelement = '...' > ... </ b:section > Penulisan dilakukan didalam rentang tag <body>...</body> Penulisan tidak bisa dilakukan secara bersarang Dari keseluruhan template/tema xml, wajib memiliki minimal 1 tag <b:section> Atribut Berikut atribut xml yang dapat digunakan pada tag <b:section> beserta penjelasannya : class Awalan expr : Tidak bisa diterapkan digunakan untuk menambahkan nama kelas. Nilai atribut ini adalah teks atau angka + section Keterangan : relative, bisa ditulis ataupun tidak cond Awalan expr : Bisa diterapkan Digunakan untuk menentukan suatu kondisi apa yang akan diterapkan pada <b:section> Nilai atribut ini adalah kondisi Keterangan : rel...

Baca selengkapnya

Blogger Tutorial-Tutorial kali ini adalah cara mengatur potongan artikel atau snippet artikel pada blogger. Mengatur snippet artikel blogger dapat dilakukan dengan berbagai cara, baik tanpa javascipt ataupun tidak Disini saya akan menjabarkan bagaimana cara membuat snippet sebuah artikel atau ringkasan artikel hanya dengan tag xml yang sudah disediakan oleh blogger lengkap dengan pengaturannya. Jadi dengan menggunakan ringkasan sebuah artikel dapat menghemat penggunaan HTML pada view-source baik itu pada homepage, halaman pencarian, ataupun halaman label Data XML Berikut data xml yang dapat digunakan untuk membuat snippet artikel : data:post.snippet data:post.longSnippet data:post.snippets.short data:post.snippets.long data:post.body [ snippet ] Mari Kita bahas dan pelajari data-data diatas. data:post.snippet data:post.snippet dapat digunakan untuk membuat sebuah ringkasan sebuah artikel. Sebenarnya data data:post.snippet diperuntukan pada widget popular p...

Baca selengkapnya