3 - CSS Kodu:
<style> a.aramamotoru{ position: absolute; top: 70px; right: 15px; text-transform:uppercase; z-index: 1; } #aramamotoru { display:none; position:absolute; margin-left: auto; margin-right: auto; top: 35%; left: 35%; width:315px; height: 135px; text-align: left; background-image: url(http://hfserver1.googlepages.com/searchbox.png); padding: 15px 0 0 17px; z-index: 1; } </style>
4 - Form kodu:
sayfamızda site içi arama kodunun nasıl alındığını anlatmıştık. Arama Kodunu aşağıdaki gibi yerleştirin. Kırmızı ile belirttiğim yazılar orjinal üzerinde oynanmamış site içi arama kodudur. Sarı renk dolgulu kısımlara özellikle dikkat edin. JAVA ve CSS kodlarının hemen altına aşağıdaki kodu kendi sitenize göre değiştirerek yapıştırın.
<p><a onclick="return showForm();" href="search.htm" class="aramamotoru" title="Site içi arama"><img src="https://img.webme.com/pic/h/hackerfriend/arama.png" border="0" /></a></p>
<div id="aramamotoru">
<br/>
<form action="http://hackerfriend.tr.gg/search.htm" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="018383007845602883398:7hfuid0kl94" />
<input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="ie" value="windows-1254" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Ara" />
<input type="button" id="bCancel" name="bCancel" value="İptal" onclick="hideForm();"/>
</div>
</form>
</div>