Փնտրել բլոգում

Style 1

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxC_J48bEU1TYZrdxDWEgbVEu-4gDe25WNAyz6wTkiMZpiyXw3wIFZozHoOH8IoZU7NTvW3ZOYNCT_BR8TEvWUhTrrdDQk3f_G3iu9yjsukfyikW_4V1ZkO1NrtcSeC2Owq6ACJoYpoj5/) 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/AVvXsEhSrVIOe6ZJeT3-BOSkIBAXL7_eNBdAu1SwimOENVS2dQ9ZWveuntrUdd3_eSa37T-Qn0ZEL5oAod0a1d_PLn9oo4l7yhb6HMexQt1STH5zHhuCRsSUwjUUCk6pXKgWetoGxzpy9wgFXrMS/) 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/AVvXsEieg3vduWRlFK0UNtiuXYqxhpQDsFH-onzt6e5qMm5FcLOO7-NpOhTctd5i8BLKkwT45WqH-0cYFn5m4HeB611n8CBNHMbyl_sqvJB6BHVyI3K4vbNGv0IyPQbRo6pyBxn4Gs5tOSX9guDR/) 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/AVvXsEjJpDVwrAUDBgMGrJAQEHI3cpemkq3k5qehrqIkETOAmGDcmFyw4nzc-n8fgLi7-9gYCXaeNR4Ca2FGDhwHSQR0yHVHzyOw1V-sF7YCyr9TQzbXvelUUz5UnDT1HsBi8gxFcYJHT-pZorn2/) 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/AVvXsEidVCaTFVgthUD1iI52CFjqufzg8NiiwIOpuVEqGtDBlIxE81s5kQLcBKhjEIW_YYohQXl01lXtew2DaPhF4Vld1yOYw5VYESM0qwJhCa_ghog3nu-5VjO68UumkD6zYLctAe3Xs8MLFPd0/) 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/AVvXsEjLRtFh2GSdkH2XvuyCw2n_7AaFCsUSs1hq_s_iE5JA-AkI6b6puGZXOAOgLJSIDc0KxYjkfgzPuAPZczLwsA9b_hnfibmpo5UnznvdJ78iUHaVnZK9w29aCdSbu7ZmzXCxPCbLuglVLoUs/) 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>

a. Մտնում ենք Blogger Dashboard -> Design tab -> Page Elements .
b.Սեղմում Add a Gadget .
c. Հետո HTML/JavaScript և այդ էջում դնում եք ձեր ցանկացած գույնի պնտրելու html և սեղմում Save:

Հավանեցի՞ր, դե տեղեկացրու ընկերներիդ`

Posted in: Blogger