Blogger9:- Now Add green css search box in blogger blog. 0

| | , , ,

Hi now add this cool green css search box in blogger blog easily.




Follow simple giving easy step to adding this box in blogger blog---->>>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>

.search input {
float: left;
background: url(http://1.bp.blogspot.com/_7ZjrDUb91m8/SxNdBT7dstI/AAAAAAAAApE/JpJ8Mm9eO7k/s1600/search-input.png) no-repeat;
border: none;
padding: 6px;
width: 215px;
color:#000066;
font-size: 11px;
color:#fff;
}
.search button {
float: left;
background: url(http://4.bp.blogspot.com/_7ZjrDUb91m8/SxNdBbQO8EI/AAAAAAAAApA/wppeXDGNcCA/s1600/search-button.png) no-repeat;
width: 73px;
height: 25px;
border: none;
cursor: pointer;
color:#fff;
vertical-align: middle;
padding: 2px 17px 5px 0px;
font: bold 11px/11px "Trebuchet MS", sans-serif;
}

* Now save your blogger template.

* Again go to your blogger template and click in  design tab.

* now you are here --->>>> Page element.

* Click in add gadget which is in sidebar.

* When open new window click in HTML/Javascript.

* Now when open blank box copy below code and paste in blank box.

<div class='search'>
<form action='/search' method='get'>
<input name='q' type='text' value=''/><button type='submit'>Search</button>
</form>
</div>

* Now click to save your HTML/javascript and you are now done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Now Add green css search box in blogger blog. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories