MY
WAPMASTER

Free Online Tools And Generator

Contact
my wapmaster selekeh

Tips
Jika mendapati halaman blank ( blank Page ) silahkan gunakan halaman VERSI DASAR Kami. ×

memasang search form tanpa tombol

search form xtgem, cara membuat searchbox google

Cara membuat Search form tanpa tombol di wapsite ini menggunakan pencarian Google Site, jadi jika kata kunci yang masukan tiada dalam situs kita maka hasilnya kosong, jadi cara ini cukup akurat agar kita dapat memantau kata artikel kita sudah diterima Google apa belum.

Buat pengguna xtgem jika Site Anda hanya menampilkan artikel blog saya rasa Search form ini tidak perlu dipasang karena sudah ada Search form di dalamnya, berbeda Wap yang banyak Link berantai didalamnya seperti mywapmaster ini, fungsi ini sangat penting di pasang.
Oh ya, saya berencana akan mengganti Search form ini, untuk itu saya akan membagikan disini, selain untuk bersama mungkin suatu saat saya akan menggunakan nya lagi sudah ada arsip disini.

searchbox.jpg
Tampilan searchbox versi touch

Sesuai judul searchbox ini tidak menggunakan tombol, buat pengguna Android keyboard pada ponsel Anda akan otomatis berubah menjadi tombol pencarian, yang lain dapat menekan enter, tanpa script jadi tidak pengaruh pada loading, berikut kode yang di gunakan :

<style>
#searchbox { text-align:center;}
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

/* search input */
input[type=search] {
	background: #ededed url(http://ykub.xtgem.com/Home/images/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 70px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
</style>



√ Letakkan Css diatas pada header, jika dimasukkan pada Css yang ada hapus <style> dan </style>

<form action="http://www.google.com/search" method="get" id="searchbox">                                                                                                                                                                                                                                             <input type="hidden" name="sitesearch" 
value="ykub.xtgem.com" />                                                                                                       <input type="search" id="s"
name="q" placeholder="search">
                </form>



√ Letakkan kode Html diatas dimana yang Anda inginkan.
Search form diatas dapat dipasang selain xtgem.







Back to posts

Comments:

:

Makasih ****** .ilmunya semoga berekah

:

http://narusenju.*****.in

:

coba dulu dah min.
Makasih min udah pakek textarea jadi mudah buat copas nih..





My Wapmaster
Rating 4 stars
Deskripsi
Author
Keywords Generator, Widget, wapmaster tools

Share
Navigation


My Wapmaster merupakan Wapsite layanan online umpan web, yang terdiri dari tools atau alat pengelola untuk blogger, serta tutorial publikasi lain yang berbasis web.

Random Berita

sang begal komentar xtgem itu bernama badwords
What new laws and rules are coming into force in 2025?
Css Konten jadi Menghilang Dengan Tombol Ex
Cara Memasang Clip Pada Background Gambar Dengan Css



Polly po-cket