Header Ads

  • Breaking News

    Search Box

    Search boxes helps your readers to find any content present in your blog very easily,to get the thing which they want exactly. And remember one thing that "making things easier for your readers is a symptoms of good blogger." Today we are sharing a some beautiful search boxes for blogger, this search boxes are designed by Design3Edge and Ammar bloggerized them. As always I have kept the installation as easy as possible, you can add any search box in one step. Now lets see how to add them into blogger blog.

    <style type="text/css">#searchbox {    background: #d8d8d8;    border: 4px solid #e8e8e8;    padding: 20px 10px;    width: 250px;}input:focus::-webkit-input-placeholder {    color: transparent;}input:focus:-moz-placeholder {    color: transparent;}input:focus::-moz-placeholder {    color: transparent;}#searchbox input {    outline: none;}#searchbox input[type="text"] {    background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;    border-width: 1px;    border-style: solid;    border-color: #fff;    font: bold 12px Arial,Helvetica,Sans-serif;    color: #bebebe;    width: 55%;    padding: 8px 15px 8px 30px;}#button-submit {    background: #6A6F75;    border-width: 0px;    padding: 9px 0px;    width: 23%;    cursor: pointer;    font: bold 12px Arial, Helvetica;    color: #fff;    text-shadow: 0 1px 0 #555;}#button-submit:hover {    background: #4f5356;}#button-submit:active {    background: #5b5d60;    outline: none;}#button-submit::-moz-focus-inner {    border: 0;}</style><form action="http://www.google.com/search" id="searchbox" method="get" target="_blank"><input name="sitesearch" style="display:none;" value="http://blogger-templatees.blogspot.com" /> <input name="q" placeholder="Type here..." size="15" type="text" value="" /> <input id="button-submit" type="submit" value="Search" />&nbsp;</form>
    <form action="http://www.google.com/search" method="get" target="_blank">&nbsp;</form>

    No comments

    Post Top Ad

    Post Bottom Ad