How To Plug Related Noise Into Your Tumblr Page

So you have created a Related Noise feed filled with awesome content and now you want you want to supercharge your Tumblr Page. No worries, once you make it through this quick walkthrough it will all be taken care of.

If you would rather watch a Walkthrough check out this video:

Step 1: Authorize your Page

This part is simple on your Related Noise account click the icon that looks like an electrical plug, if you hover over it "Connect" will pop up.

On this page you will see "Step 1: Give us Your Website's Domain". ENTER in the domain of your Tumblr Page without "http://" or "www." or anything after ".com", ".org" etc. If any of this extra junk is in the submission, the Related Noise team will have to come find you to verify the right domain. Please don't make us do that, no one wants to see that. Once your domain has been verified you will be ready to get into the good stuff.



Step 2: Copy the Javascript Code


Right under the Authorization section you will see a Yellow Shield, with an S inside, and "JS" above the shield. This is your special sauce. Click and highlight all of the code in the grey box below the shield icon. We cannot stress the importance of making sure that you copy all of the code. Missing any of that beautiful code will be as bad as the time you forgot to get your mom a gift on Mother's Day. 


After you have copied all of the code head on over to Tumblr, login, and we will pick this back up when you are on the page that you are going add your Related Noise Feed to.


Step 3: Pasting the Code into your Tumblr Page


In the Tumblr menu select "Edit Appearance, the last option in the menu.



Now on the Edit page click on "Edit Theme" and here is where the magic happens.



In the top left of this page you will see "edit HTML >" in a faded grey text. Go on and click that. You'll see a text editor pre populated with the code of your Tumblr page. If you have done this kind of thing before, go on and insert the Related Noise code into the HTML section where you want to see your feed.



If you haven't coded before we would recommend that you scroll all the way to the bottom of the page, and on the second to last line where you see "</body>". Click "Enter" or "Return" depending on whether your a Mac or PC person, no judgements here (ahem). In the open space that you have just created in the text editor paste the Related Noise code you copied earlier.



Step 4: View Your Awesome Content


Tumblr has a great "Update Preview" button in the top of the text editor that allows you to check out what your Tumblr page will look like before you publish it. We here at Related Noise are big fans of double checking before publishing. If you are happy with the way everything looks close out of the text editor which is the "<--" button in the top left corner and make sure you SAVE your updates. The "Save" button is in the top of the left side menu. Once you have saved you are good to go, and your Social Feed will be up and running.




After you've integrated your Related Noise Feed, you don't ever have to repeat this process again! All updates and changes you want to make to your feed can be done through accessing your Related Noise account at

You can curate content, remove a post you don't like, and even change the design of your feed and your website will be updated automatically without you having to ever update your site again.


Just a Heads Up!

We just wanted to let you know that when other Tumblr users shares your content from your Social Feed it will be reposted as a new post, so it won't show up as a reblog for the original post in your feed.

We are working on deeper native Tumblr integration that is coming soon.


If you have any questions don't hesitate to ask. Tweet us @relatednoise or email us


Congrats on finishing! Take a second and enjoy today's accomplishment.


Powered by Zendesk