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.
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.
Salah satu alasan kenapa sobat ingin Menghilangkan ?m=1 dan ?m=0 Saat Diakses Lewat Perangkat Mobile adalah sobat sudah menggunakan tema responsive pada blognya sehingga tampilan khusus mobile yang disediakan secara default sudah tidak digunakan lagi selain itu juga untuk menghindari duplikat title tag karena ada parameter lain yang memengaruhi SEO blog.
Mungkin di sini ada juga dari sobat yang ingin memperbaiki komentar Disqus yang masuk, karena sistem Disqus membaca parametar dari halaman blog yang diakses dari ?m=1 dan ?m=0. Sehingga itu akan membuat perbedaan dari komentar Disqus yang masuk saat diakses lewat ?m=1 tidak bisa terbaca di desktop begitupun sebaliknya.
Beberapa waktu yang lalu ketika saya mencari sebuah artikel, saya melihat ada sesuatu yang baru yaitu tanda centang di belakang judul link suatu situs. Kemudian saya cari kenapa ada tanda centang tersebut dan menemukan bahwa tanda centang tersebut ditambahkan bertujuan agar judul postingan terlihat lebih menarik dan tentunya ada manfaat untuk optimasi SEO serta memiliki potensi klik yang besar dari penelusuran.
Tanda centang (√) atau check mark sendiri adalah tanda universal yang biasanya digunakan untuk menggambarkan suatu konsep setuju, selesai, menandai, atau bisa juga terverifikasi.
Banyak cara untuk meningkatkan loading sebuah blog, salah satunya dengan menambahkan script LazySizes pada tema blog. Lazysizes adalah self-initializing lazyloader yang bisa dibilang cepat, junk-free dan juga SEO Friendly untuk gambar yang ada di dalam blog dan bisa juga dipakai untuk lazyload pada iFrame video seperti embed video Youtube dan video dari platform lainnya.
Bagi sobat yang memiliki blog dengan banyak konten gambar dan video tentu ini merupakan salah satu solusi yang tepat untuk meningkatkan loading blog dengan memasang LazySizes karena konten gambar atau video tidak akan dimuat (off-screen) sebelum sobat scroll halaman ke bawah.
Tombol Back To Top dengan SVG ini fungsinya sama seperti tombol back to top seperti di tutorial sebelumnya di blog ini, perbedaannya hanya pada icon pada tombol ini menggunakan SVG yang lebih ringan dari icon format gambar. Ini adalah salah satu cara untuk mendorong pengguna menelusuri lebih banyak konten-konten yang lainnya dengan mudah.
Sebagian dari sobat tentunya sudah mengetahui bahwa beberapa waktu yang lalu, WhatsApp meluncurkan aplikasi khusus yang ditujukan untuk PC berbasis Windows dan Mac. Dengan aplikasi ini, sobat akan lebih mudah berkomunikasi lewat PC tanpa harus selalu menggenggam smartphone.
Ingin tahu lebih lanjut bagaimana cara menggunakannya? Simak langkah-langkah mudahnya berikut ini.