Featured Tips, Tricks, and Tools for Tumblr Bloggers

Featured Tumblr Tips and Tricks, Plugins and Tools

Tumblr is a popular micro-blogging and social media platform, which is lightweight and highly-customizable with HTML, CSS, and JavaScript. It is completely free without storage and bandwidth limits, like Facebook, Twitter, Blogger, and Medium, but you can tailor-made your theme and use your custom domain name. It also allows monetizing with Google Adsense. Tumblr is a good alternative to WordPress and GitHub Page for hosting blog websites because no complex PHP or Jekyll knowledge is required. But the shortage of Tumblr includes slow page speed and limited SEO settings. On the whole, Tumblr is a great blogging platform for beginners. You can make use of the following plugins, tools, tips-and-tricks to enrich your Tumblr sites.

Personalize Your Tumblr Site

If you prefer to present your Tumblr like a normal website, you definitely want to erase the Tumblr controls, buttons, and toolbars from your pages. You can follow the two instructions below to kill them from screens.

Remove the “Follow,” “Unfollow” and “Join Tumblr” buttons

You can follow the procedures below to disable the Tumblr buttons for non-Tumblr users:

Snapshot of the Advcaned Settings of Tumblr Dashboard
Uncheck Promote Tumblr! to remove Tumblr buttons
  1. In the Tumblr Dashboard, click on the Account → Edit Appearance
  2. Click on Edit Theme button (same Customize)
  3. Scroll to the button and click Advanced Settings
  4. Uncheck Promote Tumblr!
  5. Click Save

[ Back to Top ]

Hide the “Open / Install the App” from mobile pages

When a Tumblr site is opened with a mobile device, buttons asking users to open/install the native Tumblr app will be rendered by default (as shown in the image below).

Featured Tumblr Tips and Tricks, Plugins and Tools 1
“Open in app” “Get the Tumblr app” buttons on Tumblr mobile page
  1. Copy the following CSS codes to clipboard
CSS

2. Navigate to Edit Appearance > Edit Theme > Advanced Settings from your Tumblr dashboard, paste the code below ADD CUSTOM CSS

3. Click Save.

[ Back to Top ]

Recover Custom Themes

Tumblr automatically backups your custom theme when you make and save any changes, and you can revert to previous versions. I think many Tumblr bloggers may not know this important feature because it isn’t written clearly in the Tumblr Help Center. Weird!

In the Recover Custom Theme page, choose the blog that you want to recover, and click View backups. You will obtain a list of the old versions. You can click Show changes to inspect the code changes and click Revert to restore back the theme.

Featured Tumblr Tips and Tricks, Plugins and Tools 2
Tumblr Recover Custom Theme page

[ Back to Top ]


Plugins for Tumblr Sites

Amazon Associates Ads Loader for Tumblr

Amazon Associates Ads Loader for Tumblr

Tumblr blocks executing Javascript snippets directly embedded in a post body. For that reason, Amazon Ads cannot display if we just copy the Ads code to a Tumblr post. To workaround, I created a converter to format the Ads code to HTML data, and a plugin to insert the Ads back to the post body by interpreting the HTML elements in the DOM File. Visit a Demo page!

