เคนเคฎ เคिเคธी blog เคฏा website เคฎें เคुเค post เคोเคเคจा เคाเคนเคคे เคนै . But เคเคธเคे blog เคฎें Search Box เคฒเคा เคนुเค เคจเคนी เคนै เคคो เคเคช เคเคธเคฎे เคोเค เคญी post เคैเคธे เคोเคेंเคे . friends เคฎेเคฐा Bunty เคนै . เคเค เคฎै เคเคชเคो เคเคธी topic เคชเคฐ เคुเค เคाเคจเคाเคฐी เคฆूंเคा. เคเค เคी เคฎेเคฐी post เคเคจ เคฒोเคो เคे เคฒिเค เคนै , เคिเคธเคจे เค เคชเคจा blog เคคो เคฌเคจा เคฒिเคฏा เคฎเคเคฐ เคเคธเคฎे search Bar เคจเคนी เคฒเคाเคฏा . เคिเคธเคे เคाเคฐเคฃ เคเคธ blog เคชเคฐ เคเคจे เคตाเคฒे เคฒोเคो เคो เคชเคฐेเคถाเคจी เคนोเคคी เคนै . เคเคฐ เคฒोเค เคเคชเคे blog เคो เค เคจเคฆेเคा เคเคฐเคे เคोเฅ เคฆेเคคे เคนै !
เคนเคฎเคจे เคจिเคे เคฆो Search box เคฆिเค เคนै เค เค्เคा เคฒเคे , เคเคธे เค เคชเคจे blog เคฎें apply เคเคฐ เคฒे .
Search Bar :- 1
เคฏे search bar เคเค เคฌเคนुเคค เค เค्เคा search box เคนै . เคเคธे เคเคเคฌाเคฐ เคฒเคाเคเคฐ เคเคฐुเคฐ เคฆेเคे . เคฎेเคฐे เคฌ्เคฒॉเค เคฎें เคฏे เคนी เคฒเคा เคนुเค เคนै . เคเคธเคा code เคจिเคे เคฒिเคा เคนुเค เคนै . เคเคธ code เคो copy เคเคฐ เคฒे .
<pre><style>
#search-box {
position: relative;
width: 100%;
margin: 0;
}
#search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}
#search-button {
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search this website' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div></pre>
Blog เคฎें social follow button เคैเคธे add เคเคฐे ?
Search bar :- 2
เคฏे Search bar เคญी เคाเคซी เคฒोเค use เคเคฐเคคे เคนै . เคฏे เคญी เคฌเคนुเคค เค เค्เคा เคนै . เค เคเคฐ เคเคช เคฏे search box เค เคชเคจे blog เคฎें เคฒเคाเคจा เคाเคนो , เคคो เคจिเคे เคฒिเคे code เคो copy เคเคฐ เคฒे .
<pre><style type="text/css">
#abt-searchbox{
border-radius:5px;
background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdmVuugxqy3hXpJW8VKeCHaSkbOnuol1OUIwJK4Ap8ZGY0TFvmBifyFqde1ELq32NlQarSaZDoAFfV2hXEjl-xzNpwoPm0FqvHvVBQh-eNS4cZIDUjwl1oEHX5Jg2ocs16AwSQpyJkEwo/s1600/black.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#abt-searchform{display: block;padding: 10px 12px;margin:0;}
form#abt-searchform #s{padding-left:16px !important; padding:7.5px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#abt-searchform
#sbutton{margin:0;padding:0;height:40px; width:44px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="abt-searchbox">
<form id="abt-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></pre>
เคเคชเคो เคเคจ เคฆोเคจों เคฎें เคธे เคो เคญी search bar เค เค्เคा เคฒเคे , เคเคธเคे เคจिเคे เคฒिเคे code เคो copy เคเคฐ เคฒे . เคเคฐ เคจिเคे เคฆिเค เคเคฏे introduction เคो follow เคเคฐे .
- เคธเคฌเคธे เคชเคนเคฒे เค เคชเคจे blogger.com เคชเคฐ เคฒोเค เคเคจ เคเคฐे . เคซिเคฐ เค เคชเคจे เคिเคธ blog เคฎें เคเคธเคो apply เคเคฐเคจा เคนै , เคเคธเคो open เคเคฐे .
- เคเคฐ เคซिเคฐ layout เคชเคฐ เค्เคฒिเค เคเคฐे . เคเคธเคे เคฌाเคฆ เค เคชเคจा area select เคเคฐे , เคเคนा เคชเคฐ เคเคชเคो เคฏे search bar เคฒเคाเคจा เคนै . เคฎेเคฐे เคนिเคธाเคฌ เคธे เคเคช sidebar เคเคฐ footer เคฆोเคจों เคเคเคน เคชเคฐ add เคเคฐे .
- add เคเคฐเคจे เคे เคฒिเค simple เคเคชเคो add a gadget เคชเคฐ เค्เคฒिเค เคเคฐे .
- เคซिเคฐ เคเค new window open เคนोเคा . เคเคธเคฎे เคธे HTML/JavaScript เคชเคฐ click เคเคฐे .
- เคเคฐ เค เคเคฐ เคเคชเคो title เคฆेเคจा เคนै เคคो title เคฒिเค เคฒे , เค เคจ्เคฏเคฅा content เคฎें copy เคिเคฏा เคนुเค code paste เคเคฐ เคฒे .
- save เคชเคฐ click เคเคฐ เคฆे . เคเคฐ save arrangement เคชเคฐ click เคเคฐ เคฆे . เคเคฐ เค เคชเคจे เคฌ्เคฒॉเค เคो reload เคเคฐ เคฒे .
เค เคฌ เคเคชเคจे blog เคฎें search bar add เคเคฐเคจा เคธिเค เคฒिเคฏा เคนै . blog เคธे related เคोเค เคญी problem เคนो เคคो please comment เคเคฐे . เคนเคฎें เคเคชเคे comment เคा wait เคนै !
************
0 Comments
Thanks For Commenting On Your Family ! Yes Blog Name Is Indian Hindi Readers So All Is Our Blog Family Members.