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
Posted by at 11:27 PM

9 comment [s]:

Atin Tory said...

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

February 11, 2013 at 12:35 AM [REPLY]
Yui K-ON said...

Thank you akak! ^^

February 11, 2013 at 9:47 AM [REPLY]
Unknown said...

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

February 11, 2013 at 10:01 AM [REPLY]
HunHan said...

bru nak wat tuto psl bnde nie..

February 11, 2013 at 12:13 PM [REPLY]
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

February 11, 2013 at 2:22 PM [REPLY]
Marha Amni said...

Thannks banyak2 .

February 17, 2013 at 4:00 PM [REPLY]
Wan Nabihah said...

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

April 10, 2013 at 12:24 PM [REPLY]
Barniyah Ammara said...

Thanks! ^^

August 5, 2014 at 7:22 PM [REPLY]
Diva Devina said...

Thank you :)

November 16, 2014 at 3:11 PM [REPLY]

Post a Comment