PLSclear Search Widget

Add the PLSclear search widget to a website or blog by embedding it.

Here's how you can embed it:

Choose the appropriate version of the widget for your size, based on width and appearance.
Copy and paste the code into your website or blog.

200px or greater

Copy and paste the code below into the HTML of your site.

<form action="https://www.plsclear.com/pages/ClearWizard.aspx?utm_source=widget_searchbox_source&utm_medium=widget_searchbox&utm_campaign=widget_tracking" method="post">
                <div class="widgetContainer" style="padding:5px;position:relative;min-width:260px;border-radius:6px;">
                    <div class="searchBox" style="display:block;position:absolute;left:5px;right:170px;">
                        <input type="text" style="background:url('http://www.plsclear.com/images/beta/clear_logos.png') no-repeat scroll -310px -227px #FFF;float:left;font-size:13px;margin:0;border:1px solid gray;border-right:1px solid silver;border-radius:5px 0px 0px 5px;display:block;padding:4px 0px 3px 22px;box-sizing:border-box;height:27px;width:100%;" name="q" />
                    </div>
                    <div class="searchOptions">
                        <select class="searchTypeSelector" name="t" id="Select1" style="font-size:11px;padding:5px 2px;width:115px;background-color:rgb(239, 239, 235);border:1px solid gray;border-left:0;border-radius:0px 5px 5px 0px;margin:0;height:27px;position:absolute;right:55px;line-height:1.95;">
                            <option selected="selected" value="keyword">Keyword search</option>
                            <option value="title">Title search</option>
                            <option value="author">Author search</option>
                            <option value="isn">ISBN/ISSN search</option>
                        </select>
                    </div>
                    <div class="searchBtn">
                        <input type="submit" value="Look it up" style="cursor:pointer;padding:2px;font-size:10px;border-radius:4px;width:47px;text-indent:-900em;height:27px;background:url('http://www.plsclear.com/images/beta/betaimg-map.png') no-repeat scroll -242px -44px transparent;border:2px solid rgb(242, 120, 83);display:inline-block;position:absolute;right:5px;margin:0;" />
                    </div>
                    <span class="breaker" style="height:1px;display:block;width:100%;margin-top:38px;"></span>
                    <div class="credits" style="color:#666;display:block;font-family:arial;font-size:12px;padding:0;height:16px;margin:-5px 0 0px 4px;">
                        <span style="background: url('http://www.plsclear.com/images/beta/clear_logos.png') no-repeat scroll -313px -168px transparent;display:block;float:right;height:14px;width:30px;"></span>
                        <span style="color:#666;display:inline;float:right;font-family:arial;font-size:10px;height:15px;margin:0 7px 0 0;">powered by:</span>
                    </div>
                </div>
            </form>

170px to 350px only

Copy and paste the code below into the HTML of your site.

<form action="https://www.plsclear.com/pages/ClearWizard.aspx?utm_source=widget_searchbox_source&utm_medium=widget_searchbox&utm_campaign=widget_tracking" method="post">
                <div class="widgetContainer" style="padding:5px;position:relative;min-width:160px;max-width:340px;border-radius:6px;background-color:rgba(0,0,0,0.15)">
                    <div class="searchBox">
                        <input type="text" style="background:url('http://www.plsclear.com/images/beta/clear_logos.png') no-repeat scroll -310px -227px #FFF;float:left;font-size:13px;margin:0;border:1px solid gray;border-radius:5px;display:block;padding:4px 0px 3px 24px;box-sizing:border-box;height:27px;width:100%;" name="q" />
                    </div>
                    <div class="searchOptions" style="position:absolute;display:block;left:5px;top:37px;right:60px;">
                        <select class="searchTypeSelector" name="t" id="Select4" style="font-size:11px;padding:5px 2px;width:100%;background-color:rgb(239, 239, 235);border:1px solid gray;border-radius:5px;margin:0;height:27px;position:absolute;line-height:1.95;">
                            <option selected="selected" value="keyword">Keyword search</option>
                            <option value="title">Title search</option>
                            <option value="author">Author search</option>
                            <option value="isn">ISBN/ISSN search</option>
                        </select>
                    </div>
                    <div class="searchBtn" style="position:absolute;right:7px;top:37px;">
                        <input type="submit" value="Look it up" style="cursor:pointer;padding:2px;font-size:10px;border-radius:4px;width:47px;text-indent:-900em;height:27px;background:url('http://www.plsclear.com/images/beta/betaimg-map.png') no-repeat scroll -242px -44px transparent;border:2px solid rgb(242, 120, 83);display:inline-block;margin:0;" />
                    </div>
                    <span class="breaker" style="height:1px;display:block;width:100%;margin-top:68px;"></span>
                    <div class="credits" style="color:#666;display:block;font-family:arial;font-size:12px;padding:0;height:16px;margin:-5px 0 0px 4px;">
                        <span style="background: url('http://www.plsclear.com/images/beta/clear_logos.png') no-repeat scroll -313px -168px transparent;display:block;float:right;height:14px;width:30px;"></span>
                        <span style="color:#666;display:inline;float:right;font-family:arial;font-size:10px;height:15px;margin:0 7px 0 0;">powered by:</span>
                    </div>
                </div>
            </form>