Saturday, 6 April 2013

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="20style="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="URLICONstyle="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