Monday, May 5, 2014

FREEBIE: SEARCH ICON IN DIFFERENT COLORS FOR EXPANDABLE SEARCH BOX

Leave a Comment

Lazy or don't know how to edit the search icon for your expandable search box?
I'm here to help :)

While other elements of the search box can be modified by making a few changes with the css codes, we can't do it to the search icon. So we're gonna have to replace the icon with a different one in a different color to match it with your blog's template. Below are the colored search icons you can choose from. To use them, simply right click on each image, and click COPY IMAGE URL. Paste it to your code where it says:
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqkslmDw9lQNl21Qv_ULNiLYTKuWO2VJeaKKskKx3PPTQqiG5gFHRdKtiSxZka4Ti1SjLBZXCHcC_rEE1OwWeX6gOfZG_YDPR4MbL1EPLtAmiyHkiuXk8twNrv9Khcp9oLqXbshCK0dRY/s20/black.png) no-repeat 8px 4px #ffffff;  
Replace the text in fuschia with your copied URL. Save it and you're done!

I hope you found the perfect shade. Happy blogging!

0 comments:

Post a Comment