Food Blog Search Widget


Copy and paste this code into your blog template:

<div style="width: 140px !important; height: 170px !important; background:white !important; border: 1px solid #4D0A0B !important; overflow: hidden !important; text-align: center !important;"><a href="http://foodblogsearch.com" target="_blank">
    <img src="http://foodblogsearch.com/images/fbs-button-140.png" style="border:0 !important; padding:0 !important; margin-bottom:5px !important;"/></a>
    <!-- Google CSE Search Box Begins  -->
    <form action="http://foodblogsearch.com/results/" id="searchbox_003084314295129404805:72ozi9a0fjk" style="margin:0 !important; padding:0 !important;">
    <input type="hidden" name="cx" value="003084314295129404805:72ozi9a0fjk" />
    <input type="hidden" name="cof" value="FORID:11" /><input type="text" name="q" style="border:solid 1px #8A7C7D !important; width:128px !important; height:16px !important; " />
    <input type="image" src="http://www.foodblogsearch.com/images/search-fb-button-2.png" value="Search Food Blogs" alt="Search Food Blogs" name="sa" title="Search Food Blogs" id="search-button" style="margin-top:4px !important;" /></form>
    <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_003084314295129404805%3A72ozi9a0fjk"></script>
    <!-- Google CSE Search Box Ends -->
</div>

The code uses inline CSS for styling, so if you want you can adjust the position of the search bar and buttons.



Button Links



Copy and paste this code into your blog template:

<a href="http://foodblogsearch.com"><img src="http://foodblogsearch.com/images/fbs-button-140-border.png" /></a>




Copy and paste this code into your blog template:

<a href="http://foodblogsearch.com"><img src="http://foodblogsearch.com/images/fbs-button-140-short.png" /></a>


Text Link

Food Blog Search

Copy and paste this code into your blog template:

<a href="http://foodblogsearch.com">Food Blog Search</a>