Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman

Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman

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.

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

Cara Memasang Widget Newsletter di Blogger

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.

Cara Memasang Widget Newsletter di Blogger

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

Cara Menambahkan Widget Sitemap di Blogger

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.

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

Modifikasi Widget Featured Post Bawaan Blogger

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.

Modifikasi Widget Featured Post 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.
Cara Memasang Lazy Loading Disqus on Scroll

Cara Memasang Lazy Loading Disqus on Scroll

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.

Cara Memasang Lazy Loading Disqus on Scroll

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

Mengatasi Thumbnail Post Blur di Blogger Versi Terbaru

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.

Mengatasi Thumbnail Post Blur di Blogger Versi Terbaru

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.
Cara Memasang Halaman Error 404 di Blogger

Cara Memasang Halaman Error 404 di Blogger

Pada kesempatan kali ini Arlina Code akan berbagi Tips Blogger tentang Cara Memasang Halaman Error 404 di Blogger.

Cara Memasang Halaman Error 404 di Blogger

Halaman Error 404 'Not Found' adalah halaman yang dihasilkan oleh server untuk menginformasikan bahwa link yang sobat kunjungi di suatu halaman blog tidak dapat ditemukan. Biasanya sobat akan mengalami Error 404 ketika link telah diubah tanggal publikasinya atau dihapus, atau bisa juga ketika sobat klik sebuah link alamat blog dengan kesalahan penulisan didalamnya.
Cara Menambahkan Image Lightbox dengan Fancy Box

Cara Menambahkan Image Lightbox dengan Fancy Box

Kali ini Arlina Code akan berbagi tutorial Cara Menambahkan Image Lightbox dengan Fancy Box di blog. Apa itu Fancy Box? Fancy Box adalah sebuah JavaScript lightbox library yang dikembangkan oleh Fancyapps yang bisa sobat manfaatkan untuk mempresentasikan segala jenis media dengan tampilan yang menarik dan juga responsive.

Cara Menambahkan Image Lightbox dengan Fancy Box

Fancy Box memiliki beberapa fitur yang menarik seperti autoplay slideshow, fullscreen, zoom, share, dowload dan juga navigasi untuk gambar. Fancy Box juga bisa digunakan untuk keperluan lain seperti menampilkan konten modal box video, iFrame, dan lainnya. Namun di sini saya hanya akan berbagi Fancy Box sebagai pengganti Image Lightbox standar dari Blogger.