STYLE 1
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4QQJUsQ0XhgUcAXi2oJs5a_Sk-kxI7ek7SAZ-BWkeoCy5PA9yxvWRxNmPVWwrl_J89DNqPqNLc4DWTzH_pbj3KQBbPZDfxhSev9MMjSyQlNuxM6JdTqxLUTjNBuzQvJAULqd8q7PrbSZD/s1600/simple-professional-custom-google-search-css.png)
input.gsc-input{background-color:#fff;border-color:#CDCDCD!important;padding:6px!important;border-radius:5px 0 0 5px!important}input.gsc-search-button{margin-left:-1px!important;border:1px solid #ddd;padding:5px;border-radius:0 5px 5px 0;cursor:pointer}
STYLE 2
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh_rqL3ajIYIDdiRDn4RpVCtKdnBWKlNFyVJRG1mSlZMVyzPlwi7Fsq2STLhEQk-cBZMkm_YHZelzi9YN1L0E_W82tzM49CU1KNX9N1VLVCZuZDzZJEhMMddEgEL6as5He1QBRTVWongr7/s1600/custom-google-search-css.png)
STYLE 3
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifH784ry6fCV9gyNWAK9youzdWs-i49BqEwybwvbRi4AUbdP5nGIsKcypxTK-1bPDoep9VlN8WWdA9kiUnvWM-D_sVe8e1jGkJuWxtWu6kh3S64j4EUuT2DgHQJfzNYFEveS8HW9eDiRSK/s1600/beautiful-custom-google-search-widget-css.png)
STYLE 4
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNytvTcdgdqjFiDouYggz2q_9a0cjp68C5NW-veDPyl3Pz_yrbQnpOpRDmyO7sdxH72pHVnMprxiK-0VAUK5V-qkz8_b4T7gH2k3AOlqkLpSbpW0xCQgPzP2sJBJEe_bsOeNCmy-a66dhG/s1600/custom-google-search-box-css-for-dark-themes.png)
table.gsc-search-box td.gsc-input{padding-right:40px!important}.gsc-search-button{display:none!important}input.gsc-input{padding:5px 0 8px 40px !important;height:22px;font-size:13px;color:#fff;border-radius:19px;border-width:0!important;width:100%!important;box-shadow:2px 3px 3px #292929 inset;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc7FnDNOiZEfl12hDTV-oRsbkIQ3cWqDa2OHoTnwUvvO-Wjganw8dDJUgMxop0g7fOOySbfpprz52x-7SW29KFoqvsAdGb-VKDvwE0bXfjSE87ceEvOdcIbZEjpThK8UJAGHN3bAWPAeTH/s1600/Search-icon.png) no-repeat scroll 16px 12px;background-color:#444;background-size:12px;text-shadow:1px 3px 3px #0B0A0A}
STYLE 5
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFgv0_sQwI8JO-9KKhDSs8_BMjAHzrG2084QblekH973CBskaah1BSKViYqvyzmGPrwvqsdRErWzq6dWH4aVzw7nCsu-jIRr6CuoXAQwRf0g2A5F4VCI3X6kl83I4KOWVLdXmEA7-R4GY2/s1600/Stylish-css-theme-for-blogger-official-custom-google-search-widget.png)
Recommended: For perfect experience of this style use colorful background image.table.gsc-search-box td.gsc-input{padding-right:0!important}input.gsc-input{background-color:RGBA(0,0,0,0.5);padding:8px 15px!important;height:22px;font-size:15px;color:#fff;border-radius:19px;border-width:0!important;width:100%!important}input.gsc-search-button{margin-left:-5px!important;margin-right:5px!important;padding:5px;border-radius:50%;cursor:pointer;font-size:0;height:30px;width:30px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRRW4cUOdBHmmsSNwN2em4myNlUCcQ30yNzDZfYNaoSfDlSXiulaTh22Rm6Yrl7re8W0AWHezJAywLDbU3VPYKaYH3MC8joRzswQN13gAT93xTsVVSRaBV5SCxefZgfjwZIAFFWZhypso/s1600/search-icon.png) no-repeat center;border-width:0}
STEPS TO ADD STYLISH SEARCH BOX FOR BLOGGER / BLOGSPOT
Step 1
- Click anywhere inside the code and find the following code (use Ctrl + F):]]></b:skin>
Step 3
- Just above ]]></b:skin> place you CSS code.
Step 4
- Click Save template.
0 Comments