How to add RedTube CSS search box to blogger. 1

| | , ,

Hi Friends now add RedTube CSS search box in your blogger/Blogspot.





Follow simple and easy step to adding this search box to blogger---->>>>

* First go to your blogger Dashboard.

* Now click in Design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code </head> by CTRL+F key.

* Copy below code and paste before </head>

<style>#searchcontainer {
width:350px; /*background search box image's width size*/
height:50px;/*background search box image's height size*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchcontainer form { display:inline ; }
 
.searchbox {
border:0px;
background-color:transparent;
position:absolute;
top:9px;
left:33px;
width:220px;
height:25px;
}
 
.searchbox_submit {
border:0px;
background-color:transparent;
position:absolute;
top:9px;
left:234px;
width:84px;
height:25px;
}</style>

* Now click to save your blogger Template.

* Again Go to your blogger Dashboard and click in design tab.

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

* Click in Add Gadget which is your blogger Sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.

<div id="searchcontainer" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWnJigL3vagafTvETpi-q-LwDtGYErLx6LWj0Wvay-a-JJenzG7Lit-sJmO6U50-PLNnIDLyFyp1wD1QMvpOiwKObceGwoGGaBOq2VOc8yIZ3i8bPi5gW030zT5qvnYteJnhwlnNIlQ-CL/s1600/red.png);background-repeat:no-repeat;">
<form action="ADD YOUR BLOG URL HERE" id="cse-search-box">
  <div>
    <input type="text" name="s" class="cleardefault" value="Search Now" id="s" />

       <input type="text" class="searchbox" name="q" value="" />
 <input name="image" type="image" class="searchbox_submit" value="" src="" />
  </div>
</form>
</div>

NOTE:- Remove Highlighted Text in above code with your blog URL ok.

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

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to add RedTube CSS search box to blogger. ~ Twitter FaceBook

1 Responses So Far:

Web Design Bahrain said...

Thanks for sharing the information.Its a very useful tool.It can helps a lot in our work.

Categories

Select Your Categories