EDITBLOGTEMA

Model model desain template web tidak dapat ditinggalkan begitu saja. Selama dakade tentunya para desainer telah bekerja keras untuk membuat tampilan dan antarmuka halaman web yang dapat di pergunakan dengan sama baiknya di berbagai ukuran layar perangkat. Sehingga muncul istilah desain responsif dan desain adaptif. Keduanya merujuk pada penggunaan halaman di layar desktop dan mobile. Bisa di pergunakan di layar dengan ukuran besar seperti PC desktop dan laptop, bisa di akses dengan mudah dan nyaman melalui layar tablet dan hape. Baca:  Sekilas mengenal desain web responsif versus desain web adaptif Contoh menu yang responsif adalah ketika ia dibuka pada beberapa layar berbeda: Pada PC desktop, laptop, tablet dan hape mobile. Pada PC layar besar menu tersebut tampak horisontal, sedangkan pada layar kecil seperti hape ia menjadi berbentuk menu hamburger yang dapat di klik untuk memunculkan menu menu.  Sedangkan pada desain adaptif menu akan terlihat sama baik pada saat di buka melalui l

Lain dulu lain sekarang. Dulu ada yang berpendapat, supaya tampilan halaman web menarik jangan menggunakan warna merah sebagai latar, jangan juga menggunakan warna gelap. Gunakan saja warna dasar seperti: putih, biru. Itu yang saya baca di internet dari blog blog lama yang pemiliknya sudah di anggap sebagai 'master'. ilustrasi: dark or night mode Tetapi zaman now, generasi saya Anissa (saya lahir 2001-2002) malah kebalikan dari paradigma di atas,  mulai dari dari forum google menggunakan dark mode, Situs situs raksasa seperti: Facebook punya fitur dark mode, Twitter punya fitur dark mode, Whatsapp punya fitur dark mode, sekarang Windows 10 untuk laptop, dekstop dan tablet surface juga memiliki fitur yang sama: DARK MODE. Template blogger masa kini juga memiliki fitur dark mode. Besok pada update berikutnya, viomagz buatan mas Sugeng juga kemungkinan secara default akan di lengkapi dengan fitur ini. KHASIAT DARK MODE BAGI KESEHATAN HAPE DAN MANUSIANYA Fitur dark mode

Trik ini adalah untuk membuat blog menjadi memiliki opsi "Dark Mode". Baiklah mari kita mulai memasangnya: Temukan kode deklarasi pembuatan navigasi menu template sobat terlebih dahulu, misalnya pada template buatan editblogtema kode navigasinya adalah sebagai berikut: <style> #editblogmenu {width:100%;margin:0 auto;height:50px;position: fixed; z-index:99; background:#3366FF;} #editblogmenu ul, #editblogmenu li{margin:0;padding:0;list-style:none;} #editblogmenu ul{height:45px} #editblogmenu li{float:left;display:inline;position:relative;font-family:&#39;trebuchet MS&#39;;font-size:16px; ...dst...dst... </style> Perhatikan kode yang saya sorot warna kuning itu akan kita jadikan sebagai penghubung ke tombol pengalih (toggle) yang akan kita buat dan tentu saja setiap template memiliki kode, sintaks dan deklarasi kode kode yang berbeda dalam pembuatan menu navigasinya, sobat tinggal menemukannya saja nanti. Jadi masuk kepengaturan blog: