Cara Membaca Blog Situsali


Tujuan utama dibangunnya situsali adalah semua kalangan bisa mengkonsumsi. Oleh Karena itu, saya selalu berusaha memberikan tulisan dengan bahasa yang mudah dipahami.

Juga berusaha mendesain situs ini dengan tampilan yang sederhana tetapi informatif. Meskipun demikan, tetap saja tidak semua orang bisa paham.

Saya rasa memberikan informasi tentang tata cara membaca itu perlu dilakukan. Minimal dengan adanya ini, para pembaca bisa memahami tiap-tiap komponen dan tulisan yang ada di situsali.

Navbar

Singkatnya navbar adalah tampilan yang paling atas dari blog.

Navbar Pada Desktop

Pada versi desktop kamu bisa melihat semua navigasi yang tertera di situsali.

Kita mulai dari pojok kiri yakni logo dan tulisan Situsali ini disebut navigation brand atau navbrand. Kalau kamu mengelik ini, kamu akan diarahkan ke halaman utama.

Kemudian kamu akan melihat menu Series, Pemrograman sampai Tentang, ini disebut navigation item atau navitem. Kalau kamu mengelik ini kamu akan diarahkan ke blog kategori sesuai dengan halaman yang tertera.

Terakhir, yang paling kanan kamu akan melihat dua ikon kaca pembesar dan matahari.

Untuk ikon kaca pembesar, adalah navigasi untuk mencari semua judul artikel yang tertulis di situsali.

Sedangkan ikon matahari, ini disebut theme switcher, yakni tombol untuk menganti tema sesuai dengan kondisi, menjadi gelap atau terang.

Kalau kamu mengelik ikon matahari tema situsali akan berubah menjadi gelap (darkmode) dan ikon matahari tersebut akan berubah menjadi bulan.

Begitu juga sebaliknya, kalau kamu mengelik ikon bulan, situsali akan berubah menjadi terang (lightmode), dan ikon akan kembali menjadi matahari.

Navbar Pada Mobile

Jika kamu mengakses situsali melalui smartphone, navbar akan terlihat lebih simpel. Ia hanya menampilkan tiga tombol, yakni navbrand, theme switcher dan burger menu.

Untuk navbar dan theme switcher sudah dijelaskan di atas.

Sedangkan untuk burger menu atau ikon tiga garis dipojok kanan adalah tombol untuk membuka navigation item dan tombol pencarian.

Saat kamu klik burger menu kamu akan melihat isi menunya.

Nah, burger menu tadi akan berubah ikon menjadi ikon silang, ini adalah untuk menutup burger menu tersebut.

Jumbotron

Di bagian bawah navbar kamu akan melihat jumbotron. Yakni kotak besar yang berisi informasi suatu halaman.

Jumbotron tidak muncul pada tiap-tiap halaman, ia hanya akan muncul di halaman.

  • Halaman Utama
  • Halaman Artikel Berseri
  • Halaman Topik (Tags)

Jumbotron Pada Desktop

Halaman Utama

Halaman Artikel Berseri

Halaman Topik

Jumbotron Pada Mobile

Halaman Utama

Halaman Artikel Berseri

Halaman Topik

Artikel Terbaru

Turun ke bawah, kamu akan melihat kotak daftar artikel-artikel terbaru.

Perhalaman situsali hanya menampilkan enam buah artikel. Untuk daftar artikel selanjutnya kamu bisa mengelik pagination.

Tampilan pada desktop

Di desktop kamu akan melihat daftar artikel, dengan desain tiga kolom, dua baris (3x2).

Tampilan pada tablet

Sedangkan versi tabnya 2x3.

Tampilan pada mobile

Dan versi mobilenya 1x6.