EDITBLOGTEMA

Pada pecobaan kali ini saya menggunakan template contempo - yakni salah satu template terbaru blogger, Contempo memang memiliki sidebar, dan saya menyembunyikannya karena saya akan mengganti atau menambahkan sidebar yang berfungsi sebagai menu navigasi agar tampilan template lebih simple dan fresh antar mukanya, ikut langkah demi langkahnya. contoh salah satu rancangan desain sidebar+navbar blogger kami Langkah pertama Tambahkan CSS.  Masuk kepengaturan dasbor blogger. Pilih tema Pilih edit HTML Cari kode berikut: ]]></b:skin> Letakan kode css berikut tepat di atas kode ]]></b:skin> tadi: body {   font-family: "Lato", sans-serif; } .sidenav {   height: 100%;   width: 0;   position: fixed;   z-index: 999;   top: 10;   left: 10;   background-color: #f0f0f0;   overflow-x: hidden;   transition: 0.5s;   padding-top: 60px; } .sidenav a {   padding: 8px 8px 8px 32px;   text-decoration: none;   font-size: 25px;   color: #333;   display: block;   transition: 0.3s; }

ilustrasi menu pencarian Ini adalah cara simpel (sederhana) dapat kalian terapkan untuk membuat navbar blog kalian sendiri dan karena template blogger di buat dengan HTML, trik ini dapat di terapkan hampir pada semua jenis template bawaan blogger. Pada Navbar hanya di tampilkan tiga menu agar ia tampak sederhana, dalam tutorial ini saya misalnya menambahkan tiga menu saja untuk mewakili konten sebuah blog: Judul Blog Tentang atau Perihal Kontak Dan lalu "Menu Pencarian" pada ujung paling kanan Tentu saja navbar ini cukup responsif pada saat di terapkan ke blogger. Perhatikan contoh. Contoh di bawah ini "live" kalian dapat mencoba menyentuh dan mencobanya. Namun demikian fungsi kotak pencarian belum saya lengkapi dengan perintah PHP. (demo mungkin tidak akan terlihat pada browser di hape/mobile) Judul Tentang kontak Cara penerapannya: 1. Pasang CSS: Masuk ke pengaturan blog Pilih theme Lalu akan muncul menu baru b

Berbagai tips dan triks membuat navbar atau navigasi menu blog telah kami kemukakan di dalam blog ini. Diantaranya yang paling banyak adalah Navigasi Menu diatas header. Sekali ini untuk yang ke sekian kali pula saya akan memberikan trik atau tips membuat Navigasi menu yang dapat di buka dan muncul di sebelah kanan halaman blog. Navigasi menu pada sidebar blog Perlu di catat, navigasi menu itu bisa berbentuk unik atau sangat familiar bagi pengunjung. Sebaiknya buat yang mudah, sederhana dan dapat di fahami, sehingga ia dapat memandu pengunjung mengeksplorasi halaman demi halaman blog kita. Navigasi menu juga bisa berguna bagi mesin pencari untuk mempetakan halaman blog. Klik elemen atau hamburger menu (garis lapis tiga) di bawah ini. × About Services Clients Contact ☰ open 1. CSS Cara penerapannya juga mudah: Kalian tinggal masuk ke pengaturan blogger. Pilih theme Lalu akan muncul menu baru blogger cari titik tiga sweetie berikut:  ፧ dan klik maka