Tutorial : Letak Search Box ( Blogskin )

Assalamualaikum . Selalunya template je boleh letak kotak seacrh dalam blog kan ? Now , blogskin pun boleh . Jom buat ! 

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 to : AtiQah