Blog Search

At Design > Content, select the Search category. Then, select the Search module and click the "Add this module" button. Finally, click Save Changes to update your blog. The Chroma and Avatar themes will have the search included by default.

Tips for styling the Search module with Custom CSS are also available.

Note: The Artistic, Calender, Three Column with Recent Photos, Four Column, and Timeline Layouts do not support the blog search.

Searching your blog

Enter the keyword in the search field on your blog and click Search. The search results will display within the main content column on your blog and match the look of your blog. The results include posts, pages, and comments. You can sort the results by Best Match or Most Recent.

An option to subscribe to the search results is also available.

Using Custom CSS to style the search module

Pro Unlimited and higher plans can style the search module using Custom CSS.

For instance, you can increase the width of search field by adding the code at Design > Custom CSS:

.module-search input[type="search"] { width: 100%; }

The width for the search field is 75% by default. You can increase the width to 100% to better fill your sidebar or set a custom pixel width.

To align the search button next to the search field, you can use the CSS:

.module-search input[type="search"] {
width: 175px !important;
float: left !important;
display: inline !important;
}

.module-search input[type="submit"] {
display: inline !important;
}

To edit the search header content, you can place content before or after the Search heading. In this example, the heading becomes Blog Searches.

.module-search .module-header:before { content: "Blog " !important; }

.module-search .module-header:after { content: "es" !important; }

You can adjust the text to better meet the needs of your blog, and you do not need to add content both before or after.

Advanced Templates: Search module tags

If you are using an Advanced Template set for your blog's design, you can copy the code below into your templates to include the blog search on your blog.

<!-- Blog Search Module --> <div class="module-search module"> <h2 class="module-header"><$MTTrans phrase="Search"$></h2> <div class="module-content"> <form id="search-blog" method="get" action="<$MTSearchScriptURL$>"> <input type="search" name="filter.q" results="5" value="<$MTSearchString encode_html="1"$>" /> <input type="submit" value="<$MTTrans phrase="Search"$>" /> </form> </div> </div> <!-- END Blog Search Module -->

Why do I receive an error when searching my blog?

The most common cause of an error when searching is incorrect Domain Mapping set up. If you have forwarding or masking in place, instead of mapping, you should deactivate your domain at Account > Domain Mapping.

To check the Domain Mapping set up, confirm the CNAME Record is correct for your domain as described in the verify CNAME Record article.

See the Domain Mapping FAQ for more information on the differences between mapping, masking, and forwarding a domain to your blog.