Monday, 15 September 2014

வியாழன், ஜூன் 23, 2011

உங்கள் பிளாகருக்கு தேவையான புதிய மற்றும் அழகான தேடல் பெட்டிகள்.


உங்கள் பிளாகர் வலைப்பதிவுகளுக்கு தேவையான புதிய மற்றும் அழகான தேடல் பெட்டிகள். ஒரு எளிமையான  புதிய தேடல் பெட்டியில் ஆறு அழகான விட்ஜெட்டை கொடுக்கப்பட்டுள்ளது.  இந்த விட்ஜெட்டை Design3edge வடிவமைக்கப்பட்டது .



How To Add Beautiful Search Boxes To Blogger


1. பிளாகர் டாஷ்போர்டில் உள்நுழைய -> Design tab -> Page Elements.
2. Click on Add a Gadget where you wish to place Search Box.
3.பட்டியல் இருந்து HTML / JavaScript ஐ தேர்ந்தெடுக்கவும்.
4. Place any one Search Box code in to it மற்றும் கேஜெட் சேமிக்க.



Style 1






<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFU23-rxut6l_1DfDO-80xcjsMWZizb9fU9vxCA_ULBmEVh8XSgroNC-5yTIH_Yx0LZxS4Fq8mi9oUv4nskFfB3sObVtI7MLgEJ47WPAc8eQ4ySVlsiES53uapWuTphiMnYD7DqXQoZ5FN/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-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>


Style 2






<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj82jzH-MMM4HU0EWh-UwnRHtLDrNItypEr3ML12rFPNw33AQ4QhjG0pF8ToWjd_WuD1qo8iwTGNwmq2zIfvfTTUhYxqMT2VI9h4KqZm3bUP-WL0GSvVxNm0bgFSke1l50rjJVgUSHl1gEo/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-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>



Style 3






<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYuNOi6wVCstoYzz9LPlEK5PHCcr15ETWTBw6T31MG7qm6Twj73e8GSOlf8Gy42zOT7qNn0a_tGL5tJfRC_PVPJsLufyqlFqz-GlDmPdMY0cuU0wbPXtjNr9k-IIE_J-5oDtATtzqeEp60/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-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>



Style 4






<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipRvp5M_VKyJBKNrLdVXmjy1s2EleiAS_B6HbAXZ70Vz8W2KIpVGk1Z9CZakWgW0IBCyykAMMopSG2A8QGasaS4XaF-P8ghrYv-P2imxWdd1493LIoqyEgq-29lu54v5CsqqbjFHqYflvx/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>



Style 5






<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhocnXbNmznbP8hSq6aIhfh5WSqR1LuRpWrbwTsXi-Nd3q-Hhemkrq5C1LkiHimFcZRhYiiUkmYQNxILQ__iUOKCc4ghpQHCY-SClIxx1rgZq2Rf-E2tYPJxmrAHlAeZeJTensRytZQVbwY/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>



Style 6






<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnNP-ew3YX_vetQicnDQEHar6NFOnYCMJZr6Y2RjLVtG-SoL-XbVO5kQ0CtiWr33dnHe734qZDG4kY1D7YiH89PsxmaQ5eihJLO30XSRyyGGyL23v7yTyVnbH3h_1pljxfJm5Xse_6SsI/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)