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.
Beberapa sumber menyatakan salah satu tujuan memasang auto refresh pada halaman blog adalah untuk membantu meningkatkan pengunjung blog.
Bagaimana caranya? Maka di sini Arlina Code akan berbagi tips Membuat Auto Refresh pada Halaman Blog yang bisa sobat tambahkan dengan mudah. Berikut langkah-langkahnya :
Membahas tentang Syntax Highlighter tentunya tidak luput dari kode-kode rumit yang terdapat dalam sebuah Blog atau editor source code pada bahasa pemrograman. Apa itu yang dimaksud dengan Syntax Highlighter dan fungsinya? Saya akan menjelaskan tentang Syntax Highlighter.
Pada kesempatan kali ini Arlina Code akan berbagi tentang cara Memasang Widget Fixed Contact Form di Blog yang berarti widget ini akan muncul di halaman blog tepatnya di sudut kanan bawah.
Memasang widget slide box rekomendasi berdasarkan label yang akan muncul di sebelah kanan blog memang sangat mudah dan cocok untuk blog yang bertemakan berita atau bisa juga dipasang di blog pribadi. Selain itu dengan memasang widget ini akan memberikan pilihan kepada pengunjung untuk membuka artikel lain yang menurutnya menarik dan bermanfaat.
Bagaimana cara Redirect 301 URL atau permalink custom domain lama ke permalink custom domain baru? Sehingga jika pengunjung mengetikan alamat domain lama kita, apakah itu pada halaman utama ataupun halaman-halaman artikel maka secara otomatis akan mengarah ke alamat domain baru.
Berikut ini beberapa alasan kenapa kita redirect domain, diantaranya :
Widget ini dibuat dengan tampilan yang sangat sederhana dan sobat tidak perlu khawatir dengan kecepatan blog karena widget ini cukup ringan untuk dipasang di blog.
Kali ini Arlina Code akan memberikan tutorial sederhana Cara Membuat Halaman Error 404 di Blogger. Dalam tutorial ini kita akan menggunakan Tag Kondisional Halaman error untuk membuatnya, karena dengan menggunakan Tag kondisional Pengerjaan tutorial ini akan lebih mudah dan halaman Error dapat termuat dengan cepat sabagai mana mestinya, karena tidak menggunakan Redirect.
Apa kabar sobat blogger, kali ini Arlina Code akan memberikan sedikit tips tentang cara membatasi jumlah pos yang tampil saat mencari sebuah artikel di halaman pencarian blog.
Di Internet sangat mudah untuk menyalin teks dari satu situs dan menempelkannya ke situs lain. Secara teknis, jika pengunjung blog menyalin teks dari situs tertentu seharusnya dia harus memberikan link ke sumber dari situs yang ia salin teksnya. Namun ada juga orang yang mengabaikan hal penting ini.
Untuk menghindari hal itu, di sini saya akan memberikan sebuah kode yang secara otomatis jika seseorang menyalin bagian teks dari artikel kita maka akan otomatis memunculkan link sumber dari teks yang ia salin.
Publisher Google AdSense mungkin tidak asing dengan istilah bom klik, invalid click atau klik tidak sah. Bom klik iklan AdSense merupakan suatu tindakan tidak benar dan sangat murugikan publisher AdSense. Bom klik iklan AdSense sangat berdampak dan menjadi kekhawatiran para publisher akan keamanan akun Google AdSense.
Memasang script anti bom klik iklan AdSense di blog platform blogspot blogger.com disarankan untuk blog yang sudah dimonetize AdSense. Script anti boom click AdSense ini ampuh untuk mengatasi dari tindakan bom klik yang secara sengaja atau pun tidak disengaja.
Kali ini Arlina Code akan berbagi tips Cara Memasang Tombol Go Up dan Go Down di Blog. Apa itu Tombol Go Up dan Go Down? Tombol Go Up dan Go Down adalah tombol yang berfungsi baik cara untuk melompat ke atas maupun ke bawah dengan mudah dan singkat, daripada menggerakannya dengan mouse. Ini adalah salah satu cara untuk mendorong pengguna menelusuri lebih banyak konten-konten yang lainnya dengan mudah.
Tombol Go Up dan Go Down memiliki peranan cukup penting bagi sebuah situs dengan konten yang memiliki halaman yang panjang. Untuk situs yang memiliki banyak informasi pada halamannya akan membuat konten-konten lain terlewati tanpa disadari menggulir jauh ke bawah halaman.
Bagaimana sih cara Membuat Video Melayang Saat Halaman Digulir? Mungkin sobat pernah melihat video di situs Youtube, Vidio atau situs lain yang ketika video sedang dimainkan dan sobat menggulirkan halaman ke bawah maka video tersebut otomatis akan mengikuti kemana sobat menggulirkan halaman. Cara kerja dari tips yang akan saya bagikan ini pun hampir sama, namun bedanya video akan tetap melayang mengikuti halaman yang kita gulir meskipun video belum dimainkan.
Beberapa waktu lalu saya pernah berbagi tips tentang Cara Memasang Video Youtube Responsive di Blog, dengan cara tersebut video Youtube yang ditambahkan di dalam postingan akan otomatis mengikuti dimensi layar dari perangkat yang sobat gunakan. Nah, pada tips kali ini Arlina Code akan menggabungkan tips video responsive dengan tips video melayang saat digulir. Bagi yang tertarik, bisa ikuti langkah-langkah di bawah ini.