Trik – Page 8 – News Today Buffington

Membuat Kotak Catatan Dengan Tombol Close Di Blog

Jun 15, 2018

—

by

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…

Menyimpan Material Design Color Palette Di Blog

Jun 14, 2018

—

by

Mr Android

in Blogger, Tools, Trik, Tutorial, Widget

Sebenarnya color palette ini dari Material Design yang kemudian saya buat agar bisa dipasang dengan mudah di blog. Di sini saya menambahkan copy clipboard.js agar menjadi mudah dalam mengambil atau mengcopy kode hex dari warna yang kita pilih. Kita tinggal klik pada warna yang kita inginkan kemudian paste di style yang sedang kita buat atau…

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/…

Cara Memunculkan Quickly Search Blog Pada Browser Chrome

May 8, 2018

—

by

Mr Android

in Blogger, HTML5, Info, Internet, Trik

Setelah saya melakukan beberapa percobaan, fitur Quick Search Chrome ini tidak berfungsi jika kita tidak atau belum memiliki riwayat pencarian pada blog tersebut. Dan percobaan selanjutnya ternyata fitur Quick Search ini tidak berlaku pada blog yang halaman hasil pencariannya terbuka pada jendela baru meski kita sudah memiliki riwayat pencarian pada blog tersebut. Quick Search Chrome…

Cara Memasang Share Button AddThis Dengan Counter Pada Blog AMP

May 3, 2018

—

by

Mr Android

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

Tentu saja ini menjadi sebuah kabar gembira untuk pengguna AMP HTML dengan adanya share button AddThis. Karena dengan ini kini kita bisa menampilkan counter atau jumlah sharing sosial media dengan desain yang eye catching. Share button AddThis pun memberikan kemudahan untuk kustomisasi tombol-tombol share sosmed apa saja yang ingin ditampilkan, termasuk dengan warna, bentuk, dan…

Penggunaan Thumbnail Youtube Format WebP Untuk Amp-youtube Play Onclick Lightbox

May 2, 2018

—

by

Mr Android

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

Karena seperti kita ketahui bahwa gambar dengan format WebP sebagaimana dianjurkan oleh Google dapat mempercepat proses pemuatan gambar oleh browser sehingga halaman menjadi lebih ringan ketika diakses. Untuk itu kita perlu mengakali penggunaan thumbnail Youtube dengan menggunakan format WebP. Seperti telah kita ketahui bahwa kita bisa mendapatkan thumbnail Youtube dengan mudah dengan format

Cara Mudah Show Hide Komentar Blogger Non AMP

Apr 28, 2018

—

by

Mr Android

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

Tutorial ini direquest oleh beberapa sahabat Kompi Ajaib untuk show hide komentar Blogger non AMP. Dan saya buatkan dengan cara yang paling mudah yaitu hanya 1 kali mengganti kode dengan kode yang saya buatkan maka otomatis komentar blog Anda akan menggunakan tombol buka tutup komentar. Langsung saja ya, jika Anda ingin mencoba tombol show hide…

Penggunaan Gambar WebP Pada Postingan Blogger Non AMP HTML

Apr 22, 2018

—

by

Mr Android

in Blogger, CSS3, HTML5, Trik, Tutorial

Dan meskipun kini Blogger belum support untuk upload image webp, tetapi kita bisa mendapatkan dengan mudah gambar webp dari gambar Blogger seperti yang sebelumnya kita bahas pada postingan tentang cara mengkonversi gambar Blogger menjadi WebP untuk amp-img. Dan cara ini juga bisa digunakan pada blog non AMP, namun tentunya kode html yang digunakan berbeda. Pada…

Category: Trik