News Update :
Home » » Google Custom Search blogger

Google Custom Search blogger

By: omer nawaz on Friday, 23 January 2015 | 04:21

Hello one and all , in this article we will learn how to create a custom Google search field using the widget proposed by blogger called Search field.


 






1. Add the widget:

Connect to blogger , go to presentation >> Add a Gadget and then select Search Box

Here , you can view your blog and test the new field .



1. Customize the widget:

The rendering of the search area does not meet your expectations? ok , I propose to add this CSS code just before ]] > </ b: skin > in the html code of your blog.
















 /* ---- Recherche Google ---- */
input.gsc-search-button {
    background:url("http://2.bp.blogspot.com/_xDpoN6UfFFY/TNJ0OtFl8cI/AAAAAAAADEM/twPzJLJGF6Y/s1600/bg2.png") repeat scroll 0 0 transparent;
    border:1px solid #DFDFDF;
    padding:5px 1px;
    color:#999;
    cursor:pointer;
    text-align:center;
    text-decoration:none
}
.gsc-search-button input:hover {
    background:#FFF;
}
input.gsc-input {
    border:1px solid #DFDFDF !important;
    padding:6px !important;
}
.gsc-branding-text, .gsc-branding-img-noclear, .gsc-branding-img, #searchform label.screen-reader-text {
    display:none
}

Post a Comment

 
Contact Us | Privacy policy | Term of use | Advertise with Us | Site map
Copyright © 2011. Blogging Brain . All Rights Reserved.
Design Template by Blogging Brain | | Powered by Blogger