Tutorial : Letak Search Box {Blogskin}


Assalamualaikum and annyeonghaseyo. Tutor yang ini tieqa nak share cara utk letak search box bagi pengguna blogskin. Search box ni ada tiga version. Korang boleh pilih nak yang mana.

1. Dashboard > Template
2. Copy dan paste code ni dekat tempat yang korg nak letak search box tu

VERSION 1


<form action="/search" id="searchThis"
 method="get" style="display: inline;">
<div style="text-align: center;">
<input id="searchBox" name="q" type="text" /> 
<input id="searchButton" type="submit" value="Go" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</form>

VERSION 2


<form action="/search" id="searchthis"
 method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20
style="background: #FFE4ED; border: 1px solid #D0D0D0;" type="text" />
<input id="search-btn" style="background: #FFE4ED; border: 1px outset #D0D0D0;
 color: white; font-weight: bold;" type="submit" value="Search" /><br />
<br /></div>
</form>

VERSION 3


<form action="/search" id="searchthis" 
method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20" type="text"
value="Enter search terms" />
<input id="search-btn"src="URLICON
style="margin-left: 5px; margin: 3px 0 0 5px;" 
type="image" value="Search" /></div>
</form>
Oren : saiz box
Biru : warna background
Hijau : warna border
Ungu : URL icon
Credit : Diya

9 comment [s]:

Atin Tory said...

huhu klo template classic .. mungkin unnie kene letak jugak kot huhu :)..sbb sng nnti org nk cari ape2

Yui K-ON said...

Thank you akak! ^^

Unknown said...

menjadi!!,thankgyu,kak tieqa!!!!

HunHan said...

bru nak wat tuto psl bnde nie..

atiqahjaidin said...

@Atin Tory : Ouh ye? Okay, klau rajin unnie letak xD
@Yui K-ON : U're welcme, dik :)
@BilahBatrisyia #BudakTinggi : Yeolwelcome :)
@✿ʎɹɐuıpɹo Alyaa ✿ : Hehe :D

Marha Amni said...

Thannks banyak2 .

Wan Nabihah said...

wah.. senangnya... memang teliti lah! hehehe... thanks sangatx100 ~ hehehe

Barniyah Ammara said...

Thanks! ^^

Diva Devina said...

Thank you :)