Եթե ցանկանում եք ունենալ գեղեցիկ Search Boxe-եր ձեր բլոգում ապա պետք է այցելել ձեր բլոգերի էջը և անել հետեվյալ 3 քայլերը
1.Մտնում ենք Дизайн հետո добавить гаджет
2.Ավելացրեք HTML/JavaScript
3.Ընտրեք ձեր ցանկացած Search Boxe-ը copy արեք կոդը տեղադրեք այն և սեղմեք сохранить
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVicFSf9iPq-Y6Ne16z40beCLWiruQJVuq1yjYKhmhaHvKk-ExtTgpGLAJZSb0S3mLeJUwsj_Ie5kiKxvV9jWpkAc1dyCPEfqC_82hnv5hwG5aN8mvbpY29WBgtG6edY_lWsulqA12dgPI/) 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>Style 2
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpm1sddE1xPgV3Uw6jC0QnVZ7cdV2QUw4CSOz5_XIM3FsJsJgmchaUj1Mc5p6uWYKa9PCczKgBD2lCppGqjqkIFV_UKQHJ-abMBDFFVYbszw-TMCJnSEJfx5US2OqzH7QlhS3PxTWE5Za3/) 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>Style 3
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9ckmQMBZxHj5bot1xlRAod1OqmXxHi4Bf02Txg2OHiILAOoCblCj0ds_iyk-BpSt_b6ncm-bnEAVeeT-Kw7mv2FtkY6U4fZ9l7Y2aMEFrbRSFtuc7iwVe33A-YPoCn6AfPtxrNkrNxDe/) 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>Style 4
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKlG3_TAGYi_gbU7vkgJ9aUqfRFtUK5VU-lRE28QVByY3b3_aF9BF1EQMIqKeQu5hNQDf54EojrAjMq6uqkssEYdUtcxQLswb9sXbwCRWZH2Fy0qHKACKWmYmN_3AMU6wtORCaNxsmXa_/) 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>Style 5
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1c3tKhTwv8Yki9CnxRXlJ5x5AhOPXqt82jeXXeycDgj1yJ3f1YVzzeGlHFcWICvgfRw2tuAKVi0n06_4oE5sBHvWPPnmKKUIsF7h5aUSLyAQcFRjmWhICJmAbEL1ySfa7W4sUML45ZQz/) 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>Style 6
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8QAiKCfsLUI9z2zhl5iEVrNH2G36FNTmwRZ8PMoxShZ6P_bOnNBMm2X3oHICEwDngmfNgC1WUN7T_lMIh2-YM0ce7fhs4Sw1rjvVIbd3O0hLWXFZgp1W3lm7SAuNs8qiXPIWdTxvbbPue/) 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>