Cara Menghilangkan Form Search Pada Template Evo Magz

Form Search yang berada pada menu navigasi Template Evo Magz memang menjadi ciri khas tersendiri bagi template tersebut, dengan adanya form pencarian tersebut tentunya akan mempermudah pengunjung dalam melakukan pencarian artikel pada blog kita, terutama jika form search tersebut dimodifikasi atau ditambahkan Google Custom Search, untuk menambahkan Google Custom Search pada template evo Magz bisa Anda lihat pada artikel Menambahkan Google Custom Search ke Template Evo Magz

namun untuk beberapa blog yang ingin menempatkan banyak menu pada navigasi, maka keberadaan form pencarian tersebut akan menjadi permasalahan tersendiri, sebab form search/pencarian yang ditempatkan pada menu navigasi akan membuat menu yang ditambahkan pada navigasi akan sangat terbatas, oleh karenanya pada kesempatan ini Saya ingin kembali Iseng – Iseng Modifikasi Template Evo Magz,  dimana materi yang dibahas adalah tentang bagaimana Cara Menghilangkan Form Search Pada Template Evo Magz

Menghilangkan Form Search Pada Template Evo Magz pada template Evo Magz caranya cukup mudah, yaitu cukup menghapus baris form searchnya saja, yaitu pada baris berikut

<form action="#" id="search-form" method="get"><table><tbody><tr><td class="search-box"><input id="search-box" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" value="Search..." vinput="" type="text"></td>
<td class="search-button"><input id="search-button" value="" type="submit"></td></tr></tbody></table></form>

Awalnya Saya berpikir semudah itu, yaitu cukup menghapus script form searchnya saja. Setelah dihapus form search memang menghilang pada menu Navigasi namun sayangnya ketika layar diperkecil dan menu dibuka tampilan menunya tidak tampil, seolah terhalang oleh latar belakang bagian artikel seperti yang terlihat pada gambar dibawah ini

Untuk mengatasi hal tersebut caranya cukup mudah.

1. Masuk ke mode Edit HTML yang terdapat di blog 
2. Kemudian cari baris berikut
   #post-wrapper, #sidebar-wrapper, .nav 
3. Pada properti css float:none Anda rubah menjadi float:right 
4. Bila berhasil nanti jika tampilan layarnya diperkecil dan menu navigasinya di klik maka menunya akan ditampilkan. Contoh demonya bisa Anda lihat DISINI
   

Dengan menghapus form search tersebut maka Anda bisa dengan leluasa menambahkan banyak menu pada navigasi template Evo Magz. Untuk lebih maksimal Anda juga bisa mengatur padding/jarak antar menu, Anda bisa mengatur selektor/baris css berikut

.nav-menu2 a {
    display: block;
    padding: 0 10px;

Anda bisa merubah bagian paddingnya menjadi lebih kecil, secara default jaraknya adalah 15px. Supaya menu yang bisa ditambahkan lebih banyak maka Anda bisa merubah nilainya menjadi lebih kecil, misal menjadi 8px. 

Kemudian Anda juga bisa memindahkan form serach Evo Magz ke bagian bawah header/logo blog, Anda bisa melihat caranya pada artikel Memindahkan Form Search Evo Magz ke Bagian Bawah Header

Selamat mencoba, semoga berhasil...

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple