3 ΒΑΛΤΕ ΟΜΟΡΦΑ SEARCH BOXES ΣΤΟ BLOG ΣΑΣ

Η ΔΙΑΔΙΚΑΣΙΑ ΕΙΝΑΙ ΑΠΛΗ:
►Πίνακας Ελέγχου ►Σχεδίαση►Στοιχεία σελίδας►Προσθήκη gadget►Διαλέξτε απο την λίστα HTML-Javascript►Επιλέξτε όποιο στύλ search box σας αρέσει,αντιγραφή-επικόλληση τον κωδικό►Αποθήκευση

 STYLE 1

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtp7iNIfYCgFgWZSrF2mJuCH8aOkIC60mj_06aM59iPT0zgbnPt8B7Sp29rtG44cW7KWXWIPPz8_37P-h9lUeX1UcxxfxduZQtBTWzG1DEKyb7gjKnmwBntXtBiYaM0kF_Jo8gWXAAiXgA/) 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><br /> <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...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>


STYLE 2

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD4kblXtTg-ddR9x5hHs8ZSpZNQmq7DZto1k7L4D_0cz48UhS-mjno_H7Amv0VTq4agNfSiZFnHBjnCm0kQXjT133c7EbpAIl_uLK807OZV3SXpEEf9s4-GgiEeOIIIUFGxx5aenPL_XhH/) 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><br /> <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...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>


STYLE 3

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFFw45dQdPZv2_8jvNIse_sbwud2J2mhWJhv4EfwCg6wSuHK2Gyk9nHPIVPzxSbiUPkS_irz_wUjZjnU0neG1azzdGBI_mhS8wpF4vEuDLjK8uIPSxCeGxuORssIVFU1aE_iIq2HJRfwS_/) 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><br /> <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...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>


STYLE 4

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMNy8CQrcsquLoiN1OcopOWS61NR7UWYkZSspa1mnqHXEmPnnTkzNWSUtnr04DQP1rbG13myQlydaXgHmVV5ajqjreAdF7iyRtpasS7sJabash6-N2na2_BQm2w7cAACEKPtvFblh7Knq/) 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><br /> <div id="w2b-searchbox"><form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>


STYLE 5

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEH7OzEo5-fVtyzE4lvAKz3IMYbOKkR9X0yZXMr1-vtU90bWsL-EelSykQ1u_gXcs36Vi6TJi-6ITq3xugmfWPdxrH_QJQ1nqQ3Vk5rgtYbPts4XqETsK_ucpx55736tAQx4f_RuHH0cM0/) 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><br /> <div id="w2b-searchbox"><form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div> <br>

ΑΝ ΣΑΣ ΑΡΕΣΕ ΤΟ ΑΡΘΡΟ ΒΑΘΜΟΛΟΓΗΣΤΕ Ή ΑΦΗΣΤΕ ΤΟ ΣΧΟΛΙΟ ΣΑΣ!!!