How to Remove Search on Tumblr

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.

Edit a secondary blog's appearance by clicking its name first and selecting Edit Appearance.
Image Credit: Image courtesy of Tumblr

Step 2

Click the Edit Theme button.

Image Credit: Image courtesy of 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.
Image Credit: Image courtesy of 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.

Image Credit: Image courtesy of Tumblr

Step 3

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

Image Credit: Image courtesy of 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 <div id="search> tag and ending with the closing
tag.

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.

Image Credit: Image courtesy of 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.

references