For more detail, please visit the repository in GitHub (https://github.com/chriskyfung/amzn_assoc_loader_for_tumblr)

[ Back to Top ]

Tumblr Featured Posts Plugin
by BANDIT DESIGN

This plugin outputs a link to render posts tagged with “featured”. Click Demo to visit the sample site I made.

To implement the plugin, copy the following codes within your HTML <head>,

HTML

Add the following HTML tag to your custom theme,

HTML

A link named “Featured” will be shown at where you place the <ui> tag. When you click this link, the plugin will send an API request, https://<blog-name>.tumblr.com/api/read/json?num=50&tagged=featured to get the data of the first 50 posts tagged with “featured”. Thus, the posts found can be shown at the top or somewhere on the top separately from the main post feed.

Demo of the Tumblr Featured Posts Plugin
Demo of the Tumblr Featured Posts Plugin

[ Back to Top ]


3rd-Party Applications

Hashtag Tools

Hashtags are useful to categorize posts and help audiences to search your content. You can edit the tags by using the official Mass Post Editor under the Tumblr dashboard. But it looks pretty crummy, especially fails to show non-English characters. Alternatively, I adopt the following 3rd-party applications to oversee and manipulate the tags of my Tumblr blogs.

Tumblr Tag List Generator

Featured Tumblr Tips and Tricks, Plugins and Tools 4
Screenshot of the Tumblr Tag List Generator (drunkonschadenfreude.com)

You can get a dynamically updated tag list of your Tumblr blog by using this tag list generator (drunkonschadenfreude.com). Just enter your Tumblr blog name to it and click Generate, it will return the code for you to copy into your theme or a custom page.

There are several parameters for you to define the appearance of the tag list or word cloud. The generator provides a preview for the resulted code. The image below demonstrates three different samples that I had made.

Featured Tumblr Tips and Tricks, Plugins and Tools 5
Three generated tag list samples (numbered list, bullet list, and tag cloud)

[ Back to Top ]

Find Untagged Tumblr Posts

Screenshot of the Find Untagged Tumblr Posts (finduntaggedtumblrposts.com)
Screenshot of the Find Untagged Tumblr Posts (finduntaggedtumblrposts.com)

This application (finduntaggedtumblrposts.com) is a crawler that scans through a Tumblr site and reports the untagged posts that have been found. So, you can verify if every post on your site has been tagged.

[ Back to Top ]

Tag Replacer

Screenshot of the Tag Replacer (tags.circumfluo.us)
Screenshot of the Tag Replacer (tags.circumfluo.us)

Tag Replacer (tags.circumfluo.us) is a great tool that speedups tag editing. It can search the posts with a specific tag from your Tumblr blog and perform a bulk tag replace/delete process. Quick & Easy!

Since the application edits your data, you have to grant it accessread and write permissions for the first time use. Click connect to tumblr, then it will be redirected to the authorization page.

Featured Tumblr Tips and Tricks, Plugins and Tools 6
Featured Tumblr Tips and Tricks, Plugins and Tools 7

If you worry about the security, you can revoke the app after tag editing. In your Tumblr dashboard, navigate to Settings > Apps, and click the “x” button to remove the app.

Featured Tumblr Tips and Tricks, Plugins and Tools 8
Click the “x” button to remove the app in the Tumblr dashboard

The Tag Replacer is an open-source project under Peer Production License. You can find and download the source code from this GitHub repository (https://github.com/cubeghost/tagreplacer).

[ Back to Top ]

Download & Backup Tools

TumblrTree

Featured Tumblr Tips and Tricks, Plugins and Tools 10
Screenshot of the TumblrTree application

TumblThree is a free and open-source Tumblr Blog Backup Application for Windows. You can download both its source codes and executable files from this GitHub repository (https://github.com/TumblThreeApp/TumblThree/releases).

To use the application, unzip the downloaded TumblThree-vx.x.x.x-Application.zip file, and run TumblThree.exe.

  1. Enter a URL, e.g. <blog-name>.tumblr.com, to the textbox at the bottom-left corner, and then click the Add Blog button in the toolbar.
  2. Edit the variables in the Detail tab of the sidebar menu.
  3. Select the blog(s) in the list, and click Add to Queue button.
  4. Confirm the queues by switching the sidebar to the Queue tab.
  5. Click Crawl button in the toolbar.

By default, the files will be downloaded to separate folders with the name of the blogs under the same directory of the application.

Featured Tumblr Tips and Tricks, Plugins and Tools 11
Downloaded sample sites

The screenshot below shows the files been downloaded from Google Design’s Tumblr blog.

Featured Tumblr Tips and Tricks, Plugins and Tools 12
Sample files downloaded from Google Design’s Tumblr blog

[ Back to Top ]


API Tools

pytumblrtools

pytumblrtools A set of python scripts for manipulating Tumblr blogs

  • Transfer Tumblr posts to a new account
  • List the URLs of all blog posts and export as a CSV file to local storage
  • List all tags with counts, and export as a CSV file to local storage (Can use SPECTAG to specify the only lookup the posts contain this given tag.)
  • Replace a string in the body and caption of all text and photo

[ Back to Top ]


Suggested Reading

[ Back to Top ]


References

[ Back to Top ]


Originally published at https://chriskyfung.github.io on November 24, 2019.

If you like this post, please share it with your Facebook and Twitter. You might also support me by donating via Ko-fi.

scroll to top