How to Remove Search on Tumblr

By Paul Higgins

Learn how to unclutter your blog's appearance by preventing it from displaying the Tumblr search bar.

If you think the Tumblr search field on your blog may distract users from your content or if it simply uses too much screen real estate, remove it by either editing your theme's options or editing your blog's HTML template.

Warning

Removing the search field may decrease your blog's overall traffic and usability by preventing visitors from finding older posts.

Tip

As an alternative to deleting the search bar from your existing theme, consider browsing Tumblr's theme gallery and installing a free theme that, by default, does not display the search field, such as Blogit, Spire or Ethanol.

Edit Your Theme's Options

Step 1

Go to your Tumblr Dashboard, click the Account icon and select Edit Appearance under your blog's name.

Step 2

Click the Edit Theme button.

Tumblr.

Step 3

Deactivate the Search Box option.

Tip

  • Theme creators assign their own labels to their themes' options. The option that lets you deactivate the search field in your theme may therefore have a different name, such as Search Field or simply Search.

  • The option to disable the search box is available only if the creators of your theme chose to implement it. If the Theme Options pane does not display that option, edit your blog's HTML template to remove the search field.

Tumblr.

Edit Your Blog's HTML Template

Step 1

Open the Account menu and select Edit Appearance. On the next page, click the Edit Theme button.

Step 2

Click the Edit HTML link under your theme's name.

Tumblr.

Step 3

Press Ctrl-F to open a search bar that lets you find keywords within the HTML source code.

Tumblr.

Step 4

Type div id="search" in the Edit HTML search field and press Enter to jump to the section of the file that contains the code for the search bar. Delete the entire

block, starting with the opening

Tip

Before editing the template, consider creating a backup by copying the current version to your Clipboard and pasting it into a text editor such as Notepad.

Tumblr.

Step 5

Click the Update Preview button and check whether Tumblr correctly displays your blog in the preview pane. If the search bar is gone and the blog displays properly, click the Save button to save your changes and close the Edit HTML pane.