Tuto : Masukkan Search Box #Simple & Stylish

Hari ni Ira nak ajarkan korang masukkan search box di dalam blog korang tu .. Ni Ira buat tuto untuk siapa yang tak tau lagi macam blogger baru lah contohnya . Seacrh box memudahkan kita untuk mencari sesuatu or cari tutorial . Nak tau macam mane buatnya ? Okey fokus ! Senang je ..

1. Login > Design > Layout > Add A Gadget > Html/ Java Script
2. Tengok gambar di bawah ini : 

3. Then korang tekan je dekat + warna biru tu .. Nanti keluar lah search box korang .

4. Lepas tu , korang letak lah search box tu kat mane-mane yang korang nak . Sidebar and whatever .

5. Siap ! 

Selamat mencuba ! Senang je kan :)

Nak yang Stylish punya ? Yang ini mesti korang suka punya sebab search box ni comel sangat ! Nak buat ? Okeyy ^_^

1. Dashboard > Layout > Add A Gadget > Html/JavaScript 
2. Copy code di bawah ni : 

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

Warna Merah :  Colour untuk background "Put Any Words Here" tu ..
Warna Hijau : Saiz untuk tulisan . Tak nak tukar pun ok !
Warna Kuning : Tinggi search box . Tak yah tukar pun boleh !
Warna Biru : Ubah saiz lebar search box .
Warna Purple : Tukar dengan perkataan yang korang suka .
Warna Oren : Warna untuk background "Search" Boleh ambik di sini :)
Warna Biru : Warna untuk line border di kotak "Search".
Warna Ungu : Tukar perkataan ikut suka korang okay ?

3. Paste code tadi di ruangan Html/ JavaScript .
4. Dah siap , preview dulu baru SAVE !

Credit : zatieylicious

Tweet