Category: CSS3
-
Penggunaan System Font Sebagai Solusi Untuk Menghilangkan Loading Dari Font
Berawal dari keterbatasan penggunakan CSS pada AMP yang mengharuskan size CSS maksimal sebesar 50000byte, maka saya memutar otak untuk terus mencari solusi mengurangi ukuran CSS dengan mengurangi CSS @font-face. Seperti kita ketahui bahwa CSS @font-face bisa memiliki ukuran yang cukup banyak apalagi jika kita menggunakan beberapa jenis font dan beberapa jenis ketebalan font. Namun @font-face
-
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
-
URL Kirim Email Langsung Yahoo! Mail Untuk Kontak Blog
Setelah kemarin saya membagikan URL kirim email langsung Gmail, maka kini saya akan membagikan URL kirim email langsung Yahoo! Mail untuk kontak admin blog sehingga pengunjung yang menggunakan Yahoo mail akan lebih mudah menghubungi atau mengirimkan pesan email ke admin blog. Sebagai contoh, jika Anda memiliki akun Yahoo mail silahkan klik link kirim email langsung…
-
URL Kirim Email Langsung Via Gmail Untuk Kontak Admin Yang Simple
Sebenarnya sebelumnya saya sudah membagikan solusi mudah untuk membuat kontak email dengan mailto: namun dengan itu kita harus mensetting Microsoft Outlook bagi pengguna OS Windows untuk menangani pengiriman email dari link mailto: Dengan URL kirim email langung via Gmail, maka pengunjung yang juga menggunakan Gmail akan lebih mudah untuk mengirimkan email ke admin blog seperti…
-
Membuat Kotak Iklan 300×250 Dan 125×125 Ala Kompi Ajaib
Dengan kotak iklan banner 300×250 dan 125×125 ala Kompi Ajaib ini maka kita bisa menambah sumber penghasilan dari blog. Untuk harga tiap slot iklan banner ini tentu saja bisa ditentukan oleh Anda sendiri sebagai Admin blog, dan bisa saja harga slot banner iklan ini bisa berbeda-beda. Jika slot iklan belum terisi banner iklan, maka slot…
-
Memasang Show Hide Komentar Pada Blog AMP HTML
Dengan show hide komentar pada blog AMP HTML, maka loading halaman menjadi lebih ringan dan lebih mudah diakses. Sebelumnya saya sudah membagikan cara membuat show hide komentar Disqus AMP, namun menggunakan amp-accordion. Nah kali ini kita akan membuat show hide untuk komentar Disqus atau komentar Facebook dengan hanya menggunakan action AMP sehingga akan lebih mudah…
-
Membuat Telegram Share Button Untuk Blogger
Setelah kemarin kita membuat Messenger Share Button, kini kita akan membuat Telegram Share Button untuk menambah tombol berbagi posingan pada blog Anda. Telegram Share Button ini tentu saja tidak menggunakan javascript sehingga bisa digunakan pada blog AMP dan Non AMP dan ikonnya juga menggunakan SVG sehingga keberadaannya tidak akan terlalu membebani loading blog. Jika tombol…
-
Membuat Tombol Share To Messenger Untuk Blogger
Tombol share to Messenger ini saya bagikan untuk melengkapi tombol share pada blog Anda sehingga tombol share blog Anda menjadi lebih komplit dan lebih memudahkan pengunjung untuk berbagi postingan ke berbagai platform sosial media. Ketika tombol share to Messenger ini diklik, akan masuk ke halaman berbagi Facebook seperti pada gambar di bawah ini. Anda tinggal…
-
Content Pagination with Reload Page For Blogger With Javascript
Content pagination with reload page for blogger with javascript ini saya buat hanya sampai 5 halaman saja, namun kemungkinan ke depannya saya perbaiki agar bisa bebas membuat lebih dari 5 halaman konten. Content pagination dengan reload halaman ini dibuat dengan javascript tanpa memerlukan jquery library sehingga tidak akan banyak mengganggu loading halaman blog. Sebagai demonya…
-
amp-youtube Play On Click dengan tombol Padamkan Lampu
Postingan ini adalah gabungan 2 trik untuk amp-youtube yang sebelumnya saya bagikan yaitu, play amp-youtube onclick dan play amp-youtube onclick with lightbox. Ketika tombol di-klik, maka video Youtube akan ditampilkan dngan otomatis main tetapi belum menggunakan lightbox. Dan lightbox bisa ditampilkan dengan klik tombol padamkan lampu di pojok kiri bawah video. Dengan begitu pengunjung bisa