HTML5 – Page 5 – News Today Buffington

Menggunakan Staticaly Untuk Sumber CDN Gambar Blogger

Sep 25, 2018

—

by

Dan tentu saja sebagai pengguna Blogger, kita akan menggunakan hosting dari Blogger untuk setiap gambar yang kita upload. Iseng-iseng saya mencoba Staticaly untuk gambar blogger dan ternyata bisa dan mudah pula penggunaannya. Kemudian saya coba test dan bandingkan kecepatan aksesnya antara gambar blogger dan gambar blogger yang menggunakan CDN Staticaly. Hasilnya, gambar blogger yang

Cara Embed Video Yang Diupload Di Blogger Agar Responsive

Sep 3, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Trik, Tutorial

Mengupload video di Blogger ini sangat mudah, yang jelas harus disiapkan file videonya misal dengan format MP4. Silahkan klik ikon upload video di bar atas di editor postngan pada mode compose seperti gambar berikut. Silahkan upload video Anda. Setelah proses upload video selesai, silahkan alihkan editor post ke mode HTML untuk mendapatkan kode videonya. Biasanya…

Membuat Tab Panel Di Dalam Postingan Blog AMP HTML

Aug 2, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Trik, Tutorial, Widget

Sebenarnya saya sebelumnya sudah membuat tab panel dengan jquery namun tentu saja tidak bisa digunakan pada amp html. Kemudian saya kembali membuat tab panel hanya dengan CSS saja agar bisa digunakan oleh blog amp dan non amp. Dan kini kita akan membuat tab panel khusus untuk blog amp dengan amp-selector. Kita juga akan menambahkan fungsi…

Menyimpan Iklan Adsense Di Dalam Postingan Dengan Pemanggil Menggunakan Javascript

Jul 29, 2018

—

by

Mr Android

in Blogger, HTML5, Javascript, Trik, Tutorial

Sebenarnya di Google sudah banyak artikel yang membahas cara menyimpan iklan adsense di dalam postingan secara otomatis, namun ada beberapa blogger yang merasa tidak nyaman dengan cara tersebut karena penempatan iklan di dalam postingan di luar kendali kita secara penuh. Untuk itu Anda bisa mencoba trik ini, dengan begitu iklan akan muncul sesuai dengan kehendak…

CSS Selector Untuk Elemen Dengan Identitas Khusus

Jul 3, 2018

—

by

Mr Android

in CSS3, HTML5, Tutorial

CSS selector yang akan kita pelajari ini akan bermanfaat ketika kita memberikan gaya pada elemen yang di-inject oleh sebuah script, misal untuk show hide atau dengan kondisi lainnya. Saya yakin, jika Anda sering utak-atik kode template untuk memodifikasi tampilan blog, maka suatu saat Anda akan menemukan sebuah kondisi yang saya maksudkan ini. Misalkan pada sebuah…

CSS Untuk Elemen Yang Berada Di Luar Elemen Lain

Jun 30, 2018

—

by

Mr Android

in CSS3, HTML5, Tutorial

Dalam membuat layout sebuah halaman web, kadang kita menemukan situasi di mana elemen yang menjadi target bukan sebuah anakan atau elemen berada di luar elemen lain atau elemen berada di luar div. Jika kita membuat CSS untuk elemen tersebut tidak tepat, maka style yang kita buat tidak akan berpengaruh pada elemen target. Dan yang saya…

Membuat Kotak Catatan Dengan Tombol Close Di Blog

Jun 15, 2018

—

by

Mr Android

in Blogger, CSS3, HTML5, Trik, Tutorial, Widget

Membuat Kotak Catatan Dengan Tombol Close Di Blog – Kotak catatan dengan tombol close ini seperti yang saya gunakan untuk ucapan selamat Hari Lebaran, atau mungkin akan digunakan untuk hal lainnya ke depan. Post ini saya buat karena beberapa sahabat Kompi meminta dibuatkan cara untuk menampilkan kotak catatan seperti yang saya gunakan. Kotak catatan ini…

Membuat Show Hide Simple Web Chat Dari Tlk.io Untuk AMP Dan Non AMP

May 28, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Javascript, Trik, Tutorial, Widget

Tool chat ini saya temukan dari tlk.io, penggunaannya cukup simple dan tidak perlu mendaftar. Anda hanya perlu membuat channel maka ruang chatting pun telah siap digunakan. Anda tinggal membagikan URL ruang chat Anda ke teman Anda untuk bergabung di dalam ruang chat. Dan widget chat dari talk.io ini pun bisa di-embed di dalam web atau…

Membuat Breadcrumb Microdata Schema.org Dengan Ikon SVG

May 11, 2018

—

by

Mr Android

in Blogger, CSS3, HTML5, SEO, Trik, Tutorial, Widget

Sebenarnya tidak perlu markup apa pun untuk membuat breadcrumb tampil di hasil pencarian, yang penting ada navigasi halaman berupa list. Namun apa pun itu, sebaiknya kita mengimplementasikan sesuatu yang direkomendasikan oleh mesin pencari seperti Google. Salah satunya membuat breadcrumb dengan markup schema.org. Kali ini saya akan membagikan cara membuat breadcrumb untuk Blogger dengan

Memperbaiki Item Data Terstruktur Tidak Ada Atau Tidak Valid Pada AMP HTML

May 10, 2018

—

by

Mr Android

in AMP, Blogger, HTML5, Trik, Tutorial

Untuk memperbaiki item data terstruktur tidak ada atau tidak valid (Missing or invalid structured data item) pada halaman AMP ini, kita harus merubah struktur data yang sudah ada menjadi sesuai anjuran AMP. Yang pertama dilakukan adalah menghapus semua elemen schema.org seperti atau mirip seperti berikut ini. =’mainContentOfPage’ =’’ =’https://schema.org/…

Category: HTML5