Sitene Google Arama Kutusu Ekle (YENİ)

[Ramsey]

ÖNCE BURDAN ÖNİZLEMEYE BAKIN

300px Eninde Arama:

Kod: Tümünü Seç Tümünü Kopyala

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Google Arama Kutusu Ekle (YENİ)-->
<form action="https://www.google.com/search" method="GET" target="_blank" id="kd-google-search-cust-log" class="kutuda">
<div class="kd-g-s-c-l-imghold">
<img alt="Google Logo" src="https://4.bp.blogspot.com/-tn5-DcRLsUo/V9bnYzVYf6I/AAAAAAAA790/MthDMZG0PtsrYQPNmdn7TeYxTZFhAAYngCLcB/s1600/koddostu-google.png">
</div>
<input type="text" name="q" class="kd-g-s-c-l-input">
<input value="Google'da Ara" class="kd-g-s-c-l-submit" type="submit">
</form>
<script src="https://www.koddostu.com/kdjs/arama.js"></script>
<script src="https://www.koddostu.com/duzelt.js?no=366"></script>

G Logolu, 300px Eninde Arama:

Kod: Tümünü Seç Tümünü Kopyala

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Google Arama Kutusu Ekle (YENİ)-->
<form action="https://www.google.com/search" method="GET" target="_blank" id="kd-google-search-cust-log" class="kutuda">
<div class="kd-g-s-c-l-imghold">
<img alt="Google Logo" src="https://4.bp.blogspot.com/-eyH9ZUZM90Q/V9bnY4ZoDnI/AAAAAAAA79w/3FDNE74yDFQrKAFfZmxyqx31iVugSdxKwCLcB/s1600/koddostu-g.png">
</div>
<input type="text" name="q" class="kd-g-s-c-l-input">
<input value="Google'da Ara" class="kd-g-s-c-l-submit" type="submit">
</form>
<script src="https://www.koddostu.com/kdjs/arama.js"></script>
<script src="https://www.koddostu.com/duzelt.js?no=369"></script>

Eni Ayarlanabilir Arama:
Bu html kodun 4. satırındaki 180 yerine 180 ile 600 arasında istediğiniz sayıyı yazabilirsiniz. Bu sayede Google arama kutusu kodunun genişliğini ayarlayabilirsiniz.

Kod: Tümünü Seç Tümünü Kopyala

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Google Arama Kutusu Ekle (YENİ)-->
<form style="width:180px;" action="https://www.google.com/search" method="GET" target="_blank" id="kd-google-search-cust-log" class="kutuda">
<div class="kd-g-s-c-l-imghold">
<img alt="Google Logo" src="https://4.bp.blogspot.com/-tn5-DcRLsUo/V9bnYzVYf6I/AAAAAAAA790/MthDMZG0PtsrYQPNmdn7TeYxTZFhAAYngCLcB/s1600/koddostu-google.png">
</div>
<input type="text" name="q" class="kd-g-s-c-l-input">
<input value="Google'da Ara" class="kd-g-s-c-l-submit" type="submit">
</form>
<script src="https://www.koddostu.com/kdjs/arama.js"></script>
<script src="https://www.koddostu.com/duzelt.js?no=368"></script>

Çerçevesiz, Bulunduğu Yere Göre Boyutu Küçülen Arama:

Kod: Tümünü Seç Tümünü Kopyala

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Google Arama Kutusu Ekle (YENİ)-->
<form action="https://www.google.com/search" method="GET" target="_blank" id="kd-google-search-cust-log">
<div class="kd-g-s-c-l-imghold">
<img alt="Google Logo" src="https://4.bp.blogspot.com/-tn5-DcRLsUo/V9bnYzVYf6I/AAAAAAAA790/MthDMZG0PtsrYQPNmdn7TeYxTZFhAAYngCLcB/s1600/koddostu-google.png">
</div>
<input type="text" name="q" class="kd-g-s-c-l-input">
<input value="Google'da Ara" class="kd-g-s-c-l-submit" type="submit">
</form>
<script src="https://www.koddostu.com/kdjs/arama.js"></script>
<script src="https://www.koddostu.com/duzelt.js?no=367"></script>

[Besico]

Bunu CSS'le de özelleştirdik mi tadından yenmez :)

[Ramsey]

Bunu CSS'le de özelleştirdik mi tadından yenmez :)

Aynen Öyle :)

[ByKanser]

Gerçekten Yararlı Konu Teşekürler. :D