Posts

Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman

Image
Salah satu faktor yang menyumbang beban loading pada suatu blog adalah konten gambar, di sini Arlina Code akan memberikan tips tentang bagaimana Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman . Menunda Pemuatan Gambar Sebelum Scroll Halaman di sini adalah saat memuat sebuah halaman gambar tidak akan dimuat sampai kita scroll halaman dan itu akan menambah kecepatan blog. Proses seperti ini pernah saya bagikan juga di sini Cara Meningkatkan Loading Blog dengan LazySizes .

Cara Memasang Widget Newsletter di Blogger

Image
Tips Blogger dari Arlina Code kali ini adalah Cara Memasang Widget Newsletter di Blogger . Tutorial ini saya buat atas permintaan sobat blogger yang ingin memasang Subscription Box di blognya. Sebetulnya bagi yang sudah faham dengan coding blog mungkin tidak akan kesulitan untuk mencari kode dalam suatu halaman blog, karena semua kode yang diinginkan akan sangat mudah sekali disalin lewat Inspect Elements atau Page Source dari halaman blog. Namun sebagai manusia yang memiliki etika, meminta izin adalah hal yang terbaik.

Cara Menambahkan Widget Sitemap di Blogger

Image
Di Blogger sebenarnya sudah disediakan widget Archive yang memuat arsip seluruh artikel blog berdasarkan waktu publish. Namun karena dikemas dalam bentuk widget, kustomisasinya sangat terbatas dan estetika tata letaknya pun sulit untuk diatur. Jadi agar lebih tertata, di sini Arlina Code akan berbagi Cara Menambahkan Widget Sitemap di Blogger . Adapun keuntungan Cara Menambahkan Widget Sitemap di Blogger ini adalah agar blog tampil lebih profesional dari sebelumnya. Selain itu, pengunjung juga bisa melihat dan mencari semua artikel blog kita dengan mudah. Tentunya itu akan menambah nilai plus untuk blog jika pengunjung membuka artikel tertentu pada widget sitemap ini.

Modifikasi Widget Featured Post Bawaan Blogger

Image
Kemarin pas saya iseng-iseng memasang widget Featured Post di blog percobaan, pas di cek kenapa bentuknya berantakan ya? 😄 Saya baru ingat, itu karena tema yang digunakan sudah dioptimasi dengan menghilangkan JS dan CSS bundle bawaan Blogger. Otomatis widget Featured Post yang notabennya adalah widget bawaan Blogger tampilannya tidak seperti saat menggunakan tema bawaan Blogger. Kemudian saya coba untuk memodifikasi tampilan basic yang berantakan tersebut dengan menambahkan CSS dan markup yang diperlukan, untuk hasilnya bisa sobat lihat di halaman utama blog ini. Nah, bagi sobat yang ingin memasang Modifikasi Widget Featured Post Bawaan Blogger bisa ikuti langkah mudah di bawah ini.

Menghilangkan Tanda Panah di Atas Halaman Blog

Image
Kali ini Arlina Code akan berbagi tentang cara Menghilangkan Tanda Panah di Atas Halaman Blog . Tanda panah di atas halaman blog ini muncul jika sobat sudah mengoptimasi tema dengan cara seperti ini Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger .

Cara Memasang Lazy Loading Disqus on Scroll

Image
Disqus merupakan sebuah platform online yang menyediakan sistem komentar yang bisa sobat gunakan di berbagai platform website, penggunaan komentar Disqus sekarang sudah menjadi pilihan terbaik karena memiliki fitur-fitur yang lebih baik jika dibandingkan dengan sistem komentar default yang ada di Blogger. Sistem komentar Disqus ini sudah umum kita temukan di situs-situs yang menyematkannya dan di blog Arlina Code pun saya menggunakannya. Dengan segala kelebihannya, adapun kekurangannya karena Disqus merupakan plugin pihak ke tiga maka dari itu Disqus akan menyumbangkan beban loading pada blog setiap kali kita membuka tautan artikel. Untuk mengatasi hal itu, di sini Arlina Code memberikan tips Cara Memasang Lazy Loading Disqus on Scroll yang cara kerjanya adalah kode Disqus tidak akan berfungsi sebelum kita scroll halaman sampai bagian (viewport) Disqus terlihat.

Mengatasi Thumbnail Post Blur di Blogger Versi Terbaru

Image
Beberapa waktu lalu Blogger update User Interface yang memiliki tampilan lebih modern dan menu yang responsive. Banyak hal positif setelah update UI Blogger dari versi klasik ke versi baru namun ada juga hal yang kurang khususnya pada format URL gambar yang diupload langsung dari postingan berbeda dengan sebelumnya. Untuk tema-tema yang saya bagikan di blog Idntheme sebagian besar sudah saya perbaiki untuk masalah ini namun hanya untuk versi premium saja dan untuk versi free baru beberapa tema yang saya perbaiki. Bagi sobat Arlina Code yang menggunakan tema free dari Idntheme atau tema lain yang menggunakan JavaScript untuk memunculkan thumbnail post pada halaman index bisa mengikuti tips berikut ini.