«Search» կոճակներ Blogger-ի համար
Այսօր ձեզ կներկայացնեմ հետաքրքիր և շատ կարևոր հավելում Blogger-ի համար: Այս նյութում կներկայացնեմ փնտրել կոճակի 6 տարբեր տեսակներ, որոնք կարող են օգտակար լինել ձեր բլոգի և նրանից օգտվողների համար:
Ասեմ , որ կոճակները շատ հեշտ են ավելացվում և ավելացնելու համար պետք է կատարել ընդամենը մի քանի քայլ ՝
Տեղադրում ենք «Փնտրել» կոճակը
- Մտնում ենք Blogger-ի կարգավորումների էջը՝ Blogger Dashboard -> Design tab -> Page Elements
- Սեղմում ենք Add a Gadget , որտեղ և պետք է ավելացնենք գադջիթը Ընտրում ենք HTML/JavaScript եղանակը և ավելացնում ենք ներքևում գրված կոդերից մեր ուզած տարբերակը
Տարբերակ 1
<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKAbubUqtcM3gyB0h9feyVIx-6MZQGD8qz0DgrgRQMwrfN-vWnicb42E1l97l43FbJydG9FSoy78yhZ0GRaMADZAfIH8FCEUYORnXK47pi-har9BUrZv28k-DXnCfuh7RWvLnhllT-AgKr/) 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/AVvXsEgRGmzdo9_cCaLqxL78TctG6cpT2vtfW79GbvVj9Iacxyy1C8u71KBax0CiA3Drb5Zh8j3lTb2ayFXAjza8Zurn3L8SbOrE3LWQ9fdK93B0m7dDkf2ZvjBssQnBbP54RKLhARggMXYPX1Df/) 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/AVvXsEhQlzISWBR6wStB0M0Id4AY4T-_8cGhqpexPstCQZjMtXmS3aRD_x-r_oF2CLCSkAXx4AG-qyYgQzcEKoY5kj9HYGT6t0isDUyvkCnBoRM-LwM8uWpP20iX927DE-GUuQ7M7n6fVCJuTT5A/) 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/AVvXsEjW1WCprjJLrLlZoYwoYxp-lchEVVZtW7VYIix1XjOXYoJ7lTM8bhMNKy2F2KQKIpBL7oWwmSEp9uPcitALkNYXYZCo1wryxbYDSRIRqMxBk4AR9mWEFtOumT73MZyL19ZL1ybeQEl83EFf/) 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/AVvXsEhoVumrCjv3qF107fdGmpu4vl7ZI1OURYoHTM2Gc0GaG7QqTlFj7JXueZbSEJ6A_LKF0iz6vm0A-ECcC6n_WAnJ2QfMr2YxnrpkYO5Ui3bt_N35Equ5d9K_e0UGmfqCUhFLl4HY2Mc1v-IE/) 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/AVvXsEjN8pyAJTI70Zr_oLZsqtweiMp7QxEUW4iJdJex3QcV2cE3MJo1DdeOjwOiIjOV8VUh7SIadb_jVgvSgLDZEm5VjRhxBGDONff03DoUbhZUCDgWRFAhHW5AfRYsrtoA01rhtO3PYUZx1plU/) 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 կայքը:
Գադջիթները տրամադրել է՝ design3edge.com կայքը:
Posted by Hayk
on 07:44.
Filed under
ապե ես փնտրելու վահանակը տեղադրեցի և իմ բլօգի էջերից մեկը փնտրեցի և նա ասեց որ չկա
@GARIK HARUTYUNYAN-ճիշտ ես տեղադրել?