Sunday, January 4, 2015

Membuat Search Form Versi Mobile

cara membuat kotak search versi mobile


Selamat pagi Menjelang siang kali ini blog Muiz-Techno Akan membagikan tentang cara membuat searh form/formulir pencarian agar bisa terdeteksi di versi mobile..
okk barang kali ada yang minat dengan artikel saya ini silahkan SUBRIBE Blog saya untuk mendapatkan informasi seputar teknologi dan tutorial blogger.

Tetapi tidak dengan cara memasangnya baik custom mobile atau pun web,  di karenakan kita lagi krisis ide menulis artikel dan mungkin kedepannya blog ini akan memposting  artikel di luar tutorial blogger, Kita juga bingung memberi judul dalam artikel ini yang tepat itu apa. Berikut gambar yang kita maksud :


cara membuat kotak search versi mobile
Gambar tersebut diambil Screnshot melalui komputer dengan browser Google chrome, yaitu hasil pencarian melalui form search engine yang kita pasang di versi mobile. Atau bisa di katakan form search versi mobile hasil pencariannya otomatis versi mobile pula, apabila kita melakukan pencarian query melalui form search engine versi mobile apabila membuka melalui komputer, notebook, PC atau pun netbook, bukan mengarah ke HTML dan kita juga bisa membatasi hasil penelusurannya. Berikut di bawah ini adalah standart code form search saederhana.


<form action="http://Url/search" id="searchthis" method="get" style="display:inline;">
<input id="b-query" maxlength="220" name="q" size="20" type="text" />
<input id="b-searchbtn" type="submit" value="Search" />
</form>

Code diatas apabila di pasang di custom versi mobile blogger, maka hasil pencarian akan mengarah ke HTML bila melalui notebook, PC, atau komputer dan tidak ada pembatasan hasil yang di index. Bukan versi mobile ?m=1. Bagaimana supaya form search engine supaya otomatis mengindex versi seluler/mobile bila membuka lewat kompute  atau PC, berikut code perubahan form di atas menjadi.


<form action="http://Url/search" id="searchthis" method="get" style="display:inline;">
<input id="b-query" maxlength="220" name="q" size="20" type="text" />
<input id="b-searchbtn" type="submit" value="Search" />
<input name="max-results" type="hidden" value="3" />
<input name="m" type="hidden" value="1" />
</form>
Keterangan :
  • Penambahan code <input name="max-results" type="hidden" value="3" /> adalah untuk membatasi berapa jumlah hasil yang ingin di tampilkan, dan silahkan ubah nilai valuenya sesuai selera.
  • Code <input name="m" type="hidden" value="1" /> adalah mengarahkan hasil pencariannya di versi mobile/seluler, dan penempatannya di akhir sebelum Tag Form.
  • (size="20" ) adalah panjang kotak/lebar bisa di ubah sesuai selera.
  • (value="Search" ) adalah tombol bottom bisa di ubah sesuai selera.
  • Ganti (Url) dengan Url Blog anda.
  • Form di atas tepatnya adalah di pasang di fitur custom seluler blogger.
DEMOSearch engine hasil pencarian index versi Mobile atau Seluler.


DEMOSearch engine hasil pencarian index versi Web atau HTML.


  • Jika ingin selalu hasil pencariannya di versi web, baik melalui komputer ataupun perangkat seluler maka silahkan ubah Code <input name="m" type="hidden" value="1" /> menjadi <input name="m" type="hidden" value="0" />.
sekian tutorial dari saya wasalamualikum WR.WB

Anda Sedang Membaca Artikel Tentang Membuat Search Form Versi Mobile Dan Artikel Ini URL Permalinknya Adalah https://muiztech.blogspot.com/2015/01/membuat-search-form-versi-mobile.html, Saya Harap Artikel Ini Bisa Bermanfaat Bagi Anda Yang Membacanya.


NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner