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.
Cara Menghilangkan ?m=1 dan ?m=0 Saat Diakses Lewat Perangkat Mobile

Cara Menghilangkan ?m=1 dan ?m=0 Saat Diakses Lewat Perangkat Mobile

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.

Cara Menghilangkan Parameter Mobile di 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.
Cara Menambahkan Tanda Centang di Judul Postingan Blog

Cara Menambahkan Tanda Centang di Judul Postingan Blog

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.

Cara Menambahkan Tanda Centang di Judul Postingan Blog

Tanda centang (√) atau check mark sendiri adalah tanda universal yang biasanya digunakan untuk menggambarkan suatu konsep setuju, selesai, menandai, atau bisa juga terverifikasi.
Cara Meningkatkan Loading Blog dengan LazySizes

Cara Meningkatkan Loading Blog dengan LazySizes

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.

Cara Meningkatkan Loading Blog dengan LazySizes

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.
Cara Memasang Tombol Back To Top dengan SVG

Cara Memasang Tombol Back To Top dengan SVG

Kali ini Arlina Code akan berbagi tips Cara Memasang Tombol Back To Top dengan SVG.

Cara Memasang Tombol Back To Top dengan SVG

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.