Selasa, 24 September 2013

Cara Menghias Tampilan Kotak Search

Mau copast? Boleh. Tapi ada syaratnya!
Diawal Post.
Kalian jangan mau dibilang Copycut..!!!


Pada mau kotak Search-nya dihias ???
Ini sih tuto.x Yasmin dapat dari Salsa, tapi sama Yasmin sudah di ubah2 gtu.. supaya ga terlalu sama.

Ini yg simple 

Nahhh... Ini yg syyiiipppp..!!!



Yaudah,,langsung ajah..To The Pointtttt..!!!

1.Masuk ke akun blogger kamu
2.Pada Dashboard, pilih Tata Letak ==> Add Gadget ==> HTML/Javascript.
3.Copy-Paste kode di bawah ini.

<center><form action="/search" id="searchThis" method="get" style="display: inline;"> <input id="searchBox" name="q" onclick="this.value=''" style="background:#FCB8D4; color: #000000; font-size: 13px; height: 17px; width: 150px;" type="text" value="Ketik Disini..." /><input id="searchButton" style="background: #FF8AB9; border-color: #000000; color: #FFFFFF;" type="submit" value="Search!" /></center>

Warna Ungu = kode warna background yang bertulisan "Klik Disini...", kamu bisa ubah warnanya.
Warna Hijau = warna tulisan "Ketik Disini...", bisa kamu ubah warnanya.
Warna Biru = lebar search box-nya. Bisa kamu atur sendiri.
Warna Oranye = bisa kamu ubah dengan kalimat sendiri, sesuai selera mu.
Warna Coklat = kode warna background button "Search!", itu juga bisa kamu ubah.
Warna hitam = kode warna border button "Search!", bisa kamu ubah juga.
Warna Kuning = kode warna tulisan "Search!", ubah sesuai selera kamu.
Warna Merah = Kode tulisan “Search” , bisa kmu ubah tulisannya.



Label:

0 Komentar:

Posting Komentar

Hai Readers..!!!
Jika sudah membaca artikel Saya, wajib tinggalkan komentar yah.???
Terimakasih ^_^

Berlangganan Posting Komentar [Atom]

<< Beranda