Category: Widget
-
Membuat Tab Panel Di Dalam Postingan Blog AMP HTML
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…
-
Membuat Kotak Catatan Dengan Tombol Close Di Blog
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
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
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
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
-
Widget Recent Comments Disqus Untuk Blog AMP HTML
Widget recent comments Disqus berfungsi untuk menampilkan komentar Disqus terbaru sehingga ini akan lebih memudahkan untuk mengelola komentarnya. Admin blog akan menjadi lebih mudah untuk menjawab pertanyaan-pertanyaan yang diajukan pengunjung pada kolom komentar. Tinggal klik maka akan masuk ke halamannya. Nah kali ini saya akan membagikan sebuah widget recent comments Disqus untuk blog AMP
-
Cara Memasang Share Button AddThis Dengan Counter Pada Blog AMP
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
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
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…
-
Memasang Contact Form Blogger Pada Halaman Static Blog AMP HTML
Setelah kita menemukan cara untuk menampilkan amp-iframe yang tetap dimuat walaupun disimpan di bagian atas, kini kita tinggal mencari cara untuk menampilkan contact form Blogger pada amp-iframe di halaman static. Kemudian saya teringat cara menggunakan contact form Blogger untuk contact WordPress yang sudah cukup lama saya bagikan. Pada postingan tersebut kita memasang contact form blogger