Food Blog Search Widget


Copy and paste this code into your blog template:

<div style="width: 160px !important; height: 180px !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="submit" value="Search Food Blogs" style="border-radius:4px;background:#ddd;border:solid 1px #bbb;color: #333;padding:2px 7px 3px;" />
    </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 width="140" 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 width="140" 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>