Tumblr / Button Installation Instructions

Installing your Contact Button on your Tumblr blog is easy.

This step by step guide will take you through the installation process.

You can either install your Contact Button automatically at the end of every blog or on the Sidebar of your blog (but not both). Be sure to create your button code before you start.

See our demonstration Button on our example blog here - http://iamjohnsmith.tumblr.com/

Install on the Sidebar of Tumblr.

  • Step 1

    Log in to your Tumblr blog.

  • Step 2

    Click on Customize in the right hand menu.

  • Step 3

    Click on Info at the top of the page.

  • Step 4

    Paste your button code into the Description field on the dropdown.

  • Step 5

    Click Save Changes and you're finished!

Install on your Tumblr blog posts.

  • Step 1

    Log in to your Tumblr blog.

  • Step 2

    Click on Customize in the right hand menu.

  • Step 3

    Click on Theme at the top of the page.

  • Step 4

    Click on Use custom HTML on the dropdown menu.

  • Step 5

    Find the <div class="footer"> tag in the code. It should be around four-fifths of the way down the page.

    If you canít find this tag, left click your cursor into the code and use a word search to find <div class="footer">.

    You can find word search either on your browser under Edit > Find, or by using Ctrl-F.

  • Step 6

    Copy and paste your button code into the HTML, immediately above the <div class="footer"> tag inbetween {/block:Link} and
    <a href="{Permalink}">.

  • Step 7

    Click Save Changes and you're finished!

Alternative Step 5 & 6

If you prefer, you can cut and paste all the Tumblr code into a word processing program and search for <div class="footer"> there. Then add the Contact Button code and paste all the code back into Tumblr.