Postingan

Menampilkan postingan dengan label dropdown

CARA MEMBUAT MENU NAVIGASI BLOG KEREN UNTUK TEMPLATE TERBARU BLOGGER

Gambar
Template terbaru bisa di modifikasi dengan memberikannya tambahan elemen navbar custom yang responsif, mobile dan tentu saja sangat berguna dan tentu saja di samping menambahkan fungsi navigasi dengan dropdown, tampilan tambahan ini akan membuat template menjadi tampak jadi lebih premium. notable template dengan navigasi responsif dan mobile Kalian dapat menerapkannya ke dalam template template terbaru seperti: Contempo Emporio Soho Notable Atau template template default yang lebih tua. Kode kode HTML yang dipergunakan dalam pembuatannya juga terbilang standar yang dapat di terima oleh halaman web HTML. Mari kita mulai: 1. PASANG CSS Login ke Blogger dan pilih template default terbaru. Pilih blog untuk diperbarui. Di menu sebelah kiri, klik Tema. Di samping kanan agak ke atas cari tanda titik tiga, klik Edit HTML. Pada halaman editor HTML blogger yang telah terbuka: Cari kode </head> Dan letakan kode CSS berikut tepat diatasnya: <style> bo

CARA MEMBUAT TOMBOL DROPDOWN MENU TUNGGAL DI BLOGGER

Gambar
single dropdown menu  for blogger (gambar oleh Adelina Sofyan) Membuat menu navigasi atau kustom navbar pada blogger memang berguna sebagai tool navigasi bagi pengunjung dan juga berguna bagi mengoptimalkan kinerja mesin pencari. Ada trik yang dapat kita terapkan jika ingin membuat segalanya tampak minimal, yakni tombol menu dropdown. Baca juga: APA BEDANYA jQUERY DENGAN JavaScript? Asal kalian tahu, dropdown bisa saja berbentuk seperti sebuah menu yang apabila disentuh atau di klik akan menampilkan menu menu yang tersembunyi di baliknya berupa list yang turun kebawah. Cobalah sentuh atau klik tombol merah yang saya buat di bawah ini: Dropdown menu Dengan klik Klik tombol merah di bawah untuk menampilkan menu menu. Dropdown Beranda Halaman Trik Navbar blogger Trik Toggle dark mode Menerapkannya sama dengan tips tips saya sebelumnya. Material dan elemen elemennya di buat menggunakan HTML, CSS dan Javascript. Karena template blogger dib

APA YANG DAPAT KITA LAKUKAN TANPA JAVASCRIPT?

Gambar
Ilustrasi menu dropdown blogger Javascript identik dengan "action" kadang untuk membuat suatu elemen di dalam template menjadi responsif, kita harus menanamkan script, yakni JavaScript. Template tampak hidup dan indah, tapi...berat! Kebanyakan Template-template HTML modern memiliki ciri ciri: Kompatibel dengan HTML5. Kompatibel dengan CSS3 Lebih banyak CSS Hanya menggunakan sedikit JavaScript Tentu saja penggunaan JavaScript tidak bisa dihindarkan, ia masih berkembang dan tidak menutup kemungkinan akan menjadi sebuah bahasa yang dinamis dan ringan di masa depan, tentu saja jika ia masih hidup sampai nanti. Namun jika kita hanya ingin menggunakan CSS? Inilah yang dapat kita lakukan. 2. Membuat menu dropdown murni CSS.  Perhatikan tombol berikut dan coba sentuh: SENTUH TOMBOL DROPDOWN WARNA MERAH DIBAWAH INI. Dropdown Link 1 Link 2 Link 3 Kemudian perhatikan kode CSS pembuatannya berikut, dibawah ini: <style> .dro