Contoh tampilan halaman web di bawah ini bisa digunakan untjuk membuat tema stylish dan modern, klik setiap menu untuk melihat konten:
Berandaku:
Dimana hati kita? saya lebih takut kepada diri saya sendiri ketimbang kepada orang yang mengecewakan saya..
Beritaku
Suatu hari semuanya akan menjadi baik baik saja. Sendiri atau bersama sudah tidak ada bedanya lagi
Hubunganku:
Saya rasa saya tidak masalah dengan tidak ada hubungan lagi. Keterikatan akan membuat kita semakin banyak kekuatiran, jadi pergilah.
Perihalku:
Siapa kita? Dan lihatlah apa yang telah kita lakukan! Saya tidak akan menangis karena saya memang tidak memiliki perasaan kekanak kanakan itu lagi, saya juga tidak takut kamu pergi karena saya memang tidak memiliki apa apa dan sisanya adalah kamu, jadi pergilah.
× Perihal Layanan bidang kontak Fullscreen Overlay Nav Example Klik hamburger menu atau tiga lapis garis dibawah untuk memperagakan menu layar penuh turun. Pada contoh ini ditunjukan bagaimana menu muncul dari atas turun kebawah: ☰ open Untuk detail silahkan kunjungi: editblogtema
× Perihal Layanan Usaha Hubungi Menu Layar penuh Klik hamburger menu (garis hitam bersusun tiga) di bawah untuk melihat hasilnya. Pada contoh ini menu akan sliding dari kiri ke kanan layar halaman blog sobat, ktia dapat merobahnya menjadi sliding dari atas atau tanpa sliding sesuai selera kita: ☰ open Untuk detail menerapkannya lihat di editblogtema
Beranda Berita Hubungi Dropdown Link 1 Link 2 Link 3 About ☰ Menu Navigasi responsive dengan "dropdown" Untuk menguji menu navigasi ini responsive atau tidak, coba periksa halaman melalui hape dan laptop atau tablet sobat. Tentu saja tekan tombol "Dropdown" yang muncul pada barisan menu untuk memunculkan menu menu dropdown tersebut. Catatan: Cara menerapkan khususnya meletakan menu navigasi yang benar dan tepat pada template bawaan blogger adalah di atas atau di bawah tag </header>, contoh: </header> <div class="topnav" id="myTopnav"> <a class="active" href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#home">Beranda</a> <a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#news">Berita</a> <a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#contact