«Search» կոճակներ Blogger-ի համար

Այսօր ձեզ կներկայացնեմ հետաքրքիր և շատ կարևոր հավելում Blogger-ի համար: Այս նյութում կներկայացնեմ փնտրել կոճակի 6 տարբեր տեսակներ, որոնք կարող են օգտակար լինել ձեր բլոգի և նրանից օգտվողների համար:

Ասեմ , որ կոճակները շատ հեշտ են ավելացվում և ավելացնելու համար պետք է կատարել ընդամենը մի քանի քայլ ՝

Տեղադրում ենք «Փնտրել» կոճակը

1. Մտնում ենք Blogger-ի կարգավորումների էջը՝ Blogger Dashboard -> Design tab -> Page Elements
2. Սեղմում ենք Add a Gadget , որտեղ և պետք է ավելացնենք գադջիթը
Ընտրում ենք HTML/JavaScript եղանակը և ավելացնում ենք ներքևում գրված կոդերից մեր ուզած տարբերակը

Տարբերակ 1

<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq6gjDoWYXsNp6yzQGbThUNwEG9Nyy6T39tML57-k1lei7c99W0eBgPnRYfikI3s08PW3WrDcgFWxB38N_Dh5vZrUTIxV0L_Ig9vTRKJ181F0SKTPmmFjLrCMBGqhNAguvY3ZzAjOfglNj/) 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

<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0GTO98w6U1xrjpIVLfnKpigpCzXejxZIQHikhpPWN6LdmLHCdZdn09YLkIomDHPxJ1jRmy6IzU2c3LXuoFcuwcvTUnDtlwESCIg6f_ueeWxLRUPmfhcQVY7PTTqeJmOqCm1joqkINWX0/) 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

<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYvvzOsu0w1eD06ZMnjKyk9q6vLZB3lD6DFpoTDluJjMDBLDdJOWUbE9J-IUwBlZKK4XdldEE3umLea3rIPn8pqgP15OeaHlIL6ibM5rSXc0vJ8BI5pW-Je2mQdhTMdih5cH1R5l9C5wtO/) 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

<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisRYBJh3MJFHRYDu2n9XfVnjU1m8BrmajzuQ1PxKwkrU1R3kFgExKn3TDLTMLiytstpAPCcfhx8mxVhZX7SN72xghUCyazbfj8LYJrB-8WmtVM2pHpGlhCWxIqlqTyPuYZPZGoXBhpO6k8/) 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

<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHVP48kcdw-1Esf5BUFAnwwtWp8XiUGSl57ipx7QE5KUb0CbB5LCIW9SsJJHQYadMMzU19uLpagxF9YYXbNqHdhCf00by_Rdb8_7ILOE6RSeCFvjUhbt-kXt4xIPhwef1LS86IRwIQCXDV/) 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

<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB_oG6khb4T5YKfcHhc6h4iMBx4fPqjHAoUwJYGSvlVspolxqkFEQR2xQh2dheK5nNkhONgK2hJtVmQEf4gsjcqAqTzVNMzZqkXeg4R7caBqiV1PpmniE0xwCChk9f3W0S-gNUwoVOg3Tx/) 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>

 Հաջորդ նյութերից մեկում կտեղադրեմ  Google Search  գադջիթի մասին:
Գադջիթները տրամադրել է՝ design3edge.com կայքը: