Saját keresődoboz hozzáadása az oldaladhoz

Telepítési lépések:

1. Menj a Tervező / Tervezés / Oldalelemek opcióra!
2. Kattints egy tetszőleges helyen a Modul hozzáadása gombra!
3. Válaszd ki a listából a HTML/JavaScript elemet!
4. Másold be az alábbiak közül valamelyik keresődoboz kódját ebbe, aztán mentsd a modult!

1. verzió

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQfA2Dp8eYEuREDeK-fn1deh-dlxjset18LW8Bg9-njkr3nUvKhg9Gp3-DUKqWNOSihhuEVKKCZNNwmrtLDCmXSQPgQWDS6JzfBJNInLKu-GzYewmK4rvgIFML1_261VybSQf4o4PrYIaF/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

2. verzió

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXjrb9JJVsYkz750Iey4wRgVEjDC2EOGcikws9_dBrH81GcJwAMuxvvRzFlZ8MCbV9ffTrA71-4ZOTI3jxS-zNxJzH12jV6GWq9tCSpkcGTFf7IaEgWse5QkJcEIhzYHazK1Wz2W6gPiif/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

3. verzió

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin4uy01a98fsUe-AXmTKlfkeEaUDnmLao89xnVh2ECEkI0n70EgeVx7Raq0v9fOgV1LrItK_iJYfjWtBSMjZ6dyv9bLKhsSC4O0YFh35dBQRoEk-EK_fDm6BElQJ7cZjPCSeAEPm5BlJgi/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

4. verzió

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyeMWPhsOv-c6BsZanXpiQF8smfNjtNYpPtNcBrCblmH6Nydk9xD8TSro_E_77ufNLiAJbRCUfJSwWyTDOF0ulHtP3KK16UKYbm6-TF-GprKsCyWro8CNKdQd3QKYGCRb6ep73qDJuwSOI/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

5. verzió

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwyErsN14HZf7rlHnrqY2LX4k7p0lnvMNryLBHPFju1fBtQX90J7ozAyJd6fU4uU9A4Ka1OReXPY6KMDsx6p9dOcAln87yrAi8ZbDn_EVUFODysCC686QsYraXsXVGA0VtXlnYGr9QjpZY/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

6. verzió

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcCe31vgYDhK5pGgtIB53Px-i4PcGBjLTHFi_tubBP91Rk44uudWUvxV3zdilxhz7-M8WwBUuAabH4IHUFbig6mqCPeFTJ7m6txZ3gPEqJgx_CGGt_EurSjPJj57glwJaKqV4b9smEOpuC/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>