How to add Simple search box to your blogger

This gadget will help to search post from your website.so visitors
 can easily find the you post by searching, try this.

1. Log in to blogger and Go to  Design >> Page Element

2.Now click Add Gadget and select the HTML/Javascript

3.Now paste below code.

<p align="left">

<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">

<strong>NAME OF YOUR BLOG<br/></strong>

<input id="b-query" maxlength="255" name="q" size="20" type="text"/>

<input id="b-searchbtn" value="Search" type="submit"/>

</form></p>

4. Replace  YOUR BLOG URL with your blog URL
    Replace  NAME OF YOUR BLOG with your name of your blog

       Blogger trix


 

Continue reading →

How to Add Google index page checker

You can use this Google index  page checker .By using this
you can see your site Google index page on
your web browser

1. Log in to blogger and Go to  Design >> Page Element

2.Now click Add Gadget and select the HTML/Javascript

3.Now paste below code.

<form method="get" action="http://www.google.com/search" target="_blank" rel="nofollow"><input name="q" value="Your site URL" maxlength="255" size="40" type="text"><input value="Google Index" type="submit"><input value="en" name="hl" type="hidden"></form>

4. Now Enter the URL and check your Index pages.

5. Now click save you are done.

Continue reading →

How to add Smart search box for blogger

This is CSS search box.this is beautiful design for your blog.
try it,make the attractive blog.

1.Log in to blogger and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F  </head>

3. Paste below code before the </head> tag.

<style type='text/css'>
#search {
height:34px;
width:auto;
margin-top:10px;
padding:17px 5px 10px 15px;
width:311px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW52mPFZ1UjsARgVpMBfOnfINRdGTDkwNp3vC6f8rlY0t66z7hriKAiz4O_ZLKF4I4Q3Jt4a1SXf9lxkwSX6gfKMu7Z4Fy81f-y-qnB-KFNpJkPgOVL3xfxudL0erUlXa6NegO5r4_GX0W/);
}
#search form {
margin: 0;
padding: 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search p {
margin: 0;
font-size: 85%;
}

#s {
margin-left:0px;
float: left;
width:231px;
padding: 6px 2px 6px 5px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhby2u_XLVNh2f0mE5yvg8DlTdfaW5JGDPm3PSqVwZd68DIkXZv5jPyMHVD2gl9M5CMOTbdWVN4dC25y5dqfcqZQQeE_CYczRsOCdMrQWzDSt7e7gUWxTXv_aG4LydZRZ0Gtb3H4kg4VWc/s1600/sform.png) no-repeat;
border:none;
font: normal 100% &quot;Tahoma&quot;, Arial, Helvetica, sans-serif;
color:#C6C6C6;
}

#searchsubmit {
width:57px;
float: left;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_lltj7oIaYehQViZarPrhwURP9OKfUop8P_rhBJ6YEyufk0b-VlrNB6nSTnEw6EmIBC8gPqFDKgJeN6GWDIZm7WoEwmtswkhqydsg2db5XaVh90NL5OBiHu9AUjtcy8hBJ9RYCoZf4dZB/);
border:none;
font: bold 100% &quot;century gothic&quot;, Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:28px;
margin-left:5px;
}

</style>

4. Now save your template.

5. Again Go to Design >> Page Element

6. Click Add gadget and select "HTML/java script"

7.Paste below code.

<div id='search'>
<form id="searchform" action="http://Your site /search" style="display:inline;" method="get">
<input id="s" name="q" type="text" value=""/>
<input id="searchsubmit" value="" type="submit"/>
</form>
</div>

*Replace Your site with your website URL

8. Now save it. you are done.

Continue reading →